Restyle a simple log

pull/1/head
ninabreznik 7 years ago committed by yann300
parent f2cea2c697
commit 8d70610546
  1. 1
      package.json
  2. 70
      src/app/execution/txLogger.js

@ -37,7 +37,6 @@
"onchange": "^3.2.1",
"remix-core": "latest",
"remix-lib": "latest",
"remix-solidity": "latest",
"remixd": "git+https://github.com/ethereum/remixd.git",
"request": "^2.83.0",
"rimraf": "^2.6.1",

@ -20,6 +20,16 @@ var css = csjs`
align-items: end;
justify-content: space-between;
}
.caret {
color: ${styles.terminal.icon_Color};
font-weight: bold;
font-size: small;
cursor: pointer;
float: left;
}
.caret:hover {
color: ${styles.terminal.icon_HoverColor};
}
.txLog {
width: 75%;
}
@ -34,7 +44,8 @@ var css = csjs`
.tx {
color: ${styles.terminal.text_Title_TransactionLog};
font-weight: bold;
width: 45%;
float: left;
margin: 0 5px;
}
.txTable, .tr, .td {
border-collapse: collapse;
@ -213,13 +224,13 @@ function renderCall (self, data) {
var input = data.tx.input ? helper.shortenHexData(data.tx.input) : ''
var tx = yo`
<span id="tx${data.tx.hash}">
<i class="${css.caret} fa fa-caret-right"></i>
<div class="${css.log}">
<span class=${css.txLog}>
<span class=${css.tx}>[call]</span>
<br>
<div class=${css.txItem}><span class=${css.txItemTitle}>from:</span> ${from}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>to:</span> ${to}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>data:</span> ${input}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>from:</span> ${from}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>to:</span> ${to}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>data:</span> ${input}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>return:</span>
</span>
<div class=${css.buttons}>
@ -265,6 +276,7 @@ function renderUnknownTransaction (self, data) {
}
var tx = yo`
<span id="tx${data.tx.hash}">
<i class="${css.caret} fa fa-caret-right"></i>
<div class="${css.log}">
${context(self, {from, to, data})}
<div class=${css.buttons}>
@ -319,39 +331,45 @@ function context (self, opts) {
var value = val ? typeConversion.toInt(val) : 0
if (executionContext.getProvider() === 'vm') {
return yo`
<div>
<i class="${css.caret} fa fa-caret-right"></i>
<span class=${css.txLog}>
<span class=${css.tx}>[vm]</span>
<br>
<div class=${css.txItem}><span class=${css.txItemTitle}>from:</span> ${from}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>to:</span> ${to}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>value:</span> ${value} wei</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>data:</span> ${input}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>logs:</span> ${logs}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>hash:</span> ${hash}</span>
</span>`
<div class=${css.txItem}><span class=${css.txItemTitle}>from:</span> ${from}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>to:</span> ${to}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>value:</span> ${value} wei</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>data:</span> ${input}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>logs:</span> ${logs}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>hash:</span> ${hash}</div>
</span>
</div>`
} else if (executionContext.getProvider() !== 'vm' && data.resolvedData) {
return yo`
<div>
<i class="${css.caret} fa fa-caret-right"></i>
<span class=${css.txLog}>
<span class='${css.tx}'>[block:${block} txIndex:${i}]</span>
<br>
<div class=${css.txItem}><span class=${css.txItemTitle}>from:</span> ${from}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>to:</span> ${to}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>value:</span> ${value} wei</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>data:</span> ${input}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>logs:</span> ${logs}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>hash:</span> ${hash}</span>
</span>`
<div class=${css.txItem}><span class=${css.txItemTitle}>from:</span> ${from}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>to:</span> ${to}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>value:</span> ${value} wei</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>data:</span> ${input}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>logs:</span> ${logs}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>hash:</span> ${hash}</div>
</span>
</div>`
} else {
to = helper.shortenHexData(to)
hash = helper.shortenHexData(data.tx.blockHash)
return yo`
<div>
<i class="${css.caret} fa fa-caret-right"></i>
<span class=${css.txLog}>
<span class='${css.tx}'>[block:${block} txIndex:${i}]</span>
<br>
<div class=${css.txItem}><span class=${css.txItemTitle}>from:</span> ${from}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>to:</span> ${to}</span>
<div class=${css.txItem}><span class=${css.txItemTitle}>value:</span> ${value} wei</span>
</span>`
<div class=${css.txItem}><span class=${css.txItemTitle}>from:</span> ${from}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>to:</span> ${to}</div>
<div class=${css.txItem}><span class=${css.txItemTitle}>value:</span> ${value} wei</div>
</span>
</div>`
}
}

Loading…
Cancel
Save