pull/1703/head
yann300 3 years ago
parent b562107bd5
commit 8c331e4c3f
  1. 287
      libs/remix-ui/terminal/src/lib/components/Table.tsx

@ -36,124 +36,219 @@ const showTable = (opts, showTableHash) => {
} }
const val = opts.val != null ? typeConversion.toInt(opts.val) : 0 const val = opts.val != null ? typeConversion.toInt(opts.val) : 0
return ( return (
<table className={`txTable ${showTableHash.includes(opts.hash) ? 'active' : ''}`} id='txTable' data-id={`txLoggerTable${opts.hash}`}> <table
<tbody>{ opts.status !== undefined ? (<tr className='tr'> className={`txTable ${showTableHash.includes(opts.hash) ? 'active' : ''}`}
<td className='td' data-shared={`key_${opts.hash}`}>status</td> id="txTable"
<td className='td' data-id={`txLoggerTableStatus${opts.hash}`} data-shared={`pair_${opts.hash}`}>{`${opts.status} ${msg}`}</td> data-id={`txLoggerTable${opts.hash}`}
</tr>) : null } >
{opts.hash && !opts.isCall ? (<tr className='tr'> <tbody>
<td className='td' data-shared={`key_${opts.hash}`}>transaction hash</td> {opts.status !== undefined ? (
<td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.hash} <tr className="tr">
<CopyToClipboard content={opts.hash}/> <td className="td" data-shared={`key_${opts.hash}`}>
</td> status
</tr>) : null } </td>
{ <td
opts.contractAddress ? ( className="td"
<tr className='tr'> data-id={`txLoggerTableStatus${opts.hash}`}
<td className='td' data-shared={`key_${opts.hash}`}>contract address</td> data-shared={`pair_${opts.hash}`}
<td className='td' data-id={`txLoggerTableContractAddress${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.contractAddress} >{`${opts.status} ${msg}`}</td>
<CopyToClipboard content={opts.contractAddress}/> </tr>
</td> ) : null}
</tr> {opts.hash && !opts.isCall ? (
) : null <tr className="tr">
} <td className="td" data-shared={`key_${opts.hash}`}>
{ transaction hash
opts.from ? ( </td>
<tr className='tr'> <td
<td className='td tableTitle' data-shared={`key_${opts.hash}`}>from</td> className="td"
<td className='td' data-id={`txLoggerTableFrom${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.from} data-id={`txLoggerTableHash${opts.hash}`}
<CopyToClipboard content={opts.from}/> data-shared={`pair_${opts.hash}`}
</td> >
</tr> {opts.hash}
) : null <CopyToClipboard content={opts.hash} />
} </td>
{ </tr>
opts.to ? ( ) : null}
<tr className='tr'> {opts.contractAddress ? (
<td className='td' data-shared={`key_${opts.hash}`}>to</td> <tr className="tr">
<td className='td' data-id={`txLoggerTableTo${opts.hash}`} data-shared={`pair_${opts.hash}`}>{toHash} <td className="td" data-shared={`key_${opts.hash}`}>
<CopyToClipboard content={data.to ? data.to : toHash}/> contract address
</td> </td>
</tr> <td
) : null className="td"
} data-id={`txLoggerTableContractAddress${opts.hash}`}
{ data-shared={`pair_${opts.hash}`}
opts.gas ? ( >
<tr className='tr'> {opts.contractAddress}
<td className='td' data-shared={`key_${opts.hash}`}>gas</td> <CopyToClipboard content={opts.contractAddress} />
<td className='td' data-id={`txLoggerTableGas${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.gas} gas </td>
<CopyToClipboard content={opts.gas}/> </tr>
</td> ) : null}
</tr> {opts.from ? (
) : null <tr className="tr">
} <td className="td tableTitle" data-shared={`key_${opts.hash}`}>
{ from
opts.transactionCost ? ( </td>
<tr className='tr'> <td
<td className='td' data-shared={`key_${opts.hash}`}>transaction cost</td> className="td"
<td className='td' data-id={`txLoggerTableTransactionCost${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.transactionCost} gas {callWarning} data-id={`txLoggerTableFrom${opts.hash}`}
<CopyToClipboard content={opts.transactionCost}/> data-shared={`pair_${opts.hash}`}
</td> >
</tr> {opts.from}
) : null <CopyToClipboard content={opts.from} />
} </td>
{ </tr>
opts.executionCost ? ( ) : null}
<tr className='tr'> {opts.to ? (
<td className='td' data-shared={`key_${opts.hash}`}>execution cost</td> <tr className="tr">
<td className='td' data-id={`txLoggerTableExecutionHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.executionCost} gas {callWarning} <td className="td" data-shared={`key_${opts.hash}`}>
<CopyToClipboard content={opts.executionCost}/> to
</td> </td>
</tr> <td
) : null className="td"
} data-id={`txLoggerTableTo${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{toHash}
<CopyToClipboard content={data.to ? data.to : toHash} />
</td>
</tr>
) : null}
{opts.gas ? (
<tr className="tr">
<td className="td" data-shared={`key_${opts.hash}`}>
gas
</td>
<td
className="td"
data-id={`txLoggerTableGas${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{opts.gas} gas
<CopyToClipboard content={opts.gas} />
</td>
</tr>
) : null}
{opts.transactionCost ? (
<tr className="tr">
<td className="td" data-shared={`key_${opts.hash}`}>
transaction cost
</td>
<td
className="td"
data-id={`txLoggerTableTransactionCost${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{opts.transactionCost} gas {callWarning}
<CopyToClipboard content={opts.transactionCost} />
</td>
</tr>
) : null}
{opts.executionCost ? (
<tr className="tr">
<td className="td" data-shared={`key_${opts.hash}`}>
execution cost
</td>
<td
className="td"
data-id={`txLoggerTableExecutionHash${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{opts.executionCost} gas {callWarning}
<CopyToClipboard content={opts.executionCost} />
</td>
</tr>
) : null}
{opts.hash ? ( {opts.hash ? (
<tr className='tr'> <tr className="tr">
<td className='td' data-shared={`key_${opts.hash}`}>hash</td> <td className="td" data-shared={`key_${opts.hash}`}>
<td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.hash} hash
<CopyToClipboard content={opts.hash}/> </td>
<td
className="td"
data-id={`txLoggerTableHash${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{opts.hash}
<CopyToClipboard content={opts.hash} />
</td> </td>
</tr> </tr>
) : null} ) : null}
{opts.input ? ( {opts.input ? (
<tr className='tr'> <tr className="tr">
<td className='td' data-shared={`key_${opts.hash}`}>input</td> <td className="td" data-shared={`key_${opts.hash}`}>
<td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{helper.shortenHexData(opts.input)} input
<CopyToClipboard content={opts.input}/> </td>
<td
className="td"
data-id={`txLoggerTableHash${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{helper.shortenHexData(opts.input)}
<CopyToClipboard content={opts.input} />
</td> </td>
</tr> </tr>
) : null} ) : null}
{opts['decoded input'] ? ( {opts['decoded input'] ? (
<tr className='tr'> <tr className="tr">
<td className='td' data-shared={`key_${opts.hash}`}>decoded input</td> <td className="td" data-shared={`key_${opts.hash}`}>
<td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts['decoded input'].trim()} decoded input
<CopyToClipboard content={opts['decoded input']}/> </td>
<td
className="td"
data-id={`txLoggerTableHash${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{opts['decoded input'].trim()}
<CopyToClipboard content={opts['decoded input']} />
</td> </td>
</tr> </tr>
) : null} ) : null}
{opts['decoded output'] ? ( {opts['decoded output'] ? (
<tr className='tr'> <tr className="tr">
<td className='td' data-shared={`key_${opts.hash}`}>decoded output</td> <td className="td" data-shared={`key_${opts.hash}`}>
<td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts['decoded output']} decoded output
<CopyToClipboard content={opts['decoded output']}/> </td>
<td
className="td"
data-id={`txLoggerTableHash${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{opts['decoded output']}
<CopyToClipboard content={opts['decoded output']} />
</td> </td>
</tr> </tr>
) : null} ) : null}
{opts.logs ? ( {opts.logs ? (
<tr className='tr'> <tr className="tr">
<td className='td' data-shared={`key_${opts.hash}`}>logs</td> <td className="td" data-shared={`key_${opts.hash}`}>
<td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}> logs
</td>
<td
className="td"
data-id={`txLoggerTableHash${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{JSON.stringify(stringified, null, '\t')} {JSON.stringify(stringified, null, '\t')}
<CopyToClipboard content={JSON.stringify(stringified, null, '\t')}/> <CopyToClipboard
<CopyToClipboard content={JSON.stringify(opts.logs.raw || '0')}/> content={JSON.stringify(stringified, null, '\t')}
/>
<CopyToClipboard content={JSON.stringify(opts.logs.raw || '0')} />
</td> </td>
</tr> </tr>
) : null} ) : null}
{opts.val ? ( {opts.val ? (
<tr className='tr'> <tr className="tr">
<td className='td' data-shared={`key_${opts.hash}`}>val</td> <td className="td" data-shared={`key_${opts.hash}`}>
<td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{val} wei val
<CopyToClipboard content={`${val} wei`}/> </td>
<td
className="td"
data-id={`txLoggerTableHash${opts.hash}`}
data-shared={`pair_${opts.hash}`}
>
{val} wei
<CopyToClipboard content={`${val} wei`} />
</td> </td>
</tr> </tr>
) : null} ) : null}

Loading…
Cancel
Save