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.
28 lines
1.2 KiB
HTML
28 lines
1.2 KiB
HTML
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch">
|
|
<div fxLayout="row">
|
|
<button mat-flat-button color="primary" (click)="onOpenChannel()" type="submit" tabindex="1">Open Channel</button>
|
|
</div>
|
|
<div fxLayout="column" fxFlex="100" class="my-2 bordered-box">
|
|
<mat-tab-group [(selectedIndex)]="activeLink" (selectedTabChange)="onSelectedTabChange($event)">
|
|
<mat-tab>
|
|
<ng-template mat-tab-label>
|
|
<span matBadge="{{numOfOpenChannels}}" matBadgeOverlap="false" class="tab-badge">Open</span>
|
|
</ng-template>
|
|
</mat-tab>
|
|
<mat-tab>
|
|
<ng-template mat-tab-label>
|
|
<span matBadge="{{numOfPendingChannels}}" matBadgeOverlap="false" class="tab-badge">Pending</span>
|
|
</ng-template>
|
|
</mat-tab>
|
|
<mat-tab>
|
|
<ng-template mat-tab-label>
|
|
<span matBadge="{{numOfInactiveChannels}}" matBadgeOverlap="false" class="tab-badge">Inactive</span>
|
|
</ng-template>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch" class="padding-gap-x-large">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
</div>
|
|
</div>
|