From ebf67b8d887275959905edcd82df88868dd68199 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Zieli=C5=84ski?= <bimbej@gmail.com>
Date: Tue, 22 Aug 2023 21:37:37 +0200
Subject: [PATCH] LayersList sticky header

---
 .../layer-detail/layer-detail.component.html  |  1 -
 .../layers-list/layers-list.component.html    | 34 +++++++++----------
 .../layers-list/layers-list.component.ts      |  1 +
 3 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/Frontend/src/app/modules/layers/layer-detail/layer-detail.component.html b/Frontend/src/app/modules/layers/layer-detail/layer-detail.component.html
index 62abc83..d77a0bd 100644
--- a/Frontend/src/app/modules/layers/layer-detail/layer-detail.component.html
+++ b/Frontend/src/app/modules/layers/layer-detail/layer-detail.component.html
@@ -46,7 +46,6 @@
         <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
         <tr mat-footer-row *matFooterRowDef="displayedColumns"></tr>
       </table>
-      <br>
     </mat-card-content>
   </mat-card>
 </form>
\ No newline at end of file
diff --git a/Frontend/src/app/modules/layers/layers-list/layers-list.component.html b/Frontend/src/app/modules/layers/layers-list/layers-list.component.html
index f2b99d6..df19dc3 100644
--- a/Frontend/src/app/modules/layers/layers-list/layers-list.component.html
+++ b/Frontend/src/app/modules/layers/layers-list/layers-list.component.html
@@ -1,21 +1,19 @@
-<div class="list-container" (scroll)="onScroll($event)" style="overflow-y: scroll;">
-  <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>
-    </ng-container>
+<table mat-table [dataSource]="dataSource" (scroll)="onScroll($event)">
+  <ng-container matColumnDef="number">
+    <th mat-header-cell *matHeaderCellDef>Number</th>
+    <td mat-cell *matCellDef="let element">{{element.number}}</td>
+  </ng-container>
 
-    <ng-container matColumnDef="name">
-      <th mat-header-cell *matHeaderCellDef>Name</th>
-      <td mat-cell *matCellDef="let element">{{element.name}}</td>
-    </ng-container>
+  <ng-container matColumnDef="name">
+    <th mat-header-cell *matHeaderCellDef>Name</th>
+    <td mat-cell *matCellDef="let element">{{element.name}}</td>
+  </ng-container>
 
-    <ng-container matColumnDef="type">
-      <th mat-header-cell *matHeaderCellDef>Type</th>
-      <td mat-cell *matCellDef="let element">{{LayerType[element.type]}}</td>
-    </ng-container>
+  <ng-container matColumnDef="type">
+    <th mat-header-cell *matHeaderCellDef>Type</th>
+    <td mat-cell *matCellDef="let element">{{LayerType[element.type]}}</td>
+  </ng-container>
 
-    <tr mat-header-row *matHeaderRowDef="displayedColumns, sticky: true"></tr>
-    <tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['Detail/', row.id]"></tr>
-  </table>
-</div>
\ No newline at end of file
+  <tr mat-header-row *matHeaderRowDef="displayedColumns, sticky: true"></tr>
+  <tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['Detail/', row.id]"></tr>
+</table>
\ No newline at end of file
diff --git a/Frontend/src/app/modules/layers/layers-list/layers-list.component.ts b/Frontend/src/app/modules/layers/layers-list/layers-list.component.ts
index e4c00b5..10669c4 100644
--- a/Frontend/src/app/modules/layers/layers-list/layers-list.component.ts
+++ b/Frontend/src/app/modules/layers/layers-list/layers-list.component.ts
@@ -43,6 +43,7 @@ export class LayersListComponent implements OnInit {
   @HostListener('document:scroll', ['$event'])
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   public async  onScroll(event: any) {
+    console.log('on scrool', event);
     if (event.target.offsetHeight + event.target.scrollTop >= event.target.scrollHeight - 1 && !this.loadingInProgress) {
       this.loadingInProgress = true;
       this.dataSource = await Layer.getList(this._http, this.start, this.limit, this.codes);