flosight-ui/app/src/pages/block-detail/block-detail.html
2017-08-09 15:29:04 -04:00

99 lines
2.1 KiB
HTML

<ion-header>
<head-nav [title]="'Block'"></head-nav>
</ion-header>
<ion-content padding>
<h1>Block #{{ block.height }}</h1>
<p><b>BlockHash</b> <span class="ellipsis">{{ block.hash }}</span></p>
<h2>Summary</h2>
<ion-list *ngIf="!loading">
<ion-item>
Number of Transactions
<span item-end>
{{ block.tx.length }}
</span>
</ion-item>
<ion-item>
Height
<span item-end>
{{ block.height }} <span [hidden]="!block.isMainChain">(Mainchain)</span>
</span>
</ion-item>
<ion-item>
Block Reward
<span item-end>
{{ block.reward + ' BTC' }}
</span>
</ion-item>
<ion-item>
Timestamp
<span item-end>
{{ block.time * 1000 | date:'medium' }}
</span>
</ion-item>
<ion-item>
Mined by
<span item-end>
<a href="{{ block.poolInfo.url }}">{{ block.poolInfo.poolName }}</a>
</span>
</ion-item>
<ion-item>
Merkle Root
<span item-end class="ellipsis">
{{ block.merkleroot }}
</span>
</ion-item>
<ion-item>
Previous Block
<span item-end>
<a (click)="goToPreviousBlock()">{{ block.height - 1 }}</a>
</span>
</ion-item>
<ion-item>
Difficulty
<span item-end>
{{ block.difficulty }}
</span>
</ion-item>
<ion-item>
Bits
<span item-end>
{{ block.bits }}
</span>
</ion-item>
<ion-item>
Size (bytes)
<span item-end>
{{ block.size }}
</span>
</ion-item>
<ion-item>
Version
<span item-end>
{{ block.version }}
</span>
</ion-item>
<ion-item>
Nonce
<span item-end>
{{ block.nonce }}
</span>
</ion-item>
<ion-item>
Next Block
<span item-end>
<a (click)="goToNextBlock()">{{ block.height + 1 }}</a>
</span>
</ion-item>
</ion-list>
<div *ngIf="!loading">
<h2>Transactions</h2>
<transaction-list [queryType]="'block'" [queryValue]="block.hash"></transaction-list>
</div>
</ion-content>