machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved utxo script design.

Browse Source 
fixes #46
This commit is contained in:
softsimon 2020-11-16 02:25:10 +07:00
parent c9e63a723a
commit d9803e3f3d
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/app/components/transactions-list/transactions-list.component.html
View File

@ -63,39 +63,38 @@
</td>
</tr>
<tr *ngIf="displayDetails">
<td></td>
<td colspan="2">
<td colspan="3">
<table class="table table-striped table-borderless details-table mb-3">
<tbody>
<ng-template [ngIf]="vin.scriptsig">
<tr>
<td>ScriptSig (ASM)</td>
<td class="script-details">{{ vin.scriptsig_asm }}</td>
<td>{{ vin.scriptsig_asm }}</td>
</tr>
<tr>
<td>ScriptSig (HEX)</td>
<td class="script-details">{{ vin.scriptsig }}</td>
<td>{{ vin.scriptsig }}</td>
</tr>
</ng-template>
<tr *ngIf="vin.witness">
<td>Witness</td>
<td class="script-details">{{ vin.witness.join(' ') }}</td>
<td>{{ vin.witness.join(' ') }}</td>
</tr>
<tr *ngIf="vin.inner_redeemscript_asm">
<td>P2SH redeem script</td>
<td class="script-details">{{ vin.inner_redeemscript_asm }}</td>
<td>{{ vin.inner_redeemscript_asm }}</td>
</tr>
<tr *ngIf="vin.inner_witnessscript_asm">
<td>P2WSH witness script</td>
<td class="script-details">{{ vin.inner_witnessscript_asm }}</td>
<td>{{ vin.inner_witnessscript_asm }}</td>
</tr>
<tr>
<td>nSequence</td>
<td class="script-details">{{ formatHex(vin.sequence) }}</td>
<td>{{ formatHex(vin.sequence) }}</td>
</tr>
<tr *ngIf="vin.prevout">
<td>Previous output script</td>
<td class="script-details">{{ vin.prevout.scriptpubkey_asm }} {{ vin.prevout.scriptpubkey_type ? ('(' + vin.prevout.scriptpubkey_type + ')') : '' }}</td>
<td>{{ vin.prevout.scriptpubkey_asm }} {{ vin.prevout.scriptpubkey_type ? ('(' + vin.prevout.scriptpubkey_type + ')') : '' }}</td>
</tr>
</tbody>
</table>
@ -154,24 +153,24 @@
</td>
</tr>
<tr *ngIf="displayDetails">
<td colspan="2">
<td colspan="3">
<table class="table table-striped table-borderless details-table mb-3">
<tbody>
<tr *ngIf="vout.scriptpubkey_type">
<td>Type</td>
<td class="script-details">{{ vout.scriptpubkey_type.toUpperCase() }}</td>
<td>{{ vout.scriptpubkey_type.toUpperCase() }}</td>
</tr>
<tr>
<td>scriptPubKey (ASM)</td>
<td class="script-details">{{ vout.scriptpubkey_asm }}</td>
<td>{{ vout.scriptpubkey_asm }}</td>
</tr>
<tr>
<td>scriptPubKey (HEX)</td>
<td class="script-details">{{ vout.scriptpubkey }}</td>
<td>{{ vout.scriptpubkey }}</td>
</tr>
<tr *ngIf="vout.scriptpubkey_type == 'op_return'">
<td>OP_RETURN data</td>
<td class="script-details">{{ vout.scriptpubkey_asm | hex2ascii }}</td>
<td>{{ vout.scriptpubkey_asm | hex2ascii }}</td>
</tr>
</tbody>
</table>

7
frontend/src/app/components/transactions-list/transactions-list.component.scss
View File

@ -81,18 +81,21 @@
.scriptmessage.longer {
max-width: 280px !important;
}
.details-table td:first-child {
white-space: pre-wrap;
}
}
.details-table {
margin-top: 5px;
max-width: 500px;
}
.details-table td {
padding: 0.75rem;
}
.script-details {
.details-table td:nth-child(2) {
word-break: break-all;
white-space: normal;
font-family: "Courier New", Courier, monospace;