2022-09-29 22:45:40 +00:00
|
|
|
<div class="text-center" class="blockchain-wrapper" [class.time-ltr]="timeLtr" [class.ltr-transition]="ltrTransitionEnabled" #container>
|
2023-09-20 03:07:35 +00:00
|
|
|
<div #positionContainer class="position-container" [ngClass]="network ? network : ''" [style]="positionStyle">
|
2020-07-30 13:13:22 +07:00
|
|
|
<span>
|
2022-09-29 22:45:40 +00:00
|
|
|
<div class="blocks-wrapper">
|
2022-12-28 06:05:46 -06:00
|
|
|
<div class="scroll-spacer" *ngIf="minScrollWidth" [style.left]="minScrollWidth + 'px'"></div>
|
2023-06-14 14:33:13 -04:00
|
|
|
<app-mempool-blocks [hidden]="pageIndex > 0" [allBlocks]="scrollableMempool" (widthChange)="onMempoolWidthChange($event)"></app-mempool-blocks>
|
2022-12-27 05:28:57 -06:00
|
|
|
<app-blockchain-blocks [hidden]="pageIndex > 0"></app-blockchain-blocks>
|
|
|
|
<ng-container *ngFor="let page of pages; trackBy: trackByPageFn">
|
2023-02-08 19:07:59 -06:00
|
|
|
<app-blockchain-blocks [static]="true" [offset]="page.offset" [height]="page.height" [count]="blocksPerPage" [loadingTip]="loadingTip" [connected]="connected"></app-blockchain-blocks>
|
2022-12-27 05:28:57 -06:00
|
|
|
</ng-container>
|
2022-09-29 22:45:40 +00:00
|
|
|
</div>
|
2022-12-27 05:28:57 -06:00
|
|
|
<div id="divider" [hidden]="pageIndex > 0">
|
2024-04-21 14:54:50 +02:00
|
|
|
<button class="block-display-toggle" (click)="toggleBlockDisplayMode()"><fa-icon [icon]="['fas', 'exchange-alt']" [fixedWidth]="true"></fa-icon></button>
|
2022-09-30 13:57:34 +04:00
|
|
|
<button class="time-toggle" (click)="toggleTimeDirection()"><fa-icon [icon]="['fas', 'exchange-alt']" [fixedWidth]="true"></fa-icon></button>
|
2022-09-29 22:45:40 +00:00
|
|
|
</div>
|
2020-05-09 20:37:50 +07:00
|
|
|
</span>
|
2020-02-23 19:16:50 +07:00
|
|
|
</div>
|
2020-07-30 13:13:22 +07:00
|
|
|
</div>
|