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.
24 lines
1.9 KiB
HTML
24 lines
1.9 KiB
HTML
<div fxLayout="column" fxLayoutAlign="space-between start" fxFlex="100">
|
|
<div fxLayout="column" fxFlex="9" fxLayoutAlign="end start" class="w-100">
|
|
<h2>{{totalLiquidity | number}} Sats</h2>
|
|
<h4>Max Transaction Amount: {{(maxAmount <= 4294967 ? maxAmount : 4294967) | number}} Sats</h4>
|
|
<mat-divider class="w-100 dashboard-divider mt-2"></mat-divider>
|
|
</div>
|
|
<div fxLayout="column" fxFlex="90" fxFlex.lt-md="85" fxLayoutAlign="start start" class="channels-capacity-scroll w-100 mt-2" perfectScrollbar>
|
|
<div fxLayout="column" fxFlex="100" class="w-100" *ngIf="allChannels && allChannels.length > 0; else noChannelBlock">
|
|
<div *ngFor="let channel of allChannels" class="mt-2">
|
|
<h4>{{(channel.remote_alias || channel.remote_pubkey) | slice:0:24}}{{(channel.remote_alias || channel.remote_pubkey).length > 25 ? '...' : ''}}</h4>
|
|
<div fxLayout="row" fxLayoutAlign="space-between start" class="w-100">
|
|
<mat-hint *ngIf="direction === 'In'" fxFlex="100" fxLayoutAlign="start center" class="font-size-80"><strong class="font-weight-900">{{channel.remote_balance || 0 | number}} Sats</strong></mat-hint>
|
|
<mat-hint *ngIf="direction === 'Out'" fxFlex="100" fxLayoutAlign="start center" class="font-size-80"><strong class="font-weight-900">{{channel.local_balance || 0 | number}} Sats</strong></mat-hint>
|
|
</div>
|
|
<mat-progress-bar *ngIf="direction === 'In'" class="dashboard-progress-bar" mode="determinate" value="{{(totalLiquidity > 0) ? ((+channel.remote_balance || 0)/(totalLiquidity) * 100) : 0}}"></mat-progress-bar>
|
|
<mat-progress-bar *ngIf="direction === 'Out'" class="dashboard-progress-bar" mode="determinate" value="{{(totalLiquidity > 0) ? ((+channel.local_balance || 0)/(totalLiquidity) * 100) : 0}}"></mat-progress-bar>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ng-template #noChannelBlock>
|
|
<div fxLayout="column" fxFlex="100" class="w-100 mt-2">No channels available.</div>
|
|
</ng-template>
|