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.
46 lines
2.0 KiB
HTML
46 lines
2.0 KiB
HTML
<div fxLayout="row" fxLayoutAlign="start center" class="padding-gap-x page-title-container">
|
|
<fa-icon [icon]="faChartPie" class="page-title-img mr-1"></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="padding-gap-x page-title-container">
|
|
<fa-icon [icon]="faExchangeAlt" class="page-title-img mr-1"></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">
|
|
<mat-tab-group>
|
|
<mat-tab label="Receive">
|
|
<rtl-cl-on-chain-receive></rtl-cl-on-chain-receive>
|
|
</mat-tab>
|
|
<mat-tab label="Send">
|
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch" class="padding-gap">
|
|
<div fxLayout="row">
|
|
<button mat-flat-button color="primary" type="button" tabindex="1" (click)="openSendFundsModal(false)">Send Funds</button>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
<mat-tab label="Sweep All">
|
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch" class="padding-gap">
|
|
<div fxLayout="row">
|
|
<button mat-flat-button color="primary" type="button" tabindex="3" (click)="openSendFundsModal(true)">Sweep All</button>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch" class="padding-gap-x-large">
|
|
<div fxLayout="row">
|
|
<rtl-cl-on-chain-transaction-history fxLayout="row" fxFlex="100"></rtl-cl-on-chain-transaction-history>
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|