diff --git a/client/src/pages/AdminSequences.tsx b/client/src/pages/AdminSequences.tsx index 6453ded..f3acd7c 100644 --- a/client/src/pages/AdminSequences.tsx +++ b/client/src/pages/AdminSequences.tsx @@ -696,7 +696,8 @@ export default function AdminSequences() { Formation Nom Dates - Rappels configurés + Rappels pré-formation + Rappels post-formation {!isCompactView && ( <> Lieu @@ -725,49 +726,55 @@ export default function AdminSequences() { -
+
{sequence.dates.map((date: any) => { const rappelsPre = date.rappels?.filter((r: any) => r.timing === 'pre_formation') || []; + + return ( +
+ {rappelsPre.length > 0 ? ( +
+ {rappelsPre.map((rappel: any) => ( + + + {rappel.nom} + + ))} +
+ ) : ( + - + )} +
+ ); + })} +
+ + +
+ {sequence.dates.map((date: any) => { const rappelsPost = date.rappels?.filter((r: any) => r.timing === 'post_formation') || []; return ( -
- {rappelsPre.length > 0 && ( -
-
Pré-formation
-
- {rappelsPre.map((rappel: any) => ( - - - {rappel.nom} - - ))} -
+
+ {rappelsPost.length > 0 ? ( +
+ {rappelsPost.map((rappel: any) => ( + + + {rappel.nom} + + ))}
- )} - {rappelsPost.length > 0 && ( -
-
Post-formation
-
- {rappelsPost.map((rappel: any) => ( - - - {rappel.nom} - - ))} -
-
- )} - {rappelsPre.length === 0 && rappelsPost.length === 0 && ( - Aucun rappel + ) : ( + - )}
); diff --git a/todo.md b/todo.md index 71afb47..5e01675 100644 --- a/todo.md +++ b/todo.md @@ -599,3 +599,9 @@ ## Séparation des rappels pré et post-formation - [x] Séparer l'affichage des rappels en deux catégories (pré-formation et post-formation) - [x] Ajouter des labels visuels pour distinguer les deux types de rappels + +## Amélioration affichage des rappels dans les séquences +- [x] Remplacer la colonne "Rappels configurés" par deux colonnes distinctes +- [x] Créer colonne "Rappels pré-formation" avec badges bleus +- [x] Créer colonne "Rappels post-formation" avec badges verts +- [x] Tester l'affichage dans les vues complète et réduite