Update to Angular v19 and fixing (#3)

Reviewed-on: #3
Co-authored-by: sandre <perso@sebastienandre.com>
Co-committed-by: sandre <perso@sebastienandre.com>

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

@@ -1,8 +1,11 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
-import { MatPaginator } from "@angular/material/paginator";
-import { MatTableDataSource } from "@angular/material/table";
+import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator";
+import { MatTableDataSource, MatTableModule } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from "@ngx-translate/core";
+import { CommonModule } from "@angular/common";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
+import { MatButtonModule } from "@angular/material/button";
 
 import { GearService } from "../../services/gear.service";
 import { ServiceComm } from "../../services/service-comm.service";
@@ -11,10 +14,17 @@ import { AddAction } from "../../models/add-action.enum";
 import { NewGearComponent } from "../new-gear/new-gear.component";
 
 @Component({
-    selector: "app-list-of-gears",
-    templateUrl: "./list-of-gears.component.html",
-    styleUrls: ["./list-of-gears.component.css"],
-    standalone: false
+  selector: "app-list-of-gears",
+  templateUrl: "./list-of-gears.component.html",
+  styleUrls: ["./list-of-gears.component.css"],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    MatPaginatorModule,
+    MatProgressSpinnerModule,
+    MatTableModule,
+    MatButtonModule,
+  ],
 })
 export class ListOfGearsComponent implements OnInit {
   public displayedColumns: Array<string> = [
@@ -23,37 +33,38 @@ export class ListOfGearsComponent implements OnInit {
     "maxSize",
     "aad",
     "mainCanopy",
-    "reserveCanopy"
+    "reserveCanopy",
   ];
   public dataSourceTable: MatTableDataSource<GearResp>;
   public resultsLength = 0;
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
 
-  constructor(private serviceApi: GearService,
-              private serviceComm: ServiceComm,
-              public dialog: MatDialog,
-              private translateService: TranslateService) {}
+  constructor(
+    private serviceApi: GearService,
+    private serviceComm: ServiceComm,
+    public dialog: MatDialog,
+    private translateService: TranslateService
+  ) {}
 
   ngOnInit() {
-    this.serviceComm.refreshRequest.subscribe(action => {
+    this.serviceComm.refreshRequest.subscribe((action) => {
       if (action === AddAction.Gear) {
         this.dialog.closeAll();
         this.getListOfGears();
       }
     });
-    this.serviceComm.forceTranslateTitle.subscribe((data)=> {
-      if (data === true){
+    this.serviceComm.forceTranslateTitle.subscribe((data) => {
+      if (data === true) {
         this.updateTitle();
       }
     });
-    
+
     this.updateTitle();
     this.getListOfGears();
   }
 
   getListOfGears() {
-    this.serviceApi.getListOfGears()
-                   .subscribe(data => {
+    this.serviceApi.getListOfGears().subscribe((data) => {
       setTimeout(() => {
         data.sort((a, b) => b.id - a.id);
         this.dataSourceTable = new MatTableDataSource<GearResp>(data);
@@ -66,13 +77,13 @@ export class ListOfGearsComponent implements OnInit {
   openDialogToAdd() {
     this.dialog.open(NewGearComponent, {
       height: "400px",
-      width: "600px"
+      width: "600px",
     });
   }
 
   private updateTitle() {
-    this.translateService.get("ListGears_Title").subscribe(
-      data => { this.serviceComm.updatedComponentTitle(data); }
-    );
+    this.translateService.get("ListGears_Title").subscribe((data) => {
+      this.serviceComm.updatedComponentTitle(data);
+    });
   }
 }