38 lines
1.8 KiB
HTML
38 lines
1.8 KiB
HTML
<div class="modal-header">
|
|
<h4 class="modal-title">Fee distribution for block
|
|
<a *ngIf="!isElectrsEnabled" href="https://mempool.space/block-height/{{ block.height }}" target="_blank">#{{ block.height }}</a>
|
|
<a *ngIf="isElectrsEnabled" (click)="activeModal.dismiss()" [routerLink]="['/explorer/block/', block.hash]">#{{ block.height }}</a>
|
|
</h4>
|
|
<button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div>
|
|
<table class="table table-borderless table-sm">
|
|
<tr>
|
|
<th>Median fee:</th>
|
|
<td>~{{ block.medianFee | ceil }} sat/vB <span *ngIf="conversions">(~<span class="green-color">{{ conversions.USD * (block.medianFee/100000000)*250 | currency:'USD':'symbol':'1.2-2' }}</span>/tx)</span></td>
|
|
<th>Block size:</th>
|
|
<td>{{ block.size | bytes: 2 }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Fee span:</th>
|
|
<td class="yellow-color">{{ block.minFee | ceil }} - {{ block.maxFee | ceil }} sat/vB</td>
|
|
<th>Tx count:</th>
|
|
<td>{{ block.nTx }} transactions</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Total fees:</th>
|
|
<td>{{ (block.fees - blockSubsidy) | number: '1.2-2' }} BTC <span *ngIf="conversions">(<span class="green-color">{{ conversions.USD * (block.fees - blockSubsidy) | currency:'USD':'symbol':'1.0-0' }}</span>)</span></td>
|
|
<th>Block reward + fees:</th>
|
|
<td>{{ block.fees | number: '1.2-2' }} BTC <span *ngIf="conversions">(<span class="green-color">{{ conversions.USD * block.fees | currency:'USD':'symbol':'1.0-0' }}</span>)</span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<app-fee-distribution-graph [blockHeight]="block.height"></app-fee-distribution-graph>
|
|
</div>
|