mz/DiunaBI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

InfiniteScroll and Layer list filter

Browse Source
This commit is contained in:
Michał Zieliński
2023-10-20 13:56:40 +02:00
parent a358dc75cf
commit a96ca6a795
9 changed files with 227 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
Frontend/src/app/modules/layers/layers-list/layers-list.component.html
View File

@@ -1,4 +1,25 @@
<table mat-table [dataSource]="dataSource" (scroll)="onScroll($event)">
<br>
<div class="row">
<div class="col">
<mat-form-field appearance="outline" class="search-field">
<mat-label>Name</mat-label>
<input matInput [(ngModel)]="name" (ngModelChange)="nameUpdate.next($event)">
</mat-form-field>
</div>
<div class="col">
<mat-form-field appearance="outline" class="search-field">
<mat-label>Type</mat-label>
<mat-select (selectionChange)="loadList()" [(ngModel)]="type">
<mat-option value="">All</mat-option>
<mat-option [value]="LayerType.Import">Import</mat-option>
<mat-option [value]="LayerType.Processed">Processed</mat-option>
<mat-option [value]="LayerType.Administration">Administration</mat-option>
<mat-option [value]="LayerType.Dictionary">Dictionary</mat-option>
</mat-select>
</mat-form-field>
</div>
</div>
<table mat-table [dataSource]="dataSource">
<ng-container matColumnDef="number">
<th mat-header-cell *matHeaderCellDef>Number</th>
<td mat-cell *matCellDef="let element">{{element.number}}</td>
@@ -16,4 +37,5 @@
<tr mat-header-row *matHeaderRowDef="displayedColumns, sticky: false"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['Detail/', row.id]"></tr>
</table>
</table>
<div (diunabiScrollEnd)="loadMore()"></div>