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">
|
|
|
|
|
2019-07-23 17:13:36 +02:00
|
|
|
<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>
|