update to runtab

src/multiParamManager.js

@@ -124,6 +124,9 @@ class MultiParamManager {
       this.clickCallBack(this.funABI.inputs, this.basicInputField.value)
     }
 // TODO: if this is a lookup only make this button btn-info
+// otherwise it needs to have btn-warning injected
+// or do we need to only do this in 1 place - I have a feeling that this will happen in multiple places
+
     this.contractActionsContainerSingle = yo`<div class="${css.contractActionsContainerSingle}" >
       <button onclick=${() => { onClick() }} class="${css.instanceButton} btn btn-sm">${title}</button>${this.basicInputField}<i class="fa fa-angle-down ${css.methCaret}" onclick=${() => { this.switchMethodViewOn() }} title=${title} ></i>
       </div>`
@@ -177,8 +180,12 @@ class MultiParamManager {
       button.setAttribute('title', (title + ' - call'))
       button.innerHTML = 'call'
       this.contractActionsContainerSingle.querySelector(`.${css.instanceButton}`).setAttribute('title', (title + ' - call'))
+      this.contractActionsContainerSingle.querySelector(`.${css.instanceButton}`).classList.add('btn-info')
+      button.classList.add('btn-info')
     } else {
+      this.contractActionsContainerSingle.querySelector(`.${css.instanceButton}`).classList.add('btn-warning')
       button.innerHTML = 'transact'
+      button.classList.add('btn-warning')
     }
 
     if (this.funABI.inputs && this.funABI.inputs.length > 0) {

src/universal-dapp-styles.js

@@ -42,25 +42,15 @@ var css = csjs`
     padding: 5px 0 0 10px;
     margin-bottom: 10px;
   }
-  .instance .title:before {
-    content: "\\25BE";
-    margin-right: 5%;
-    font-size: 1.2rem
-  }
-  .instance.hidesub .title:before {
-    content: "\\25B8";
-    margin-right: 5%;
-    font-size: 1.2rem;
-  }
-  .instance.hidesub > * {
-      display: none;
-  }
   .instance.hidesub .title {
       display: flex;
   }
   .instance.hidesub .udappClose {
       display: flex;
   }
+  .instance.hidesub > * {
+    display: none;
+  }
   .methCaret {
     margin-right: 5px;
     cursor: pointer;
@@ -122,7 +112,7 @@ var css = csjs`
     border-color: lightgray;
   }
   .contractProperty.constant button {
-    background-color:var(--info);
+    /* background-color:var(--info); */
     min-width: 100px;
     width: 100px;
     font-size: 10px;

src/universal-dapp-ui.js

@@ -68,8 +68,9 @@ UniversalDAppUI.prototype.renderInstanceFromABI = function (contractABI, address
 
   var shortAddress = helper.shortenAddress(address)
   var title = yo`
-    <div class="${css.title}" onclick=${toggleClass}>
-    <div class="${css.titleText}"> ${contractName} at ${shortAddress} (${context}) </div>
+    <div class="${css.title}">
+      <button onclick=${toggleClass}"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i></button>
+      <div class="${css.titleText}"> ${contractName} at ${shortAddress} (${context}) </div>
     ${copyToClipboard(() => address)}
   </div>`
 
@@ -82,6 +83,7 @@ UniversalDAppUI.prototype.renderInstanceFromABI = function (contractABI, address
   }
 
   function toggleClass () {
+    console.log('hit')
     $(instance).toggleClass(`${css.hidesub}`)
   }