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.
35 lines
1.9 KiB
HTML
35 lines
1.9 KiB
HTML
<div fxLayout="row" fxLayoutAlign="start center" class="page-title-container">
|
|
<fa-icon class="page-title-img mr-1" [icon]="faChartPie"></fa-icon>
|
|
<span class="page-title">On-chain Balance</span>
|
|
</div>
|
|
<div fxLayout="column" class="padding-gap-x mb-4">
|
|
<mat-card>
|
|
<mat-card-content fxLayout="column">
|
|
<rtl-currency-unit-converter [values]="balances"></rtl-currency-unit-converter>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
<div fxLayout="row" fxLayoutAlign="start center" class="page-title-container">
|
|
<fa-icon class="page-title-img mr-1" [icon]="faExchangeAlt"></fa-icon>
|
|
<span class="page-title">On-chain Transactions</span>
|
|
</div>
|
|
<div fxLayout="column" class="padding-gap-x">
|
|
<mat-card>
|
|
<mat-card-content fxLayout="column">
|
|
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
|
|
<div *ngFor="let link of links" role="tab" mat-tab-link class="mat-tab-label" [active]="activeLink === link?.link" [routerLink]="[link?.link, selectedTable?.name]" (click)="activeLink = link?.link">{{link?.name}}</div>
|
|
</nav>
|
|
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
|
|
<!-- <nav mat-tab-nav-bar>
|
|
<div role="tab" mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link?.link" (click)="activeLink = link?.link" [routerLink]="[link?.link, selectedTable?.name]">{{link?.name}}</div>
|
|
</nav> -->
|
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch" class="mat-tab-body-wrapper">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch" class="padding-gap-x-large">
|
|
<rtl-cln-utxo-tables fxLayout="row" fxFlex="100" [selectedTableIndex]="selectedTable?.id" (selectedTableIndexChange)="onSelectedTableIndexChanged($event)"></rtl-cln-utxo-tables>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|