2020-03-30 23:02:59 +02:00
|
|
|
<mat-form-field>
|
|
|
|
<mat-label>Filter</mat-label>
|
2020-04-02 02:43:54 +02:00
|
|
|
<input matInput (keyup)="applyFilter($event)" placeholder="Ex. Up to Date" value="{{filterValue}}">
|
2020-03-30 23:02:59 +02:00
|
|
|
</mat-form-field>
|
|
|
|
<table mat-table class="full-width-table" matSort aria-label="Elements">
|
2020-03-11 21:00:59 +01:00
|
|
|
<!-- Id Column -->
|
|
|
|
<ng-container matColumnDef="id">
|
2020-03-30 23:02:59 +02:00
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Id</th>
|
|
|
|
<td mat-cell *matCellDef="let row">{{row.id}}</td>
|
2020-03-11 21:00:59 +01:00
|
|
|
</ng-container>
|
|
|
|
|
2020-04-01 01:24:36 +02:00
|
|
|
<!-- Label Column -->
|
2020-03-11 21:00:59 +01:00
|
|
|
<ng-container matColumnDef="label">
|
2020-03-30 23:02:59 +02:00
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>
|
|
|
|
<td mat-cell *matCellDef="let row">{{row.label}}</td>
|
2020-03-11 21:00:59 +01:00
|
|
|
</ng-container>
|
|
|
|
|
2020-04-01 01:24:36 +02:00
|
|
|
<!-- Path Column -->
|
|
|
|
<ng-container matColumnDef="path">
|
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Path</th>
|
|
|
|
<td mat-cell *matCellDef="let row">{{row.path}}</td>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<!-- Status Column -->
|
|
|
|
<ng-container matColumnDef="state">
|
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>State</th>
|
|
|
|
<td mat-cell *matCellDef="let row">{{row.state}}</td>
|
|
|
|
</ng-container>
|
|
|
|
|
2020-03-11 21:00:59 +01:00
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
2020-03-30 23:02:59 +02:00
|
|
|
</table>
|
2020-03-11 21:00:59 +01:00
|
|
|
|
2020-04-01 02:36:56 +02:00
|
|
|
<mat-paginator #paginator [length]="dataSource?.data.length" [pageIndex]="0" [pageSize]="25"
|
2020-03-11 21:00:59 +01:00
|
|
|
[pageSizeOptions]="[25, 50, 100, 250]">
|
2020-03-30 23:02:59 +02:00
|
|
|
</mat-paginator>
|