mempool/frontend/src/app/blockchain/blockchain.component.html

26 lines
990 B
HTML
Raw Normal View History

2019-07-21 16:59:47 +02:00
<div *ngIf="blocks.length === 0" class="text-center">
<h3>Loading blocks...</h3>
<br>
<div class="spinner-border text-light"></div>
</div>
<div *ngIf="blocks.length !== 0 && txTrackingLoading" class="text-center black-background">
<h3>Locating transaction...</h3>
</div>
<div *ngIf="txShowTxNotFound" class="text-center black-background">
<h3>Transaction not found!</h3>
</div>
<div class="text-center" class="blockchain-wrapper">
<div class="position-container">
<app-blockchain-projected-blocks [projectedBlocks]="projectedBlocks"></app-blockchain-projected-blocks>
<app-blockchain-blocks [blocks]="blocks"></app-blockchain-blocks>
2019-07-21 16:59:47 +02:00
<div id="divider" *ngIf="blocks.length"></div>
</div>
</div>
<app-tx-bubble *ngIf="blocks?.length && txTrackingTx" [tx]="txTrackingTx" [arrowPosition]="txBubbleArrowPosition" [ngStyle]="txBubbleStyle" [latestBlockHeight]="blocks[0].height" [txTrackingBlockHeight]="txTrackingBlockHeight"></app-tx-bubble>
<app-footer></app-footer>