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.
61 lines
3.2 KiB
HTML
61 lines
3.2 KiB
HTML
<div fxLayout="column" fxFlex="100" fxLayoutAlign="stretch stretch">
|
|
<div *ngIf="errorMessage?.trim() === ''; else errorBlock" fxLayout="column" fxLayout.gt-xs="row" fxFlex="62" fxLayoutAlign="stretch stretch">
|
|
<div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch" class="mt-2">
|
|
<div>
|
|
<h4 fxLayoutAlign="start start" class="dashboard-info-title">
|
|
Opening Channel
|
|
<mat-icon matTooltip="Estimated cost of typical channel open" matTooltipPosition="below" class="info-icon info-icon-primary">info_outline</mat-icon>
|
|
</h4>
|
|
<div class="overflow-wrap dashboard-info-value">{{feeRates?.onchain_fee_estimates?.opening_channel_satoshis | number}}</div>
|
|
</div>
|
|
<div>
|
|
<h4 fxLayoutAlign="start start" class="dashboard-info-title">
|
|
Mutual Close
|
|
<mat-icon matTooltip="Estimated cost of typical channel close" matTooltipPosition="below" class="info-icon info-icon-primary">info_outline</mat-icon>
|
|
</h4>
|
|
<div class="overflow-wrap dashboard-info-value">{{feeRates?.onchain_fee_estimates?.mutual_close_satoshis | number}}</div>
|
|
</div>
|
|
<div>
|
|
<h4 fxLayoutAlign="start start" class="dashboard-info-title">
|
|
Unilateral Close
|
|
<mat-icon matTooltip="Estimated cost of typical unilateral close (without HTLCs)" matTooltipPosition="below" class="info-icon info-icon-primary">info_outline</mat-icon>
|
|
</h4>
|
|
<div class="overflow-wrap dashboard-info-value">{{feeRates?.onchain_fee_estimates?.unilateral_close_satoshis | number}}</div>
|
|
</div>
|
|
<div fxFlex="12">
|
|
<h4 fxLayoutAlign="start start" class="dashboard-info-title"></h4>
|
|
<div class="overflow-wrap dashboard-info-value"></div>
|
|
</div>
|
|
</div>
|
|
<div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch" class="mt-2">
|
|
<div>
|
|
<h4 fxLayoutAlign="start start" class="dashboard-info-title">
|
|
HTLC Timeout
|
|
<mat-icon matTooltip="Estimated cost of typical HTLC timeout transaction" matTooltipPosition="below" class="info-icon info-icon-primary">info_outline</mat-icon>
|
|
</h4>
|
|
<div class="overflow-wrap dashboard-info-value">{{feeRates?.onchain_fee_estimates?.htlc_timeout_satoshis | number}}</div>
|
|
</div>
|
|
<div>
|
|
<h4 fxLayoutAlign="start start" class="dashboard-info-title">
|
|
HTLC Success
|
|
<mat-icon matTooltip="Estimated cost of typical HTLC fulfillment transaction" matTooltipPosition="below" class="info-icon info-icon-primary">info_outline</mat-icon>
|
|
</h4>
|
|
<div class="overflow-wrap dashboard-info-value">{{feeRates?.onchain_fee_estimates?.htlc_success_satoshis | number}}</div>
|
|
</div>
|
|
<div fxFlex="12">
|
|
<h4 fxLayoutAlign="start start" class="dashboard-info-title"></h4>
|
|
<div class="overflow-wrap dashboard-info-value"></div>
|
|
</div>
|
|
<div fxFlex="12">
|
|
<h4 fxLayoutAlign="start start" class="dashboard-info-title"></h4>
|
|
<div class="overflow-wrap dashboard-info-value"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ng-template #errorBlock>
|
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between" class="p-2">
|
|
<p>{{errorMessage}}</p>
|
|
</div>
|
|
</ng-template>
|
|
</div>
|