Modifs de styles sur les tableaux

Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.css

@@ -2,11 +2,11 @@ table {
   width: 100%;
 }
 
-.table-container {
+/* .table-container {
   position: relative;
   height: 650px;
   overflow: auto;
-}
+} */
 
 .mat-row td {
   padding: 15px;

Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.html

@@ -13,12 +13,11 @@
       <td mat-cell *matCellDef="let element">{{element.name}}</td>
     </ng-container>
 
-    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+    <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
-
-  <mat-paginator [length]="resultsLength" [pageSize]="5"></mat-paginator>
 </div>
+<mat-paginator [length]="resultsLength" [pageSize]="5"></mat-paginator>
 
 <ng-template #loading>
   <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css

@@ -2,11 +2,11 @@ table {
   width: 100%;
 }
 
-.table-container {
+/* .table-container {
   position: relative;
   height: 650px;
   overflow: auto;
-}
+} */
 
 .mat-row td {
   padding: 15px;

Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html

@@ -50,12 +50,11 @@
       <td mat-cell *matCellDef="let element">{{element.type}}</td>
     </ng-container>
 
-    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+    <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-
   </table>
-  <mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
 </div>
+<mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
 
 <ng-template #loading>
   <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.css

@@ -2,11 +2,11 @@ table {
   width: 100%;
 }
 
-.table-container {
+/* .table-container {
   position: relative;
   height: 650px;
   overflow: auto;
-}
+} */
 
 .mat-row td {
   padding: 15px;

Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.html

@@ -38,11 +38,11 @@
       <td mat-cell *matCellDef="let element">{{element.reserveCanopy}}</td>
     </ng-container>
 
-    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+    <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
-  <mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
 </div>
+<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
 
 <ng-template #loading>
   <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.css

@@ -2,11 +2,11 @@ table {
   width: 100%;
 }
 
-.table-container {
+/* .table-container {
   position: relative;
   height: 650px;
   overflow: auto;
-}
+} */
 
 .mat-row td {
   padding: 15px;

Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.html

@@ -13,11 +13,11 @@
       <td mat-cell *matCellDef="let element">{{element.name}}</td>
     </ng-container>
 
-    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+    <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
-  <mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
 </div>
+<mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
 
 <ng-template #loading>
   <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.css

@@ -2,11 +2,11 @@ table {
   width: 100%;
 }
 
-.table-container {
+/* .table-container {
   position: relative;
   height: 650px;
   overflow: auto;
-}
+} */
 
 .mat-row td {
   padding: 15px;

Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html

@@ -27,11 +27,11 @@
       <td mat-cell *matCellDef="let element">{{element.gear.name}}</td>
     </ng-container>
 
-    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+    <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
-  <mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
 </div>
+<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
 
 <ng-template #loading>
   <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

Front/skydivelogs-app/src/app/summary/summary.component.html

@@ -29,8 +29,8 @@
   </table>
 </div>
 <div>
-  <label>By Rig</label>
-  <table mat-table [dataSource]="dsNbJumpByRig">
+  <label>By gear</label>
+  <table mat-table [dataSource]="dsNbJumpByGear">
     <ng-container matColumnDef="label">
       <td mat-cell *matCellDef="let element">{{element.label}}</td>
     </ng-container>

Front/skydivelogs-app/src/app/summary/summary.component.ts

@@ -11,7 +11,7 @@ export class SummaryComponent implements OnInit {
   public displayedColumns: Array<string> = ['label', 'nb'];
   public dsNbJumpByDz;
   public dsNbJumpByAircraft;
-  public dsNbJumpByRig;
+  public dsNbJumpByGear;
   public dsNbJumpByType;
   public dsNbJumpByYear;
 

Front/skydivelogs-app/src/services/stats.service.ts

@@ -34,7 +34,7 @@ export class StatsService {
       { headers: this.headers }
     );
     resultat.statsByRig = this.http.get<StatsByRigResp>(
-      `${environment.urlApi}/api/Stats/ByRig`,
+      `${environment.urlApi}/api/Stats/ByGear`,
       { headers: this.headers }
     );
     resultat.statsByYear = this.http.get<StatsByYearResp>(