Ajout des modules FormField et Paginator

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

@@ -7,6 +7,7 @@ import { MatIconModule } from "@angular/material/icon";
 import { MatSelectModule } from "@angular/material/select";
 import { MatOptionModule } from "@angular/material/core";
 import { MatSidenavModule } from "@angular/material/sidenav";
+import { MatListModule } from "@angular/material/list";
 
 import { User } from "../models/user";
 import { CacheApiKey } from "../models/cache-api-key.enum";
@@ -27,6 +28,7 @@ import { ServiceCacheApi } from "../services/service-cache-api.service";
     MatSelectModule,
     MatOptionModule,
     MatSidenavModule,
+    MatListModule,
   ],
 })
 export class AppComponent implements OnInit {

Front/skydivelogs-app/src/app/create-user/create-user.component.ts

@@ -3,6 +3,7 @@ import { Router, ActivatedRoute } from "@angular/router";
 import { FormBuilder, FormGroup, Validators } from "@angular/forms";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { first } from "rxjs/operators";
 
@@ -13,7 +14,7 @@ import { User } from "../../models/user";
   selector: "app-create-user",
   templateUrl: "./create-user.component.html",
   styleUrls: ["./create-user.component.css"],
-  imports: [TranslateModule, CommonModule],
+  imports: [TranslateModule, CommonModule, MatFormFieldModule],
 })
 export class CreateUserComponent implements OnInit {
   createForm: FormGroup;

Front/skydivelogs-app/src/app/jump-infos/jump-infos.component.ts

@@ -1,18 +1,26 @@
 import { Component, Inject, OnInit } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { MAT_DIALOG_DATA } from "@angular/material/dialog";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { AddAction } from "../../models/add-action.enum";
 import { JumpResp } from "../../models/jump";
+
 import { JumpService } from "../../services/jump.service";
 import { ServiceComm } from "../../services/service-comm.service";
-import { TranslateModule } from "@ngx-translate/core";
 
 @Component({
   selector: "app-jump-infos",
   templateUrl: "./jump-infos.component.html",
   styleUrls: ["./jump-infos.component.css"],
-  imports: [TranslateModule, CommonModule],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    MatCheckboxModule,
+    MatFormFieldModule,
+  ],
 })
 export class JumpInfosComponent implements OnInit {
   public editMode: boolean;

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

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
-import { MatPaginator } from "@angular/material/paginator";
+import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator";
 import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
@@ -16,7 +16,7 @@ import { AircraftResp } from "../../models/aircraft";
   selector: "app-list-of-aircrafts",
   templateUrl: "./list-of-aircrafts.component.html",
   styleUrls: ["./list-of-aircrafts.component.css"],
-  imports: [TranslateModule, CommonModule],
+  imports: [TranslateModule, CommonModule, MatPaginatorModule],
 })
 export class ListOfAircraftsComponent implements OnInit {
   public displayedColumns: Array<string> = ["name", "imageData"];

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

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
-import { MatPaginator } from "@angular/material/paginator";
+import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator";
 import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
@@ -17,7 +17,7 @@ import { NewDropZoneComponent } from "../new-drop-zone/new-drop-zone.component";
   selector: "app-list-of-dzs",
   templateUrl: "./list-of-dzs.component.html",
   styleUrls: ["./list-of-dzs.component.css"],
-  imports: [TranslateModule, CommonModule, MatIconModule],
+  imports: [TranslateModule, CommonModule, MatIconModule, MatPaginatorModule],
 })
 export class ListOfDzsComponent implements OnInit {
   public displayedColumns: Array<string> = [

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

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
-import { MatPaginator } from "@angular/material/paginator";
+import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator";
 import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
@@ -15,7 +15,7 @@ import { NewGearComponent } from "../new-gear/new-gear.component";
   selector: "app-list-of-gears",
   templateUrl: "./list-of-gears.component.html",
   styleUrls: ["./list-of-gears.component.css"],
-  imports: [TranslateModule, CommonModule],
+  imports: [TranslateModule, CommonModule, MatPaginatorModule],
 })
 export class ListOfGearsComponent implements OnInit {
   public displayedColumns: Array<string> = [

Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
 import { FormGroup, FormControl, Validators } from "@angular/forms";
 import { MatTableDataSource } from "@angular/material/table";
-import { MatPaginator } from "@angular/material/paginator";
+import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator";
 import { trigger, state, style } from "@angular/animations";
 import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
@@ -24,7 +24,7 @@ import { TranslateModule } from "@ngx-translate/core";
       state("rot270", style({ transform: "rotate(-270deg)" })),
     ]),
   ],
-  imports: [TranslateModule, CommonModule, MatIconModule],
+  imports: [TranslateModule, CommonModule, MatIconModule, MatPaginatorModule],
 })
 export class ListOfImagesComponent implements OnInit {
   public displayedColumns: Array<string> = ["comment", "data"];

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

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
-import { MatPaginator } from "@angular/material/paginator";
+import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator";
 import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
@@ -16,7 +16,7 @@ import { NewJumpTypeComponent } from "../new-jump-type/new-jump-type.component";
   selector: "app-list-of-jump-types",
   templateUrl: "./list-of-jump-types.component.html",
   styleUrls: ["./list-of-jump-types.component.css"],
-  imports: [TranslateModule, CommonModule],
+  imports: [TranslateModule, CommonModule, MatPaginatorModule],
 })
 export class ListOfJumpTypesComponent implements OnInit {
   public displayedColumns: Array<string> = ["name"];

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

@@ -1,5 +1,9 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
-import { MatPaginator, PageEvent } from "@angular/material/paginator";
+import {
+  MatPaginator,
+  MatPaginatorModule,
+  PageEvent,
+} from "@angular/material/paginator";
 import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
@@ -17,7 +21,7 @@ import { StatsService } from "../../services/stats.service";
   selector: "app-list-of-jumps",
   templateUrl: "./list-of-jumps.component.html",
   styleUrls: ["./list-of-jumps.component.css"],
-  imports: [TranslateModule, CommonModule, MatIconModule],
+  imports: [TranslateModule, CommonModule, MatIconModule, MatPaginatorModule],
 })
 export class ListOfJumpsComponent implements OnInit {
   public displayedColumns: Array<string> = [

Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts

@@ -4,6 +4,7 @@ import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { MatTableDataSource } from "@angular/material/table";
 import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
+import { MatListModule } from "@angular/material/list";
 
 import { ChartConfiguration, ChartData, ChartType } from "chart.js";
 import { from, groupBy, mergeMap, reduce, map } from "rxjs";
@@ -18,7 +19,13 @@ import { TunnelFlight, TunnelFlightByMonth } from "../../models/tunnel-flight";
   selector: "app-list-of-tunnel-flights",
   templateUrl: "./list-of-tunnel-flights.component.html",
   styleUrls: ["./list-of-tunnel-flights.component.css"],
-  imports: [TranslateModule, BaseChartDirective, CommonModule, MatIconModule],
+  imports: [
+    TranslateModule,
+    BaseChartDirective,
+    CommonModule,
+    MatIconModule,
+    MatListModule,
+  ],
 })
 export class ListOfTunnelFlightsComponent implements OnInit {
   public barChartLegend = true;