diff --git a/src/app/tabs/runTab/settings.js b/src/app/tabs/runTab/settings.js index e5483c9218..b5f0126f6c 100644 --- a/src/app/tabs/runTab/settings.js +++ b/src/app/tabs/runTab/settings.js @@ -1,18 +1,20 @@ -var $ = require('jquery') -var yo = require('yo-yo') -var remixLib = require('remix-lib') -var EventManager = remixLib.EventManager -var css = require('../styles/run-tab-styles') -var copyToClipboard = require('../../ui/copy-to-clipboard') -var modalDialogCustom = require('../../ui/modal-dialog-custom') -var addTooltip = require('../../ui/tooltip') -var helper = require('../../../lib/helper.js') +const $ = require('jquery') +const yo = require('yo-yo') +const remixLib = require('remix-lib') +const EventManager = remixLib.EventManager +const css = require('../styles/run-tab-styles') +const copyToClipboard = require('../../ui/copy-to-clipboard') +const modalDialogCustom = require('../../ui/modal-dialog-custom') +const addTooltip = require('../../ui/tooltip') +const helper = require('../../../lib/helper.js') +const globalRegistry = require('../../../global/registry') class SettingsUI { constructor (settings) { this.settings = settings this.event = new EventManager() + this._components = {} this.settings.event.register('transactionExecuted', (error, from, to, data, lookupOnly, txResult) => { if (error) return @@ -20,6 +22,11 @@ class SettingsUI { this.updateAccountBalances() }) + this._components.registry = globalRegistry + this._deps = { + networkModule: this._components.registry.get('network').api + } + setInterval(() => { this.updateAccountBalances() }, 10 * 1000) @@ -40,7 +47,7 @@ class SettingsUI { } render () { - this.netUI = yo`` + this.netUI = yo`` var environmentEl = yo`
@@ -48,7 +55,6 @@ class SettingsUI { Environment
- ${this.netUI}
` - var valueEl = yo` + const valueEl = yo`
Value
@@ -105,9 +119,10 @@ class SettingsUI {
` - var el = yo` + const el = yo`
${environmentEl} + ${networkEl} ${accountEl} ${gasPriceEl} ${valueEl} @@ -231,7 +246,8 @@ class SettingsUI { this.netUI.innerHTML = 'can\'t detect network ' return } - this.netUI.innerHTML = ` ${name} (${id || '-'})` + let network = this._deps.networkModule.getNetworkProvider + this.netUI.innerHTML = (network() !== 'vm') ? `${name} (${id || '-'}) network` : '' }) } diff --git a/src/app/tabs/styles/run-tab-styles.js b/src/app/tabs/styles/run-tab-styles.js index fa335535bd..b5f9879571 100644 --- a/src/app/tabs/styles/run-tab-styles.js +++ b/src/app/tabs/styles/run-tab-styles.js @@ -202,14 +202,7 @@ var css = csjs` display: inline; } .network { - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - color: grey; - width: 100%; - height: 100%; - padding-right: 53px; + margin-left: 8px; pointer-events: none; } .networkItem { diff --git a/test-browser/helpers/contracts.js b/test-browser/helpers/contracts.js index f3c90b1f73..e24dc23ef6 100644 --- a/test-browser/helpers/contracts.js +++ b/test-browser/helpers/contracts.js @@ -101,7 +101,7 @@ function clickFunction (fnFullName, expectedInput) { this.waitForElementPresent('.instance button[title="' + fnFullName + '"]') .perform(function (client, done) { client.execute(function () { - document.querySelector('#optionViews').scrollTop = document.querySelector('#optionViews').scrollHeight + document.querySelector('#runTabView').scrollTop = document.querySelector('#runTabView').scrollHeight }, [], function () { if (expectedInput) { client.setValue('#runTabView input[title="' + expectedInput.types + '"]', expectedInput.values, function () {}) @@ -143,7 +143,7 @@ function getAddressAtPosition (browser, index, callback) { function testConstantFunction (browser, address, fnFullName, expectedInput, expectedOutput, cb) { browser.waitForElementPresent('.instance button[title="' + fnFullName + '"]').perform(function (client, done) { client.execute(function () { - document.querySelector('#optionViews').scrollTop = document.querySelector('#optionViews').scrollHeight + document.querySelector('#runTabView').scrollTop = document.querySelector('#runTabView').scrollHeight }, [], function () { if (expectedInput) { client.setValue('#runTabView input[title="' + expectedInput.types + '"]', expectedInput.values, function () {}) @@ -181,7 +181,7 @@ function testFunction (fnFullName, txHash, log, expectedInput, expectedReturn, e this.waitForElementPresent('.instance button[title="' + fnFullName + '"]') .perform(function (client, done) { client.execute(function () { - document.querySelector('#optionViews').scrollTop = document.querySelector('#optionViews').scrollHeight + document.querySelector('#runTabView').scrollTop = document.querySelector('#runTabView').scrollHeight }, [], function () { if (expectedInput) { client.setValue('#runTabView input[title="' + expectedInput.types + '"]', expectedInput.values, function () {})