Fixing Angular 21 by migrating all values by signals. (#11)

frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.html

@@ -1,10 +1,10 @@
-<h1>{{title}}</h1>
-<h2>{{description}}</h2>
+<h1>{{ title }}</h1>
+<h2>{{ description }}</h2>
 <footer>
-    <button type="button" class="cod-button secondary" (click)="closeDialog()" matRipple i18n>
-        No
-    </button>
-    <button type="button" class="cod-button" (click)="closeAndValidate()" matRipple i18n>
-        Yes
-    </button>
-</footer>
+  <button type="button" class="cod-button secondary" (click)="closeDialog()" matRipple i18n>
+    No
+  </button>
+  <button type="button" class="cod-button" (click)="closeAndValidate()" matRipple i18n>
+    Yes
+  </button>
+</footer>

frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.scss

@@ -1,12 +1,12 @@
 :host {
-    display: flex;
-    flex-direction: column;
-    text-align: center;
-    padding: 1em;
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  padding: 1em;
 
-    footer {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-    }
-}
+  footer {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+}

frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.ts

@@ -1,35 +1,35 @@
-import { Component, inject, Input } from "@angular/core";
-import { MatRippleModule } from "@angular/material/core";
-import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
+import {Component, inject} from "@angular/core";
+import {MatRippleModule} from "@angular/material/core";
+import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
 
 export interface ConfirmationDialogData {
-    title: string;
-    description: string;
+  title: string;
+  description: string;
 }
 
 @Component({
-    selector: 'app-confirmation-dialog',
-    templateUrl: './confirmation-dialog.component.html',
-    styleUrl: './confirmation-dialog.component.scss',
-    imports: [MatRippleModule]
+  selector: 'app-confirmation-dialog',
+  templateUrl: './confirmation-dialog.component.html',
+  styleUrl: './confirmation-dialog.component.scss',
+  imports: [MatRippleModule]
 })
 export class ConfirmationDialog {
-    private readonly dialogRef = inject(MatDialogRef<ConfirmationDialog>);
-    data: ConfirmationDialogData = inject(MAT_DIALOG_DATA);
+  private readonly dialogRef = inject(MatDialogRef<ConfirmationDialog>);
+  data: ConfirmationDialogData = inject(MAT_DIALOG_DATA);
 
-    get title(): string {
-        return this.data.title;
-    }
+  get title(): string {
+    return this.data.title;
+  }
 
-    get description(): string {
-        return this.data.description;
-    }
+  get description(): string {
+    return this.data.description;
+  }
 
-    closeAndValidate(): void {
-        this.dialogRef.close(true);
-    }
+  closeAndValidate(): void {
+    this.dialogRef.close(true);
+  }
 
-    closeDialog(): void {
-        this.dialogRef.close(false);
-    }
-}
+  closeDialog(): void {
+    this.dialogRef.close(false);
+  }
+}