Skip to content

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

Style terminal logs

parent db2beaeb
Show whitespace changes
Inline Side-by-side
Showing with 46 additions and 27 deletions
src/app/execution/txLogger.js
View file @ b2992a89
...@@ -35,8 +35,7 @@ var css = csjs` ...@@ -35,8 +35,7 @@ var css = csjs`
} }
.caret { .caret {
color: ${styles.terminal.icon_Color}; color: ${styles.terminal.icon_Color};
font-weight: bold; font-size: 15px;
font-size: small;
cursor: pointer; cursor: pointer;
float: left; float: left;
} }
...@@ -63,8 +62,17 @@ var css = csjs` ...@@ -63,8 +62,17 @@ var css = csjs`
.txTable, .tr, .td { .txTable, .tr, .td {
border-collapse: collapse; border-collapse: collapse;
font-size: 10px; font-size: 10px;
color: ${styles.terminal.text_Primary}; }
border: 1px solid ${styles.terminal.text_Secondary}; .tr {
width: 70%;
border-bottom: 1px solid white;
display: flex;
justify-content: space-between;
}
.td:first-child {
min-width: 130px;
display: flex;
align-items: baseline;
} }
#txTable { #txTable {
margin-top: 1%; margin-top: 1%;
...@@ -383,20 +391,22 @@ function createTable (opts) { ...@@ -383,20 +391,22 @@ function createTable (opts) {
var contractAddress = yo` var contractAddress = yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> contractAddress </td> <td class="${css.td}"> contractAddress
<td class="${css.td}">${opts.contractAddress}
${copyToClipboard(() => opts.contractAddress)} ${copyToClipboard(() => opts.contractAddress)}
</td> </td>
<td class="${css.td}">${opts.contractAddress}
</td>
</tr> </tr>
` `
if (opts.contractAddress) table.appendChild(contractAddress) if (opts.contractAddress) table.appendChild(contractAddress)
var from = yo` var from = yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td} ${css.tableTitle}"> from </td> <td class="${css.td} ${css.tableTitle}"> from
<td class="${css.td}">${opts.from}
${copyToClipboard(() => opts.from)} ${copyToClipboard(() => opts.from)}
</td> </td>
<td class="${css.td}">${opts.from}
</td>
</tr> </tr>
` `
if (opts.from) table.appendChild(from) if (opts.from) table.appendChild(from)
...@@ -410,20 +420,22 @@ function createTable (opts) { ...@@ -410,20 +420,22 @@ function createTable (opts) {
} }
var to = yo` var to = yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> to </td> <td class="${css.td}"> to
<td class="${css.td}">${toHash}
${copyToClipboard(() => data.to ? data.to : toHash)} ${copyToClipboard(() => data.to ? data.to : toHash)}
</td> </td>
<td class="${css.td}">${toHash}
</td>
</tr> </tr>
` `
if (opts.to) table.appendChild(to) if (opts.to) table.appendChild(to)
var gas = yo` var gas = yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> gas </td> <td class="${css.td}"> gas
<td class="${css.td}">${opts.gas} gas
${copyToClipboard(() => opts.gas)} ${copyToClipboard(() => opts.gas)}
</td> </td>
<td class="${css.td}">${opts.gas} gas
</td>
</tr> </tr>
` `
if (opts.gas) table.appendChild(gas) if (opts.gas) table.appendChild(gas)
...@@ -435,39 +447,43 @@ function createTable (opts) { ...@@ -435,39 +447,43 @@ function createTable (opts) {
if (opts.transactionCost) { if (opts.transactionCost) {
table.appendChild(yo` table.appendChild(yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> transaction cost </td> <td class="${css.td}"> transaction cost
<td class="${css.td}">${opts.transactionCost} gas ${callWarning}
${copyToClipboard(() => opts.transactionCost)} ${copyToClipboard(() => opts.transactionCost)}
</td> </td>
<td class="${css.td}">${opts.transactionCost} gas ${callWarning}
</td>
</tr>`) </tr>`)
} }
if (opts.executionCost) { if (opts.executionCost) {
table.appendChild(yo` table.appendChild(yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> execution cost </td> <td class="${css.td}"> execution cost
<td class="${css.td}">${opts.executionCost} gas ${callWarning}
${copyToClipboard(() => opts.executionCost)} ${copyToClipboard(() => opts.executionCost)}
</td> </td>
<td class="${css.td}">${opts.executionCost} gas ${callWarning}
</td>
</tr>`) </tr>`)
} }
var hash = yo` var hash = yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> hash </td> <td class="${css.td}"> hash
<td class="${css.td}">${opts.hash}
${copyToClipboard(() => opts.hash)} ${copyToClipboard(() => opts.hash)}
</td> </td>
<td class="${css.td}">${opts.hash}
</td>
</tr> </tr>
` `
if (opts.hash) table.appendChild(hash) if (opts.hash) table.appendChild(hash)
var input = yo` var input = yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> input </td> <td class="${css.td}"> input
<td class="${css.td}">${opts.input}
${copyToClipboard(() => opts.input)} ${copyToClipboard(() => opts.input)}
</td> </td>
<td class="${css.td}">${opts.input}
</td>
</tr> </tr>
` `
if (opts.input) table.appendChild(input) if (opts.input) table.appendChild(input)
...@@ -475,10 +491,11 @@ function createTable (opts) { ...@@ -475,10 +491,11 @@ function createTable (opts) {
if (opts['decoded input']) { if (opts['decoded input']) {
var inputDecoded = yo` var inputDecoded = yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> decoded input </td> <td class="${css.td}"> decoded input
<td class="${css.td}">${opts['decoded input']}
${copyToClipboard(opts['decoded input'])} ${copyToClipboard(opts['decoded input'])}
</td> </td>
<td class="${css.td}">${opts['decoded input']}
</td>
</tr>` </tr>`
table.appendChild(inputDecoded) table.appendChild(inputDecoded)
} }
...@@ -498,12 +515,13 @@ function createTable (opts) { ...@@ -498,12 +515,13 @@ function createTable (opts) {
} }
var logs = yo` var logs = yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> logs </td> <td class="${css.td}"> logs
<td class="${css.td}" id="logs">
${JSON.stringify(stringified, null, '\t')}
${copyToClipboard(() => JSON.stringify(stringified, null, '\t'))} ${copyToClipboard(() => JSON.stringify(stringified, null, '\t'))}
${copyToClipboard(() => JSON.stringify(opts.logs.raw || '0'))} ${copyToClipboard(() => JSON.stringify(opts.logs.raw || '0'))}
</td> </td>
<td class="${css.td}" id="logs">
${JSON.stringify(stringified, null, '\t')}
</td>
</tr> </tr>
` `
if (opts.logs) table.appendChild(logs) if (opts.logs) table.appendChild(logs)
...@@ -511,10 +529,11 @@ function createTable (opts) { ...@@ -511,10 +529,11 @@ function createTable (opts) {
var val = opts.val != null ? typeConversion.toInt(opts.val) : 0 var val = opts.val != null ? typeConversion.toInt(opts.val) : 0
val = yo` val = yo`
<tr class="${css.tr}"> <tr class="${css.tr}">
<td class="${css.td}"> value </td> <td class="${css.td}"> value
<td class="${css.td}">${val} wei
${copyToClipboard(() => `${val} wei`)} ${copyToClipboard(() => `${val} wei`)}
</td> </td>
<td class="${css.td}">${val} wei
</td>
</tr> </tr>
` `
if (opts.val) table.appendChild(val) if (opts.val) table.appendChild(val)
......
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