59 lines
2.2 KiB
HTML
59 lines
2.2 KiB
HTML
<div class="list-container mat-elevation-z8" (scroll)="onScroll($event)" style="overflow-y: scroll;">
|
|
<div class="list-header">
|
|
<mat-grid-list cols="10" rowHeight="60">
|
|
<mat-grid-tile>
|
|
<button mat-button routerLink="Edit/new">
|
|
Add
|
|
</button>
|
|
</mat-grid-tile>
|
|
<mat-grid-tile [colspan]="2">
|
|
<mat-form-field>
|
|
<mat-label>Code</mat-label>
|
|
<input matInput (blur)="addCode($event)" (keyup.enter)="addCode($event)"/>
|
|
</mat-form-field>
|
|
</mat-grid-tile>
|
|
<mat-grid-tile [colspan]="5">
|
|
<mat-chip-listbox>
|
|
<mat-chip *ngFor="let code of codes"
|
|
selected color="accent" removable (removed)="removeCode(code)">
|
|
{{code}}
|
|
<button matChipRemove>
|
|
<mat-icon>cancel</mat-icon>
|
|
</button>
|
|
</mat-chip>
|
|
</mat-chip-listbox>
|
|
</mat-grid-tile>
|
|
<mat-grid-tile colspan="2">
|
|
<mat-form-field>
|
|
<mat-label>Layer type</mat-label>
|
|
<mat-select [(ngModel)]="type">
|
|
<mat-option value="">All</mat-option>
|
|
<mat-option value="import">Import</mat-option>
|
|
<mat-option value="processed">Processed</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</mat-grid-tile>
|
|
</mat-grid-list>
|
|
</div>
|
|
|
|
<mat-table #table [dataSource]="dataSource" [trackBy]="trackByUid" matSort class="animate">
|
|
|
|
<ng-container matColumnDef="number">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header>Number</mat-header-cell>
|
|
<mat-cell *matCellDef="let item">{{item.number}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="name">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header>Name</mat-header-cell>
|
|
<mat-cell *matCellDef="let item">{{item.name}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="source">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header>Source</mat-header-cell>
|
|
<mat-cell *matCellDef="let item">{{item.source}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
|
<mat-row *matRowDef="let item; columns: displayedColumns;" [routerLink]="['Detail/', item.id]"></mat-row>
|
|
</mat-table>
|
|
</div> |