Skip to content

B
baas-ide
Commit 9a9e9932 authored by ninabreznik's avatar ninabreznik Committed by yann300
Browse files
Options

Fix show/hide

parent c32e1b20
Hide whitespace changes
Inline Side-by-side
Showing with 59 additions and 56 deletions
src/app/execution/txLogger.js
View file @ 9a9e9932
...@@ -20,7 +20,6 @@ var css = csjs` ...@@ -20,7 +20,6 @@ var css = csjs`
} }
.txTable, .tr, .td { .txTable, .tr, .td {
border: 1px solid ${styles.colors.orange}; border: 1px solid ${styles.colors.orange};
background-color: ${styles.colors.veryLightGrey};
border-collapse: collapse; border-collapse: collapse;
font-size: 10px; font-size: 10px;
color: ${styles.colors.grey}; color: ${styles.colors.grey};
...@@ -130,39 +129,25 @@ function renderKnownTransaction (self, data) { ...@@ -130,39 +129,25 @@ function renderKnownTransaction (self, data) {
<div class="${css.log}"> <div class="${css.log}">
${context(self, data.tx)}, ${data.resolvedData.contractName}.${data.resolvedData.fn}, ${data.logs.length} logs ${context(self, data.tx)}, ${data.resolvedData.contractName}.${data.resolvedData.fn}, ${data.logs.length} logs
<div class=${css.buttons}> <div class=${css.buttons}>
<button class=${css.details} onclick=${detail}>Details</button> <button class=${css.details} onclick=${txDetails}>Details</button>
<button class=${css.debug} onclick=${debug}>Debug</button> <button class=${css.debug} onclick=${debug}>Debug</button>
</div> </div>
</div> </div>
</span> </span>
` `
function detail () {
var table = yo` var table
<table class="${css.txTable}" id="txTable"> function txDetails () {
<tr class="${css.tr}"> if (table && table.parentNode) {
<td class="${css.td}">from</td> tx.removeChild(table)
<td class="${css.td}">${from}</td> } else {
</tr class="${css.tr}"> table = createTable({
<tr class="${css.tr}"> from, to, val: data.tx.value, input: data.tx.input, hash: data.tx.hash
<td class="${css.td}">to:</td> })
<td class="${css.td}">${to}</td> tx.appendChild(table)
</tr class="${css.tr}"> }
<tr class="${css.tr}">
<td class="${css.td}">value:</td>
<td class="${css.td}">${value(data.tx.value)} wei</td>
</tr class="${css.tr}">
<tr class="${css.tr}">
<td class="${css.td}">data:</td>
<td class="${css.td}">${helper.shortenHexData(data.tx.input)}</td>
</tr class="${css.tr}">
<tr class="${css.tr}">
<td class="${css.td}">hash:</td>
<td class="${css.td}">${helper.shortenHexData((data.tx.hash))}</td>
</tr class="${css.tr}">
</table>
`
tx.appendChild(table)
} }
return tx return tx
} }
...@@ -178,38 +163,22 @@ function renderUnknownTransaction (self, data) { ...@@ -178,38 +163,22 @@ function renderUnknownTransaction (self, data) {
<div class="${css.log}"> <div class="${css.log}">
${context(self, data.tx)} ${context(self, data.tx)}
<div class=${css.buttons}> <div class=${css.buttons}>
<button class=${css.details} onclick=${detail}>Details</button> <button class=${css.details} onclick=${txDetails}>Details</button>
<button class=${css.debug} onclick=${debug}>Debug</button> <button class=${css.debug} onclick=${debug}>Debug</button>
</div> </div>
</div> </div>
</span> </span>
` `
function detail () { var table
var table = yo` function txDetails () {
<table class="${css.txTable}" id="txTable"> if (table && table.parentNode) {
<tr class="${css.tr}"> tx.removeChild(table)
<td class="${css.td}">from</td> } else {
<td class="${css.td}">${from}</td> table = createTable({
</tr class="${css.tr}"> from, to, val: data.tx.value, input: data.tx.input, hash: data.tx.hash
<tr class="${css.tr}"> })
<td class="${css.td}">to:</td> tx.appendChild(table)
<td class="${css.td}">${to}</td> }
</tr class="${css.tr}">
<tr class="${css.tr}">
<td class="${css.td}">value:</td>
<td class="${css.td}">${value(data.tx.value)} wei</td>
</tr class="${css.tr}">
<tr class="${css.tr}">
<td class="${css.td}">data:</td>
<td class="${css.td}">${helper.shortenHexData(data.tx.input)}</td>
</tr class="${css.tr}">
<tr class="${css.tr}">
<td class="${css.td}">hash:</td>
<td class="${css.td}">${helper.shortenHexData((data.tx.hash))}</td>
</tr class="${css.tr}">
</table>
`
tx.appendChild(table)
} }
return tx return tx
} }
...@@ -240,3 +209,37 @@ function value (v) { ...@@ -240,3 +209,37 @@ function value (v) {
} }
module.exports = TxLogger module.exports = TxLogger
// helpers
function createTable (opts) {
var from = opts.from
var to = opts.to
var val = opts.val
var input = opts.input
var hash = opts.hash
return yo`
<table class="${css.txTable}" id="txTable">
<tr class="${css.tr}">
<td class="${css.td}">from</td>
<td class="${css.td}">${from}</td>
</tr class="${css.tr}">
<tr class="${css.tr}">
<td class="${css.td}">to:</td>
<td class="${css.td}">${to}</td>
</tr class="${css.tr}">
<tr class="${css.tr}">
<td class="${css.td}">value:</td>
<td class="${css.td}">${value(val)} wei</td>
</tr class="${css.tr}">
<tr class="${css.tr}">
<td class="${css.td}">data:</td>
<td class="${css.td}">${helper.shortenHexData(input)}</td>
</tr class="${css.tr}">
<tr class="${css.tr}">
<td class="${css.td}">hash:</td>
<td class="${css.td}">${helper.shortenHexData((hash))}</td>
</tr class="${css.tr}">
</table>
`
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment