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

Adding version and locktime to transaction details

Browse Source 
fixes #929
This commit is contained in:
softsimon 2021-11-15 12:00:41 +04:00
parent 475f9344a0
commit 34c9ca4197
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
2 changed files with 77 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
frontend/src/app/components/transaction/transaction.component.html
View File

@ -206,26 +206,44 @@
<h2 i18n="transaction.details">Details</h2> <h2 i18n="transaction.details">Details</h2>
</div> </div>
<div class="box"> <div class="box">
<table class="table table-borderless table-striped"> <div class="row">
<tbody> <div class="col-sm">
<tr> <table class="table table-borderless table-striped">
<td i18n="transaction.size|Transaction Size">Size</td> <tbody>
<td [innerHTML]="'&lrm;' + (tx.size | bytes: 2)"></td> <tr>
</tr> <td i18n="transaction.size|Transaction Size">Size</td>
<tr> <td [innerHTML]="'&lrm;' + (tx.size | bytes: 2)"></td>
<td i18n="transaction.vsize|Transaction Virtual Size">Virtual size</td> </tr>
<td [innerHTML]="'&lrm;' + (tx.weight / 4 | vbytes: 2)"></td> <tr>
</tr> <td i18n="transaction.vsize|Transaction Virtual Size">Virtual size</td>
<tr> <td [innerHTML]="'&lrm;' + (tx.weight / 4 | vbytes: 2)"></td>
<td i18n="transaction.weight|Transaction Weight">Weight</td> </tr>
<td [innerHTML]="'&lrm;' + (tx.weight | wuBytes: 2)"></td> <tr>
</tr> <td i18n="transaction.weight|Transaction Weight">Weight</td>
<tr> <td [innerHTML]="'&lrm;' + (tx.weight | wuBytes: 2)"></td>
<td i18n="transaction.hex">Transaction Hex</td> </tr>
<td><a target="_blank" href="{{ network === '' ? '' : '/' + network }}/api/tx/{{ txId }}/hex"><fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true"></fa-icon></a></td> </tbody>
</tr> </table>
</tbody> </div>
</table> <div class="col-sm">
<table class="table table-borderless table-striped">
<tbody>
<tr>
<td i18n="transaction.version">Version</td>
<td [innerHTML]="'&lrm;' + (tx.version | number)"></td>
</tr>
<tr>
<td i18n="transaction.locktime">Locktime</td>
<td [innerHTML]="'&lrm;' + (tx.locktime | number)"></td>
</tr>
<tr>
<td i18n="transaction.hex">Transaction Hex</td>
<td><a target="_blank" href="{{ network === '' ? '' : '/' + network }}/api/tx/{{ txId }}/hex"><fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true"></fa-icon></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div> </div>
</ng-template> </ng-template>
@ -286,22 +304,44 @@
<h2 i18n="transaction.details">Details</h2> <h2 i18n="transaction.details">Details</h2>
<div class="box"> <div class="box">
<table class="table table-borderless table-striped"> <div class="row">
<tbody> <div class="col-sm">
<tr> <table class="table table-borderless table-striped">
<td><span class="skeleton-loader"></span></td> <tbody>
<td><span class="skeleton-loader"></span></td> <tr>
</tr> <td><span class="skeleton-loader"></span></td>
<tr> <td><span class="skeleton-loader"></span></td>
<td><span class="skeleton-loader"></span></td> </tr>
<td><span class="skeleton-loader"></span></td> <tr>
</tr> <td><span class="skeleton-loader"></span></td>
<tr> <td><span class="skeleton-loader"></span></td>
<td><span class="skeleton-loader"></span></td> </tr>
<td><span class="skeleton-loader"></span></td> <tr>
</tr> <td><span class="skeleton-loader"></span></td>
</tbody> <td><span class="skeleton-loader"></span></td>
</table> </tr>
</tbody>
</table>
</div>
<div class="col-sm">
<table class="table table-borderless table-striped">
<tbody>
<tr>
<td><span class="skeleton-loader"></span></td>
<td><span class="skeleton-loader"></span></td>
</tr>
<tr>
<td><span class="skeleton-loader"></span></td>
<td><span class="skeleton-loader"></span></td>
</tr>
<tr>
<td><span class="skeleton-loader"></span></td>
<td><span class="skeleton-loader"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div> </div>
</ng-template> </ng-template>

2
frontend/src/app/components/transaction/transaction.component.scss
View File

@ -110,7 +110,7 @@
} }
&:last-child { &:last-child {
text-align: right; text-align: right;
@media (min-width: 768px) { @media (min-width: 850px) {
text-align: left; text-align: left;
} }
} }