32 lines
1.7 KiB
HTML
32 lines
1.7 KiB
HTML
<table class="table latest-transactions">
|
|
<thead>
|
|
<th class="table-cell-txid" i18n="dashboard.latest-transactions.txid">TXID</th>
|
|
<th class="table-cell-satoshis" i18n="dashboard.latest-transactions.amount">Amount</th>
|
|
<th class="table-cell-fiat">{{ currency }}</th>
|
|
<th class="table-cell-date" i18n="shared.date">Date</th>
|
|
</thead>
|
|
<tbody *ngIf="transactions$ | async as transactions else recentTransactionsSkeleton">
|
|
<tr *ngFor="let transaction of transactions; let i = index;">
|
|
<td class="table-cell-txid">
|
|
<a [routerLink]="['/tx' | relativeUrl, transaction.txid]">
|
|
<app-truncate [text]="transaction.txid" [lastChars]="5"></app-truncate>
|
|
</a>
|
|
</td>
|
|
<td class="table-cell-satoshis"><app-amount [satoshis]="transaction.value" digitsInfo="1.2-4" [noFiat]="true"></app-amount></td>
|
|
<td class="table-cell-fiat" ><app-fiat [value]="transaction.value" [blockConversion]="transaction.price" digitsInfo="1.0-0"></app-fiat></td>
|
|
<td class="table-cell-date"><app-time kind="since" [time]="transaction.time" [fastRender]="true" [showTooltip]="true"></app-time></td>
|
|
</tr>
|
|
</tbody>
|
|
<div class=""> </div>
|
|
</table>
|
|
|
|
<ng-template #recentTransactionsSkeleton>
|
|
<tbody>
|
|
<tr *ngFor="let i of [1,2,3,4,5,6]">
|
|
<td class="table-cell-txid"><div class="skeleton-loader skeleton-loader-transactions"></div> </td>
|
|
<td class="table-cell-satoshis"><div class="skeleton-loader skeleton-loader-transactions"></div></td>
|
|
<td class="table-cell-fiat"><div class="skeleton-loader skeleton-loader-transactions"></div></td>
|
|
<td class="table-cell-fees"><div class="skeleton-loader skeleton-loader-transactions"></div></td>
|
|
</tr>
|
|
</tbody>
|
|
</ng-template> |