Merge pull request #930 from mempool/simon/more-transaction-details

Adding version and locktime to transaction details
This commit is contained in:
wiz
2021-11-16 06:18:01 +09:00
committed by GitHub
2 changed files with 77 additions and 37 deletions

View File

@@ -206,6 +206,8 @@
<h2 i18n="transaction.details">Details</h2>
</div>
<div class="box">
<div class="row">
<div class="col-sm">
<table class="table table-borderless table-striped">
<tbody>
<tr>
@@ -220,6 +222,20 @@
<td i18n="transaction.weight|Transaction Weight">Weight</td>
<td [innerHTML]="'&lrm;' + (tx.weight | wuBytes: 2)"></td>
</tr>
</tbody>
</table>
</div>
<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>
@@ -227,6 +243,8 @@
</tbody>
</table>
</div>
</div>
</div>
</ng-template>
@@ -286,6 +304,8 @@
<h2 i18n="transaction.details">Details</h2>
<div class="box">
<div class="row">
<div class="col-sm">
<table class="table table-borderless table-striped">
<tbody>
<tr>
@@ -303,6 +323,26 @@
</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>
</ng-template>

View File

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