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

19 lines
1.3 KiB
HTML
Raw Normal View History

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">
<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>
<app-blockchain-blocks [hidden]="pageIndex > 0"></app-blockchain-blocks>
<ng-container *ngFor="let page of pages; trackBy: trackByPageFn">
<app-blockchain-blocks [static]="true" [offset]="page.offset" [height]="page.height" [count]="blocksPerPage" [loadingTip]="loadingTip" [connected]="connected"></app-blockchain-blocks>
</ng-container>
2022-09-29 22:45:40 +00:00
</div>
<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>
</span>
2020-02-23 19:16:50 +07:00
</div>
2020-07-30 13:13:22 +07:00
</div>