23 lines
1.3 KiB
HTML
23 lines
1.3 KiB
HTML
<div class="blocks-container" *ngIf="blocks.length">
|
|
<div *ngFor="let block of blocks; let i = index; trackBy: trackByBlocksFn" >
|
|
<div class="text-center bitcoin-block mined-block" id="bitcoin-block-{{ block.height }}" [ngStyle]="blockStyles[i]">
|
|
<a [routerLink]="['/block/' | relativeUrl, block.id]" [state]="{ data: { block: block } }" class="blockLink"> </a>
|
|
<div class="block-height">
|
|
<a [routerLink]="['/block/' | relativeUrl, block.id]" [state]="{ data: { block: block } }">{{ block.height }}</a>
|
|
</div>
|
|
<div class="block-body">
|
|
<div class="fees">
|
|
~{{ block.medianFee | number:'1.0-0' }} sat/vB
|
|
</div>
|
|
<div class="fee-span">
|
|
{{ block.feeRange[0] | number:'1.0-0' }} - {{ block.feeRange[block.feeRange.length - 1] | number:'1.0-0' }} sat/vB
|
|
</div>
|
|
<div class="block-size">{{ block.size | bytes: 2 }}</div>
|
|
<div class="transaction-count">{{ block.tx_count | number }} transactions</div>
|
|
<div class="time-difference"><app-time-since [time]="block.timestamp" [fastRender]="true"></app-time-since> ago</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div [hidden]="!arrowVisible" id="arrow-up" [style.transition]="transition" [ngStyle]="{'left': arrowLeftPx + 'px' }"></div>
|
|
</div>
|