diff --git a/client/src/pages/AdminSequences.tsx b/client/src/pages/AdminSequences.tsx index 10a3e95..347b6a6 100644 --- a/client/src/pages/AdminSequences.tsx +++ b/client/src/pages/AdminSequences.tsx @@ -291,6 +291,16 @@ export default function AdminSequences() { const updateDate = (index: number, field: "dateDebut" | "dateFin", value: string) => { const newDates = [...formData.dates]; newDates[index][field] = value; + + // Validation en temps réel : vérifier que la date de fin est après la date de début + if (newDates[index].dateDebut && newDates[index].dateFin) { + const debut = new Date(newDates[index].dateDebut); + const fin = new Date(newDates[index].dateFin); + if (fin <= debut) { + toast.error(`Date ${index + 1}: La date de fin doit être après la date de début`); + } + } + setFormData({ ...formData, dates: newDates }); }; @@ -626,7 +636,16 @@ export default function AdminSequences() { value={date.dateFin} onChange={(e) => updateDate(index, "dateFin", e.target.value)} required + className={( + date.dateDebut && date.dateFin && + new Date(date.dateFin) <= new Date(date.dateDebut) + ) ? "border-red-500 focus:border-red-500" : ""} /> + {date.dateDebut && date.dateFin && new Date(date.dateFin) <= new Date(date.dateDebut) && ( +
+ La date de fin doit être après la date de début +
+ )} @@ -1093,7 +1112,16 @@ export default function AdminSequences() { value={date.dateFin} onChange={(e) => updateDate(index, "dateFin", e.target.value)} required + className={( + date.dateDebut && date.dateFin && + new Date(date.dateFin) <= new Date(date.dateDebut) + ) ? "border-red-500 focus:border-red-500" : ""} /> + {date.dateDebut && date.dateFin && new Date(date.dateFin) <= new Date(date.dateDebut) && ( ++ La date de fin doit être après la date de début +
+ )} diff --git a/todo.md b/todo.md index ad55baf..378cc95 100644 --- a/todo.md +++ b/todo.md @@ -1197,3 +1197,4 @@ - [x] Corriger l'erreur 'Unexpected token' lors de la mutation API sur /admin/sequences - [ ] Corriger l'erreur dans le fichier ICS qui empêche l'importation dans Outlook - [ ] Ajouter validation date fin > date début dans la boîte de dialogue de modification des séquences +- [x] Ajouter une validation frontend en temps réel dans les champs de date pour afficher un message d'erreur immédiat