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.
RTL/src/app/shared/components/ln-services/loop/loop.component.html

19 lines
1.2 KiB
HTML

<div fxLayout="row" fxLayoutAlign="start center" class="page-title-container">
<fa-icon class="page-title-img mr-1" [icon]="faInfinity"></fa-icon>
<span class="page-title">Loop (v{{loopInfo?.version || ' Unknown'}})</span>
</div>
<div fxLayout="column" class="padding-gap-x">
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar mat-stretch-tabs="false" mat-align-tabs="start" [tabPanel]="tabPanel">
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeTab.link === link.link" [routerLink]="['../', link.link]" (click)="onSelectedIndexChange(link)">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<div fxLayout="row" fxLayoutAlign="start start" class="padding-gap-x-large mt-1">
<button mat-flat-button color="primary" type="button" tabindex="1" (click)="onLoop(selectedSwapType)">Start {{activeTab.name}}</button>
</div>
<rtl-swaps fxLayout="row" fxFlex="100" [selectedSwapType]="selectedSwapType" [swapsData]="filteredSwaps" [flgLoading]="flgLoading" [emptyTableMessage]="emptyTableMessage"></rtl-swaps>
</mat-card-content>
</mat-card>
</div>