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/jump-infos/jump-infos.component.html

@@ -1,11 +1,34 @@
 <form (ngSubmit)="updateJump()">
-    <p><span>Gear : {{jump.gear.name}} ({{jump.gear.mainCanopy}})</span></p>
-    <p><mat-checkbox [(ngModel)]="jump.isSpecial" name="isSpecial" labelPosition="before">Special jump</mat-checkbox></p>
-    <p><mat-checkbox [(ngModel)]="jump.withCutaway" name="withCutaway" labelPosition="before">Cutaway</mat-checkbox></p>
-    <mat-form-field>
-        <textarea matInput placeholder="Comments" name="comments" [(ngModel)]="jump.notes" name="comments" type="text"></textarea>
-    </mat-form-field>
+  <p>
+    <span>Gear : {{ jump.gear.name }} ({{ jump.gear.mainCanopy }})</span>
+  </p>
+  <p>
+    <mat-checkbox
+      [(ngModel)]="jump.isSpecial"
+      name="isSpecial"
+      labelPosition="before"
+      >Special jump</mat-checkbox
+    >
+  </p>
+  <p>
+    <mat-checkbox
+      [(ngModel)]="jump.withCutaway"
+      name="withCutaway"
+      labelPosition="before"
+      >Cutaway</mat-checkbox
+    >
+  </p>
+  <mat-form-field>
+    <textarea
+      matInput
+      placeholder="Comments"
+      name="comments"
+      [(ngModel)]="jump.notes"
+      name="comments"
+      type="text"
+    ></textarea>
+  </mat-form-field>
 
-    <br />
-    <button mat-raised-button color="accent" *ngIf="editMode">Update</button>
-</form>
+  <br />
+  <button mat-raised-button color="accent" *ngIf="editMode">Update</button>
+</form>

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

@@ -1,24 +1,43 @@
-import { Component, Inject, OnInit } from '@angular/core';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+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 { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { MatInputModule } from "@angular/material/input";
+import { MatButtonModule } from "@angular/material/button";
 
-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 { AddAction } from "../../models/add-action.enum";
+import { JumpResp } from "../../models/jump";
+
+import { JumpService } from "../../services/jump.service";
+import { ServiceComm } from "../../services/service-comm.service";
 
 @Component({
-    selector: 'app-jump-infos',
-    templateUrl: './jump-infos.component.html',
-    styleUrls: ['./jump-infos.component.css'],
-    standalone: false
+  selector: "app-jump-infos",
+  templateUrl: "./jump-infos.component.html",
+  styleUrls: ["./jump-infos.component.css"],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    FormsModule,
+    MatCheckboxModule,
+    MatFormFieldModule,
+    ReactiveFormsModule,
+    MatInputModule,
+    MatButtonModule,
+  ],
 })
 export class JumpInfosComponent implements OnInit {
   public editMode: boolean;
-  public jump: JumpResp
+  public jump: JumpResp;
 
-  constructor(@Inject(MAT_DIALOG_DATA) public data: any,
-              private serviceJump: JumpService,
-              private serviceComm: ServiceComm) {
+  constructor(
+    @Inject(MAT_DIALOG_DATA) public data: any,
+    private serviceJump: JumpService,
+    private serviceComm: ServiceComm
+  ) {
     this.jump = new JumpResp(data.jump);
     this.editMode = data.editMode;
   }
@@ -26,12 +45,15 @@ export class JumpInfosComponent implements OnInit {
   ngOnInit(): void {}
 
   public updateJump() {
-    this.serviceJump.updateJump(this.jump.id,
-                                this.jump.isSpecial,
-                                this.jump.withCutaway,
-                                this.jump.notes)
-                      .subscribe(() => {
-                        this.serviceComm.refreshData(AddAction.Jump);
-                      });
+    this.serviceJump
+      .updateJump(
+        this.jump.id,
+        this.jump.isSpecial,
+        this.jump.withCutaway,
+        this.jump.notes
+      )
+      .subscribe(() => {
+        this.serviceComm.refreshData(AddAction.Jump);
+      });
   }
 }