52 lines
1.8 KiB
HTML
52 lines
1.8 KiB
HTML
@if (chartOnly) {
|
|
<ng-container *ngTemplateOutlet="pieChart"></ng-container>
|
|
} @else {
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td class="td-width field-label" [class]="isMobile() ? 'mobile' : ''" i18n="transaction.accelerated-to-feerate|Accelerated to feerate">Accelerated to</td>
|
|
<td class="pie-chart" rowspan="2" *ngIf="isMobile()">
|
|
<ng-container *ngTemplateOutlet="pieChart"></ng-container>
|
|
</td>
|
|
<td class="field-value" [class]="isMobile() ? 'mobile' : ''">
|
|
<div class="effective-fee-container">
|
|
@if (accelerationInfo?.acceleratedFeeRate && (!tx.effectiveFeePerVsize || accelerationInfo.acceleratedFeeRate >= tx.effectiveFeePerVsize)) {
|
|
<app-fee-rate [fee]="accelerationInfo.acceleratedFeeRate"></app-fee-rate>
|
|
} @else {
|
|
<app-fee-rate [fee]="tx.effectiveFeePerVsize"></app-fee-rate>
|
|
}
|
|
</div>
|
|
</td>
|
|
<td class="pie-chart" rowspan="2" *ngIf="!isMobile()">
|
|
<ng-container *ngTemplateOutlet="pieChart"></ng-container>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="td-width field-label" i18n="transaction.accelerated-by-hashrate|Accelerated to hashrate">Accelerated by</td>
|
|
<td class="field-value" *ngIf="acceleratedByPercentage">
|
|
{{ acceleratedByPercentage }} <span class="symbol hashrate-label">of hashrate</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
}
|
|
|
|
<ng-template #pieChart>
|
|
<div class="chart-container">
|
|
@if (chartOptions && miningStats) {
|
|
<div
|
|
echarts
|
|
*browserOnly
|
|
class="chart"
|
|
[initOpts]="chartInitOptions"
|
|
[options]="chartOptions"
|
|
style="height: 72px; width: 72px;"
|
|
(chartInit)="onChartInit($event)"
|
|
></div>
|
|
} @else {
|
|
<div class="chart-loading">
|
|
<div class="spinner-border text-light"></div>
|
|
</div>
|
|
}
|
|
</div>
|
|
</ng-template> |