47 lines
2.2 KiB
HTML
47 lines
2.2 KiB
HTML
<div class="container-xl">
|
|
<h1 style="float: left;">Transactions</h1>
|
|
<br>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<table class="table table-borderless table-striped">
|
|
<thead>
|
|
<th style="width: 20%;">Transaction</th>
|
|
<th class="d-none d-sm-block" style="width: 20%;">Type</th>
|
|
<th style="width: 20%;">Amount</th>
|
|
<th style="width: 20%;">Confirmed</th>
|
|
<th class="d-none d-md-block" style="width: 20%;">Height</th>
|
|
</thead>
|
|
<tbody *ngIf="!isLoading; else loadingTmpl">
|
|
<tr *ngFor="let tx of transactions; trackBy: trackByFn">
|
|
<td><a [routerLink]="['/tx/' | relativeUrl, tx.id]" [state]="{ data: tx }">{{ tx.id | slice : 0 : 8 }}</a></td>
|
|
<td class="d-none d-md-block">
|
|
<app-bisq-icon class="mr-1" [txType]="tx.txType"></app-bisq-icon>
|
|
<span class="d-none d-md-inline"> {{ tx.txTypeDisplayString }}</span>
|
|
</td>
|
|
<td>
|
|
<app-bisq-icon class="d-inline d-sm-none mr-1" [txType]="tx.txType"></app-bisq-icon>
|
|
<ng-template [ngIf]="tx.txType === 'PAY_TRADE_FEE'" [ngIfElse]="defaultTxType">
|
|
{{ tx.burntFee / 100 | number: '1.2-2' }}<span class="d-none d-md-inline"> BSQ</span>
|
|
</ng-template>
|
|
<ng-template #defaultTxType>
|
|
{{ calculateTotalOutput(tx.outputs) / 100 | number: '1.2-2' }}<span class="d-none d-md-inline"> BSQ</span>
|
|
</ng-template>
|
|
</td>
|
|
<td><app-time-since [time]="tx.time / 1000" [fastRender]="true"></app-time-since> ago</td>
|
|
<td class="d-none d-md-block"><a [routerLink]="['/block/' | relativeUrl, tx.blockHash]" [state]="{ data: { blockHeight: tx.blockHeight } }">{{ tx.blockHeight }}</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<br>
|
|
|
|
<ngb-pagination [size]="paginationSize" [collectionSize]="totalCount" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true"></ngb-pagination>
|
|
|
|
</div>
|
|
|
|
<ng-template #loadingTmpl>
|
|
<tr *ngFor="let i of loadingItems">
|
|
<td *ngFor="let j of [1, 2, 3, 4, 5]"><span class="skeleton-loader"></span></td>
|
|
</tr>
|
|
</ng-template> |