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-jumps/list-of-jumps.component.ts

@@ -1,8 +1,21 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
-import { MatPaginator, PageEvent } from "@angular/material/paginator";
-import { MatTableDataSource } from "@angular/material/table";
+import { RouterLink, RouterModule } from "@angular/router";
+import {
+  MatPaginator,
+  MatPaginatorModule,
+  PageEvent,
+} 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 { MatIconModule } from "@angular/material/icon";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+import { MatButtonModule } from "@angular/material/button";
+import { MatInputModule } from "@angular/material/input";
+import { ReactiveFormsModule } from "@angular/forms";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { AddAction } from "../../models/add-action.enum";
 import { Jump } from "../../models/jump";
@@ -12,10 +25,24 @@ import { JumpInfosComponent } from "../jump-infos/jump-infos.component";
 import { StatsService } from "../../services/stats.service";
 
 @Component({
-    selector: "app-list-of-jumps",
-    templateUrl: "./list-of-jumps.component.html",
-    styleUrls: ["./list-of-jumps.component.css"],
-    standalone: false
+  selector: "app-list-of-jumps",
+  templateUrl: "./list-of-jumps.component.html",
+  styleUrls: ["./list-of-jumps.component.css"],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    RouterLink,
+    RouterModule,
+    MatIconModule,
+    MatPaginatorModule,
+    MatProgressSpinnerModule,
+    MatProgressBarModule,
+    MatTableModule,
+    MatFormFieldModule,
+    ReactiveFormsModule,
+    MatInputModule,
+    MatButtonModule,
+  ],
 })
 export class ListOfJumpsComponent implements OnInit {
   public displayedColumns: Array<string> = [
@@ -31,11 +58,12 @@ export class ListOfJumpsComponent implements OnInit {
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
   public isLoading: boolean = false;
 
-  constructor(private serviceApi: JumpService,
-              private serviceComm: ServiceComm,
-              public dialog: MatDialog,
-              private translateService: TranslateService,
-              private statsService: StatsService
+  constructor(
+    private serviceApi: JumpService,
+    private serviceComm: ServiceComm,
+    public dialog: MatDialog,
+    private translateService: TranslateService,
+    private statsService: StatsService
   ) {}
 
   ngAferViewInit(): void {
@@ -62,15 +90,16 @@ export class ListOfJumpsComponent implements OnInit {
   getListOfJumps(pageSize: number = 20, pageIndex: number = 0) {
     this.isLoading = true;
 
-    this.serviceApi.getJumps(pageIndex * pageSize, pageIndex * pageSize + pageSize)
-                   .subscribe((data) => {
-                     this.dataSourceTable.data = data.rows;
-                     setTimeout(() => {
-                       this.paginator.length = data.count;
-                       this.paginator.pageIndex = pageIndex;
-                       this.isLoading = false;
-                     }, 500);
-                   });
+    this.serviceApi
+      .getJumps(pageIndex * pageSize, pageIndex * pageSize + pageSize)
+      .subscribe((data) => {
+        this.dataSourceTable.data = data.rows;
+        setTimeout(() => {
+          this.paginator.length = data.count;
+          this.paginator.pageIndex = pageIndex;
+          this.isLoading = false;
+        }, 500);
+      });
   }
 
   openDialog(item: Jump, editMode: boolean) {