WIP: list scrolling

This commit is contained in:
Michał Zieliński
2023-10-02 19:59:43 +02:00
parent 2f1ef5c9fe
commit f70ba9b701
4 changed files with 78 additions and 77 deletions

View File

@@ -14,6 +14,6 @@
<td mat-cell *matCellDef="let element">{{LayerType[element.type]}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns, sticky: true"></tr>
<tr mat-header-row *matHeaderRowDef="displayedColumns, sticky: false"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['Detail/', row.id]"></tr>
</table>

View File

@@ -29,7 +29,7 @@ export class LayersListComponent implements OnInit {
LayerType = LayerType;
start = 0;
limit = 50;
limit = 200;
end: number = this.limit + this.start;
loadingInProgress = false;
@@ -40,7 +40,7 @@ export class LayersListComponent implements OnInit {
private _http: HttpClient,
) { }
@HostListener('document:scroll', ['$event'])
//@HostListener('document:scroll', ['$event'])
// eslint-disable-next-line @typescript-eslint/no-explicit-any
public async onScroll(event: any) {
console.log('on scrool', event);