prepare CompileTab fix indentation

7 years ago · 616912610c
parent 474e5be3bd
commit 616912610c
1 changed files with 145 additions and 145 deletions
--- a/src/app/tabs/compile-tab.js
+++ b/src/app/tabs/compile-tab.js
@ -139,172 +139,172 @@ class CompileTab {

    function contractNames (appAPI, appEvents, opts) {
      /* eslint-disable */
-      var contractsDetails = {}
+    var contractsDetails = {}

-      appEvents.compiler.register('compilationFinished', function (success, data, source) {
-        // reset the contractMetadata list (used by the publish action)
-        contractsDetails = {}
-        // refill the dropdown list
-        getContractNames(success, data)
-        // hightlight the tab if error
-        if (success) {
-          document.querySelector('.compileView').style.color = ''
-        } else {
-          document.querySelector('.compileView').style.color = styles.colors.red
-        }
-        // display warning error if any
-        var error = false
-        if (data['error']) {
-          error = true
-          opts.renderer.error(data['error'].formattedMessage, $(errorContainer), {type: data['error'].severity})
-        }
-        if (data['errors']) {
-          if (data['errors'].length) error = true
-          data['errors'].forEach(function (err) {
-            opts.renderer.error(err.formattedMessage, $(errorContainer), {type: err.severity})
+    appEvents.compiler.register('compilationFinished', function (success, data, source) {
+      // reset the contractMetadata list (used by the publish action)
+      contractsDetails = {}
+      // refill the dropdown list
+      getContractNames(success, data)
+      // hightlight the tab if error
+      if (success) {
+        document.querySelector('.compileView').style.color = ''
+      } else {
+        document.querySelector('.compileView').style.color = styles.colors.red
+      }
+      // display warning error if any
+      var error = false
+      if (data['error']) {
+        error = true
+        opts.renderer.error(data['error'].formattedMessage, $(errorContainer), {type: data['error'].severity})
+      }
+      if (data['errors']) {
+        if (data['errors'].length) error = true
+        data['errors'].forEach(function (err) {
+          opts.renderer.error(err.formattedMessage, $(errorContainer), {type: err.severity})
+        })
+      }
+      if (!error) {
+        if (data.contracts) {
+          opts.compiler.visitContracts((contract) => {
+            opts.renderer.error(contract.name, $(errorContainer), {type: 'success'})
          })
        }
-        if (!error) {
-          if (data.contracts) {
-            opts.compiler.visitContracts((contract) => {
-              opts.renderer.error(contract.name, $(errorContainer), {type: 'success'})
-            })
-          }
-        }
-      })
+      }
+    })

-      appEvents.staticAnalysis.register('staticAnaysisWarning', (count) => {
-        if (count) {
-          opts.renderer.error(`Static Analysis raised ${count} warning(s) that requires your attention.`, $(errorContainer), {
-            type: 'warning',
-            click: () => appAPI.switchTab('staticanalysisView')
-          })
-        }
-      })
+    appEvents.staticAnalysis.register('staticAnaysisWarning', (count) => {
+      if (count) {
+        opts.renderer.error(`Static Analysis raised ${count} warning(s) that requires your attention.`, $(errorContainer), {
+          type: 'warning',
+          click: () => appAPI.switchTab('staticanalysisView')
+        })
+      }
+    })

-      var contractEl = yo`
-        <div class="${css.container}">
-          <select class="${css.contractNames}" disabled></select>
-          <div class="${css.contractButtons}">
-            <div title="Display Contract Details" class="${css.details}" onclick=${() => { details() }}>Details</div>
-            <div title="Publish on Swarm" class="${css.publish}" onclick=${() => { publish(appAPI) }}>Publish on Swarm</div>
-          </div>
+    var contractEl = yo`
+      <div class="${css.container}">
+        <select class="${css.contractNames}" disabled></select>
+        <div class="${css.contractButtons}">
+          <div title="Display Contract Details" class="${css.details}" onclick=${() => { details() }}>Details</div>
+          <div title="Publish on Swarm" class="${css.publish}" onclick=${() => { publish(appAPI) }}>Publish on Swarm</div>
        </div>
-      `
+      </div>
+    `

-      // HELPERS
+    // HELPERS

-      // GET NAMES OF ALL THE CONTRACTS
-      function getContractNames (success, data) {
-        var contractNames = document.querySelector(`.${css.contractNames.classNames[0]}`)
-        contractNames.innerHTML = ''
-        if (success) {
-          contractNames.removeAttribute('disabled')
-          opts.compiler.visitContracts((contract) => {
-            contractsDetails[contract.name] = parseContracts(contract.name, contract.object, opts.compiler.getSource(contract.file))
-            var contractName = yo`
-              <option>
-                ${contract.name}
-              </option>`
-            contractNames.appendChild(contractName)
-          })
-          appAPI.resetDapp(contractsDetails)
-        } else {
-          contractNames.setAttribute('disabled', true)
-          appAPI.resetDapp({})
-        }
+    // GET NAMES OF ALL THE CONTRACTS
+    function getContractNames (success, data) {
+      var contractNames = document.querySelector(`.${css.contractNames.classNames[0]}`)
+      contractNames.innerHTML = ''
+      if (success) {
+        contractNames.removeAttribute('disabled')
+        opts.compiler.visitContracts((contract) => {
+          contractsDetails[contract.name] = parseContracts(contract.name, contract.object, opts.compiler.getSource(contract.file))
+          var contractName = yo`
+            <option>
+              ${contract.name}
+            </option>`
+          contractNames.appendChild(contractName)
+        })
+        appAPI.resetDapp(contractsDetails)
+      } else {
+        contractNames.setAttribute('disabled', true)
+        appAPI.resetDapp({})
      }
+    }

-      function details () {
-        var select = contractEl.querySelector('select')
+    function details () {
+      var select = contractEl.querySelector('select')

-        if (select.children.length > 0 && select.selectedIndex >= 0) {
-          var contractName = select.children[select.selectedIndex].innerHTML
-          var contractProperties = contractsDetails[contractName]
-          var log = yo`<div class="${css.detailsJSON}"></div>`
-          Object.keys(contractProperties).map(propertyName => {
-            var copyDetails = yo`<span class="${css.copyDetails}">
-              ${copyToClipboard(() => contractProperties[propertyName])}
-            </span>`
-            var questionMark = yo`<span class="${css.questionMark}"><i title="${detailsHelpSection()[propertyName]}" class="fa fa-question-circle" aria-hidden="true"></i></span>`
-            log.appendChild(yo`
-              <div class=${css.log}>
-                <div class="${css.key}">${propertyName} ${copyDetails} ${questionMark}</div>
-                ${insertValue(contractProperties, propertyName)}
-              </div>
-              `)
-          })
-          modalDialog(contractName, log, {label: ''}, {label: 'Close'})
-        }
+      if (select.children.length > 0 && select.selectedIndex >= 0) {
+        var contractName = select.children[select.selectedIndex].innerHTML
+        var contractProperties = contractsDetails[contractName]
+        var log = yo`<div class="${css.detailsJSON}"></div>`
+        Object.keys(contractProperties).map(propertyName => {
+          var copyDetails = yo`<span class="${css.copyDetails}">
+            ${copyToClipboard(() => contractProperties[propertyName])}
+          </span>`
+          var questionMark = yo`<span class="${css.questionMark}"><i title="${detailsHelpSection()[propertyName]}" class="fa fa-question-circle" aria-hidden="true"></i></span>`
+          log.appendChild(yo`
+            <div class=${css.log}>
+              <div class="${css.key}">${propertyName} ${copyDetails} ${questionMark}</div>
+              ${insertValue(contractProperties, propertyName)}
+            </div>
+            `)
+        })
+        modalDialog(contractName, log, {label: ''}, {label: 'Close'})
      }
+    }

-      function insertValue (details, propertyName) {
-        var value = yo`<pre class="${css.value}"></pre>`
-        var node
-        if (propertyName === 'web3Deploy' || propertyName === 'name' || propertyName === 'Assembly') {
-          node = yo`<pre>${details[propertyName]}</pre>`
-        } else if (propertyName === 'abi' || propertyName === 'metadata') {
-          var treeView = new TreeView({
-            extractData: function (item, parent, key) {
-              var ret = {}
-              if (item instanceof Array) {
-                ret.children = item.map((item, index) => {
-                  return {key: index, value: item}
-                })
-                ret.self = ''
-              } else if (item instanceof Object) {
-                ret.children = Object.keys(item).map((key) => {
-                  return {key: key, value: item[key]}
-                })
-                ret.self = ''
-              } else {
-                ret.self = item
-                ret.children = []
-              }
-              return ret
+    function insertValue (details, propertyName) {
+      var value = yo`<pre class="${css.value}"></pre>`
+      var node
+      if (propertyName === 'web3Deploy' || propertyName === 'name' || propertyName === 'Assembly') {
+        node = yo`<pre>${details[propertyName]}</pre>`
+      } else if (propertyName === 'abi' || propertyName === 'metadata') {
+        var treeView = new TreeView({
+          extractData: function (item, parent, key) {
+            var ret = {}
+            if (item instanceof Array) {
+              ret.children = item.map((item, index) => {
+                return {key: index, value: item}
+              })
+              ret.self = ''
+            } else if (item instanceof Object) {
+              ret.children = Object.keys(item).map((key) => {
+                return {key: key, value: item[key]}
+              })
+              ret.self = ''
+            } else {
+              ret.self = item
+              ret.children = []
            }
-          })
-          if (details[propertyName] !== '') {
-            try {
-              node = yo`<div>${treeView.render(typeof details[propertyName] === 'object' ? details[propertyName] : JSON.parse(details[propertyName]))}</div>` // catch in case the parsing fails.
-            } catch (e) {
-              node = yo`<div>Unable to display "${propertyName}": ${e.message}</div>`
-            }
-          } else {
-            node = yo`<div> - </div>`
+            return ret
+          }
+        })
+        if (details[propertyName] !== '') {
+          try {
+            node = yo`<div>${treeView.render(typeof details[propertyName] === 'object' ? details[propertyName] : JSON.parse(details[propertyName]))}</div>` // catch in case the parsing fails.
+          } catch (e) {
+            node = yo`<div>Unable to display "${propertyName}": ${e.message}</div>`
          }
        } else {
-          node = yo`<div>${JSON.stringify(details[propertyName], null, 4)}</div>`
+          node = yo`<div> - </div>`
        }
-        if (node) value.appendChild(node)
-        return value
+      } else {
+        node = yo`<div>${JSON.stringify(details[propertyName], null, 4)}</div>`
      }
+      if (node) value.appendChild(node)
+      return value
+    }

-      function publish (appAPI) {
-        var selectContractNames = document.querySelector(`.${css.contractNames.classNames[0]}`)
-        if (selectContractNames.children.length > 0 && selectContractNames.selectedIndex >= 0) {
-          var contract = contractsDetails[selectContractNames.children[selectContractNames.selectedIndex].innerHTML]
-          if (contract.metadata === undefined || contract.metadata.length === 0) {
-            modalDialogCustom.alert('This contract does not implement all functions and thus cannot be published.')
-          } else {
-            publishOnSwarm(contract, appAPI, function (err) {
-              if (err) {
-                try {
-                  err = JSON.stringify(err)
-                } catch (e) {}
-                modalDialogCustom.alert(yo`<span>Failed to publish metadata file to swarm, please check the Swarm gateways is available ( swarm-gateways.net ).<br />
-                ${err}</span>`)
-              } else {
-                modalDialogCustom.alert(yo`<span>Metadata published successfully.<br />The Swarm address of the metadata file is available in the contract details.</span>`)
-              }
-            }, function (item) {
-              // triggered each time there's a new verified publish (means hash correspond)
-              appAPI.fileProvider('swarm').addReadOnly(item.hash, item.content)
-            })
-          }
+    function publish (appAPI) {
+      var selectContractNames = document.querySelector(`.${css.contractNames.classNames[0]}`)
+      if (selectContractNames.children.length > 0 && selectContractNames.selectedIndex >= 0) {
+        var contract = contractsDetails[selectContractNames.children[selectContractNames.selectedIndex].innerHTML]
+        if (contract.metadata === undefined || contract.metadata.length === 0) {
+          modalDialogCustom.alert('This contract does not implement all functions and thus cannot be published.')
+        } else {
+          publishOnSwarm(contract, appAPI, function (err) {
+            if (err) {
+              try {
+                err = JSON.stringify(err)
+              } catch (e) {}
+              modalDialogCustom.alert(yo`<span>Failed to publish metadata file to swarm, please check the Swarm gateways is available ( swarm-gateways.net ).<br />
+              ${err}</span>`)
+            } else {
+              modalDialogCustom.alert(yo`<span>Metadata published successfully.<br />The Swarm address of the metadata file is available in the contract details.</span>`)
+            }
+          }, function (item) {
+            // triggered each time there's a new verified publish (means hash correspond)
+            appAPI.fileProvider('swarm').addReadOnly(item.hash, item.content)
+          })
        }
      }
-      return contractEl
+    }
+    return contractEl
      /* eslint-enable */
    }
    return { render () { return el } }