From e87e754f92ed18b0874482079a69eb39c53a56fb Mon Sep 17 00:00:00 2001
From: clfreville2 <clement.freville2@etu.uca.fr>
Date: Mon, 24 Jun 2024 10:50:30 +0200
Subject: [PATCH] Display some custom error messages

---
 src/app/recipe-add/recipe-add.component.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/app/recipe-add/recipe-add.component.html b/src/app/recipe-add/recipe-add.component.html
index 5f6ad9f..1509a3f 100644
--- a/src/app/recipe-add/recipe-add.component.html
+++ b/src/app/recipe-add/recipe-add.component.html
@@ -2,10 +2,19 @@
     <mat-form-field>
         <label for="name">Nom</label>
         <input matInput id="name" type="text" formControlName="name" required>
+        @if (createForm.controls.name.errors?.['minlength']) {
+            <mat-error>Le nom doit contenir au moins {{ createForm.controls.name.errors!['minlength'].requiredLength }} caractères.</mat-error>
+        }
+        @if (createForm.controls.name.errors?.['maxlength']) {
+            <mat-error>Le nom ne peut dépasser {{ createForm.controls.name.errors!['maxlength'].requiredLength }} caractères.</mat-error>
+        }
     </mat-form-field>
     <mat-form-field>
         <label for="description">Description</label>
         <textarea matInput id="description" type="text" formControlName="description" required></textarea>
+        @if (createForm.controls.description.errors?.['maxlength']) {
+            <mat-error>La description ne peut dépasser {{ createForm.controls.description.errors!['maxlength'].requiredLength }} caractères.</mat-error>
+        }
     </mat-form-field>
     <div>
         <label for="image">Image</label>