You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
2.3 KiB
HTML
39 lines
2.3 KiB
HTML
<div fxLayout="column" fxLayoutAlign="start stretch" fxFlex="100" class="padding-gap-x-large">
|
|
<rtl-horizontal-scroller (stepChanged)="onSelectionChange($event)"></rtl-horizontal-scroller>
|
|
<mat-progress-bar mode="indeterminate" *ngIf="errorMessage === 'Getting fee report...'" class="mt-2"></mat-progress-bar>
|
|
<div fxLayout="column" fxLayoutAlign="start stretch" fxFlex="100" class="padding-gap-x">
|
|
<div *ngIf="feeReportData.length > 0 && events.forwarding_events" fxLayout="column" fxLayoutAlign="center center" fxFlex="100" class="font-size-120 font-bold-700 mt-1"
|
|
[@fadeIn]="events.total_fee_msat">{{(events.total_fee_msat / 1000 || 0) | number:'1.0-2'}} Sats/{{(events?.forwarding_events?.length || 0) | number}} Events</div>
|
|
<div *ngIf="(feeReportData.length <= 0 || !events.forwarding_events) && errorMessage === ''" fxLayout="column" fxLayoutAlign="center center" fxFlex="100" class="font-size-120 mt-1">No fee report for the selected period</div>
|
|
<div *ngIf="errorMessage !== ''" fxLayout="column" fxLayoutAlign="center center" fxFlex="100" class="font-size-120 mt-1" [ngClass]="{'error-border': errorMessage !== 'Getting fee report...' && errorMessage !== ''}">{{errorMessage}}</div>
|
|
<div class="mt-1">
|
|
<ngx-charts-bar-vertical
|
|
*ngIf="feeReportData.length > 0 && events.forwarding_events"
|
|
class="one-color"
|
|
[view]="view"
|
|
[results]="feeReportData"
|
|
[gradient]="false"
|
|
[xAxis]="true"
|
|
[yAxis]="true"
|
|
[showXAxisLabel]="true"
|
|
[showYAxisLabel]="showYAxisLabel"
|
|
[xAxisLabel]="xAxisLabel"
|
|
[yAxisLabel]="yAxisLabel"
|
|
[showGridLines]="false"
|
|
[showDataLabel]="false"
|
|
(select)="onChartBarSelected($event)"
|
|
(mouseup)="onChartMouseUp($event)">
|
|
<ng-template #tooltipTemplate let-model="model">
|
|
<span>
|
|
<span class="tooltip-label">Events: {{(model.extra.totalEvents || 0) | number}}</span>
|
|
<span class="tooltip-label">Fee: {{(model.value || 0) | number:'1.0-2'}}</span>
|
|
</span>
|
|
</ng-template>
|
|
</ngx-charts-bar-vertical>
|
|
</div>
|
|
<div class="mt-1">
|
|
<rtl-forwarding-history *ngIf="events && events?.forwarding_events" [eventsData]="events?.forwarding_events" [filterValue]="eventFilterValue"></rtl-forwarding-history>
|
|
</div>
|
|
</div>
|
|
</div>
|