36 lines
1.4 KiB
HTML
36 lines
1.4 KiB
HTML
|
<div class="rbf-timeline box">
|
||
|
|
<div class="timeline">
|
||
|
|
<div class="intervals">
|
||
|
|
<ng-container *ngFor="let replacement of replacements; let i = index;">
|
||
|
|
<div class="interval" *ngIf="i > 0">
|
||
|
|
<div class="interval-time">
|
||
|
|
<app-time [time]="replacement.time - replacements[i-1].time" [relative]="false"></app-time>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="node-spacer"></div>
|
||
|
|
</ng-container>
|
||
|
|
</div>
|
||
|
|
<div class="nodes">
|
||
|
|
<ng-container *ngFor="let replacement of replacements; let i = index;">
|
||
|
|
<div class="interval-spacer" *ngIf="i > 0">
|
||
|
|
<div class="track"></div>
|
||
|
|
</div>
|
||
|
|
<div class="node" [class.selected]="txid === replacement.tx.txid">
|
||
|
|
<div class="track"></div>
|
||
|
|
<a class="shape-border" [class.rbf]="replacement.tx.rbf" [routerLink]="['/tx/' | relativeUrl, replacement.tx.txid]" [title]="replacement.tx.txid">
|
||
|
|
<div class="shape"></div>
|
||
|
|
</a>
|
||
|
|
<span class="fee-rate">{{ replacement.tx.fee / (replacement.tx.vsize) | feeRounding }} <span class="symbol" i18n="shared.sat-vbyte|sat/vB">sat/vB</span></span>
|
||
|
|
</div>
|
||
|
|
</ng-container>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- <app-rbf-timeline-tooltip
|
||
|
|
*ngIf=[tooltip]
|
||
|
|
[line]="hoverLine"
|
||
|
|
[cursorPosition]="tooltipPosition"
|
||
|
|
[isConnector]="hoverConnector"
|
||
|
|
></app-rbf-timeline-tooltip> -->
|
||
|
|
</div>
|