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.
48 lines
2.5 KiB
HTML
48 lines
2.5 KiB
HTML
5 years ago
|
<div fxLayout="column">
|
||
|
<div class="padding-gap">
|
||
|
<mat-card>
|
||
|
<mat-card-header>
|
||
|
<mat-card-subtitle>
|
||
|
<h2>All Channels Backup</h2>
|
||
|
</mat-card-subtitle>
|
||
|
</mat-card-header>
|
||
|
<mat-card-content>
|
||
|
<div fxLayout="column" fxLayout.gt-sm="row wrap" fxFlex="100" fxLayoutAlign="space-between start">
|
||
|
<button fxFlex="49" fxLayoutAlign="center center" mat-raised-button color="primary" tabindex="1" (click)="onBackupChannels({})">Backup</button>
|
||
|
<button fxFlex="49" fxLayoutAlign="center center" mat-raised-button color="accent" tabindex="2" (click)="onVerifyChannels({})">Verify Backup</button>
|
||
|
</div>
|
||
|
</mat-card-content>
|
||
|
</mat-card>
|
||
|
</div>
|
||
|
<div class="padding-gap">
|
||
|
<mat-card>
|
||
|
<mat-card-content class="table-card-content">
|
||
|
<div fxLayout="row" fxLayoutAlign="start start">
|
||
|
<mat-form-field fxFlex="30">
|
||
|
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
|
||
|
</mat-form-field>
|
||
|
</div>
|
||
|
<div perfectScrollbar class="table-container mat-elevation-z8">
|
||
|
<mat-progress-bar *ngIf="flgLoading[0]===true" mode="indeterminate"></mat-progress-bar>
|
||
|
<table mat-table #table [dataSource]="channels" matSort [ngClass]="{'mat-elevation-z8 overflow-x-auto error-border': flgLoading[0]==='error','mat-elevation-z8 overflow-x-auto': true}">
|
||
|
<ng-container matColumnDef="chan_id">
|
||
|
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel ID </th>
|
||
|
<td mat-cell *matCellDef="let channel">{{channel?.chan_id}}</td>
|
||
|
</ng-container>
|
||
|
<ng-container matColumnDef="backup">
|
||
|
<th mat-header-cell *matHeaderCellDef>Backup</th>
|
||
|
<td mat-cell *matCellDef="let channel"><mat-icon color="primary" (click)="onBackupChannels(channel)">save_alt</mat-icon></td>
|
||
|
</ng-container>
|
||
|
<ng-container matColumnDef="verify">
|
||
|
<th mat-header-cell *matHeaderCellDef>Verify</th>
|
||
|
<td mat-cell *matCellDef="let channel"><mat-icon color="accent" (click)="onVerifyChannels(channel)">verified_user</mat-icon></td>
|
||
|
</ng-container>
|
||
|
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: flgSticky;"></tr>
|
||
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;" (click)="onChannelClick(row, $event)"></tr>
|
||
|
</table>
|
||
|
</div>
|
||
|
</mat-card-content>
|
||
|
</mat-card>
|
||
|
</div>
|
||
|
</div>
|