layout update

pull/11/head
yann300 4 years ago committed by ioedeveloper
parent 78c67264f1
commit 9fd4c06e77
  1. 17
      apps/remix-ide/src/app/tabs/debugger/debuggerUI/VmDebugger.js
  2. 2
      apps/remix-ide/src/app/tabs/debugger/debuggerUI/vmDebugger/CodeListView.js
  3. 2
      src/app/tabs/debugger/debuggerUI/vmDebugger/FunctionPanel.js

@ -16,11 +16,15 @@ var FullStoragesChangesPanel = require('./vmDebugger/FullStoragesChanges')
var DropdownPanel = require('./vmDebugger/DropdownPanel')
var css = csjs`
.solidityPanel {
width: 100%;
}
.asmCode {
width: 100%;
}
.stepDetail {
width: 100%;
line-height: 2O%;
}
.vmheadView {
margin-top:10px;
@ -127,17 +131,27 @@ function VmDebugger (vmDebuggerLogic) {
this.vmDebuggerLogic.event.register('newCallTree', () => {
if (!self.view) return
self.functionPanel.basicPanel.show()
self.solidityLocals.basicPanel.show()
self.solidityState.basicPanel.show()
self.solidityPanel.hidden = false
})
this.vmDebuggerLogic.start()
}
VmDebugger.prototype.renderHead = function () {
this.solidityPanel = yo`
<div class="${css.solidityPanel} column" hidden>
${this.functionPanel.render()}
${this.solidityLocals.render()}
${this.solidityState.render()}
</div>
`
const headView = yo`
<div id="vmheadView" class="${css.vmheadView} container">
<div class="row" >
${this.solidityPanel}
<div class="${css.asmCode} column">${this.asmCode.render()}</div>
<div class="${css.stepDetail} column">${this.stepDetail.render()}</div>
</div>
@ -158,10 +172,7 @@ VmDebugger.prototype.render = function () {
const view = yo`
<div id="vmdebugger" class="pl-2">
<div>
${this.solidityLocals.render()}
${this.solidityState.render()}
${this.stackPanel.render()}
${this.functionPanel.render()}
${this.memoryPanel.render()}
${this.storagePanel.render()}
${this.callstackPanel.render()}

@ -8,7 +8,7 @@ var csjs = require('csjs-inject')
var css = csjs`
.instructions {
overflow-y: scroll;
max-height: 150px;
max-height: 100px;
}
`
function CodeListView () {

@ -3,7 +3,7 @@ var DropdownPanel = require('./DropdownPanel')
var yo = require('yo-yo')
function FunctionPanel () {
this.basicPanel = new DropdownPanel('Function', {json: true, displayContentOnly: false})
this.basicPanel = new DropdownPanel('Function Stack', {json: true, displayContentOnly: false})
}
FunctionPanel.prototype.update = function (calldata) {

Loading…
Cancel
Save