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

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

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