103 lines
4.9 KiB
HTML
103 lines
4.9 KiB
HTML
<div class="box preview-box" *ngIf="!error">
|
|
<app-preview-title>
|
|
<span i18n="shared.block-title">Block</span>
|
|
</app-preview-title>
|
|
<div class="row">
|
|
<div class="col-sm table-col">
|
|
<div class="row">
|
|
<div class="block-titles">
|
|
<h1 class="title">
|
|
<ng-template [ngIf]="blockHeight === 0"><ng-container i18n="@@2303359202781425764">Genesis</ng-container></ng-template>
|
|
<ng-template [ngIf]="blockHeight">{{ blockHeight }}</ng-template>
|
|
</h1>
|
|
<div class="blockhash" *ngIf="blockHash">
|
|
<h2 class="truncate right">{{ blockHash.slice(0,32) }}</h2>
|
|
<h2 class="truncate left">{{ blockHash.slice(32) }}</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<table class="table table-borderless table-striped">
|
|
<tbody>
|
|
<!-- <tr>
|
|
<td class="td-width" i18n="block.hash">Hash</td>
|
|
<td>‎<a [routerLink]="['/block/' | relativeUrl, block?.id]" title="{{ block?.id }}">{{ block?.id | shortenString : 13 }}</a></td>
|
|
</tr> -->
|
|
<tr>
|
|
<td i18n="block.timestamp">Timestamp</td>
|
|
<td>
|
|
{{ block?.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td i18n="block.weight">Weight</td>
|
|
<td [innerHTML]="'‎' + (block?.weight | wuBytes: 2)"></td>
|
|
</tr>
|
|
<tr *ngIf="block?.extras?.medianFee != undefined">
|
|
<td class="td-width" i18n="block.median-fee">Median fee</td>
|
|
<td>~<app-fee-rate [fee]="block?.extras?.medianFee" rounding="1.0-0"></app-fee-rate></td>
|
|
</tr>
|
|
<ng-template [ngIf]="fees !== undefined">
|
|
<tr>
|
|
<td i18n="block.total-fees|Total fees in a block">Total fees</td>
|
|
<td *ngIf="network !== 'liquid' && network !== 'liquidtestnet'; else liquidTotalFees">
|
|
<app-amount [satoshis]="block?.extras.totalFees" digitsInfo="1.2-3" [noFiat]="true"></app-amount>
|
|
</td>
|
|
<ng-template #liquidTotalFees>
|
|
<td>
|
|
<app-amount [satoshis]="fees * 100000000" digitsInfo="1.2-2" [noFiat]="true"></app-amount>
|
|
</td>
|
|
</ng-template>
|
|
</tr>
|
|
</ng-template>
|
|
<tr *ngIf="network !== 'liquid' && network !== 'liquidtestnet'">
|
|
<td i18n="block.miner">Miner</td>
|
|
<td *ngIf="stateService.env.MINING_DASHBOARD">
|
|
<a placement="bottom" [routerLink]="['/mining/pool' | relativeUrl, block.extras.pool.slug]" class="badge" style="color: #FFF;padding:0;">
|
|
<ng-container *ngIf="block.extras.pool.minerNames != undefined && block.extras.pool.minerNames.length > 1 && block.extras.pool.minerNames[1] != ''; else centralisedPool">
|
|
{{ block.extras.pool.minerNames[1] }}
|
|
<div class="on-pool">
|
|
on
|
|
<img class="pool-logo" [src]="'/resources/mining-pools/' + block.extras.pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + block.extras.pool.name + ' mining pool'">
|
|
{{ block.extras.pool.name}}
|
|
</div>
|
|
</ng-container>
|
|
<ng-template #centralisedPool>
|
|
<img class="pool-logo" [src]="'/resources/mining-pools/' + block.extras.pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + block.extras.pool.name + ' mining pool'">
|
|
{{ block.extras.pool.name }}
|
|
</ng-template>
|
|
</a>
|
|
</td>
|
|
<td *ngIf="!stateService.env.MINING_DASHBOARD && stateService.env.BASE_MODULE === 'mempool'">
|
|
<span [attr.data-cy]="'block-details-miner-badge'" placement="bottom" class="badge"
|
|
[class]="!block?.extras.pool.name || block?.extras.pool.slug === 'unknown' ? 'badge-secondary' : 'badge-primary'">
|
|
<ng-container *ngIf="block?.extras.pool.minerNames != undefined && block?.extras.pool.minerNames.length > 1 && block?.extras.pool.minerNames[1] != ''; else centralisedPool">
|
|
{{ block?.extras.pool.minerNames[1] }}
|
|
<div class="on-pool">
|
|
on {{ block?.extras.pool.name }}
|
|
</div>
|
|
</ng-container>
|
|
<ng-template #centralisedPool>
|
|
{{ block?.extras.pool.name }}
|
|
</ng-template>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-sm chart-container">
|
|
<app-block-overview-graph
|
|
#blockGraph
|
|
[autofit]="true"
|
|
[isLoading]="false"
|
|
[resolution]="86"
|
|
[blockLimit]="stateService.blockVSize"
|
|
[orientation]="'top'"
|
|
[flip]="false"
|
|
[disableSpinner]="true"
|
|
(readyEvent)="onGraphReady()"
|
|
></app-block-overview-graph>
|
|
</div>
|
|
</div>
|
|
</div>
|