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.
62 lines
2.3 KiB
HTML
62 lines
2.3 KiB
HTML
<!-- <div fxLayout="column" fxFlex="100" fxLayoutAlign="start start">
|
|
<div fxFlex="33">
|
|
<h4 fxLayoutAlign="start" class="font-bold-500">Lightning</h4>
|
|
<div class="foreground-secondary-text">{{balances.lightning | number}} (Sats)</div>
|
|
</div>
|
|
<div fxFlex="24">
|
|
<h4 fxLayoutAlign="start" class="font-bold-500">On-chain</h4>
|
|
<div class="foreground-secondary-text">{{balances.onchain | number}} (Sats)</div>
|
|
</div>
|
|
<div fxFlex="43" fxLayoutAlign="start start" style="margin-left: -1.4rem;">
|
|
<div *ngIf="flgBalanceUpdated">
|
|
<ngx-charts-bar-horizontal
|
|
[yAxis]="true"
|
|
[showDataLabel]="true"
|
|
[tooltipDisabled]="true"
|
|
[view]="[360, 80]"
|
|
[results]="totalBalances">
|
|
</ngx-charts-bar-horizontal>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<!-- <div fxLayout="column" fxFlex="40" fxLayoutAlign="start start">
|
|
<div fxFlex="33">
|
|
<h4 fxLayoutAlign="start" class="font-bold-500">Lightning</h4>
|
|
<div class="foreground-secondary-text">{{balances.lightning | number}} (Sats)</div>
|
|
</div>
|
|
<div fxFlex="33">
|
|
<h4 fxLayoutAlign="start" class="font-bold-500">On-chain</h4>
|
|
<div class="foreground-secondary-text">{{balances.onchain | number}} (Sats)</div>
|
|
</div>
|
|
<div fxFlex="34" fxLayoutAlign="start start"></div>
|
|
</div>
|
|
<div fxLayout="column" fxFlex="60" fxLayoutAlign="start start">
|
|
<div *ngIf="flgBalanceUpdated">
|
|
<ngx-charts-bar-vertical
|
|
[xAxis]="true"
|
|
[showDataLabel]="true"
|
|
[tooltipDisabled]="true"
|
|
[view]="[190, 240]"
|
|
[results]="totalBalances">
|
|
</ngx-charts-bar-vertical>
|
|
</div>
|
|
</div> -->
|
|
<div fxLayout="column" fxFlex="40" fxLayoutAlign="start start">
|
|
<div fxFlex="33">
|
|
<h4 fxLayoutAlign="start" class="font-bold-500">Lightning</h4>
|
|
<div class="foreground-secondary-text">{{balances.lightning | number}} (Sats)</div>
|
|
</div>
|
|
<div fxFlex="33">
|
|
<h4 fxLayoutAlign="start" class="font-bold-500">On-chain</h4>
|
|
<div class="foreground-secondary-text">{{balances.onchain | number}} (Sats)</div>
|
|
</div>
|
|
<div fxFlex="34" fxLayoutAlign="start start"></div>
|
|
</div>
|
|
<div fxLayout="column" fxFlex="60" fxLayoutAlign="start start" *ngIf="flgInfoUpdate">
|
|
<ngx-charts-pie-chart class="balances-info-pie-chart" style="margin-top: -2.5rem;"
|
|
[explodeSlices]="true"
|
|
[view]="[190, 190]"
|
|
[results]="totalBalances">
|
|
</ngx-charts-pie-chart>
|
|
</div>
|