From 70c45ab064f3ac3dc1113a81f20a2f6a6fd237e0 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Thu, 8 Jan 2026 11:40:10 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Refonte=20de=20l'affichage=20des?=
 =?UTF-8?q?=20rappels=20dans=20le=20tableau=20de=20gestion=20des=20s=C3=A9?=
 =?UTF-8?q?quences=20:=20remplacement=20de=20la=20colonne=20unique=20"Rapp?=
 =?UTF-8?q?els=20configur=C3=A9s"=20par=20deux=20colonnes=20distinctes=20"?=
 =?UTF-8?q?Rappels=20pr=C3=A9-formation"=20et=20"Rappels=20post-formation"?=
 =?UTF-8?q?.=20Chaque=20colonne=20affiche=20les=20rappels=20correspondants?=
 =?UTF-8?q?=20avec=20leurs=20badges=20color=C3=A9s=20(bleu=20pour=20pr?=
 =?UTF-8?q?=C3=A9-formation,=20vert=20pour=20post-formation)=20et=20l'ic?=
 =?UTF-8?q?=C3=B4ne=20Bell.=20Les=20rappels=20sont=20organis=C3=A9s=20par?=
 =?UTF-8?q?=20date=20de=20formation=20(une=20ligne=20par=20date).=20Affich?=
 =?UTF-8?q?age=20d'un=20tiret=20"-"=20quand=20aucun=20rappel=20n'est=20con?=
 =?UTF-8?q?figur=C3=A9=20pour=20une=20cat=C3=A9gorie.=20Cette=20s=C3=A9par?=
 =?UTF-8?q?ation=20en=20deux=20colonnes=20am=C3=A9liore=20consid=C3=A9rabl?=
 =?UTF-8?q?ement=20la=20lisibilit=C3=A9=20et=20permet=20de=20visualiser=20?=
 =?UTF-8?q?instantan=C3=A9ment=20la=20configuration=20des=20rappels=20avan?=
 =?UTF-8?q?t=20et=20apr=C3=A8s=20chaque=20formation.=20Les=20deux=20colonn?=
 =?UTF-8?q?es=20restent=20visibles=20dans=20les=20vues=20compl=C3=A8te=20e?=
 =?UTF-8?q?t=20r=C3=A9duite=20car=20ce=20sont=20des=20informations=20essen?=
 =?UTF-8?q?tielles=20pour=20la=20gestion=20des=20communications=20automati?=
 =?UTF-8?q?ques.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/AdminSequences.tsx | 83 ++++++++++++++++-------------
 todo.md                             |  6 +++
 2 files changed, 51 insertions(+), 38 deletions(-)

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() {
                       <TableHead>Formation</TableHead>
                       <TableHead>Nom</TableHead>
                       <TableHead>Dates</TableHead>
-                      <TableHead>Rappels configurés</TableHead>
+                      <TableHead>Rappels pré-formation</TableHead>
+                      <TableHead>Rappels post-formation</TableHead>
                       {!isCompactView && (
                         <>
                           <TableHead>Lieu</TableHead>
@@ -725,49 +726,55 @@ export default function AdminSequences() {
                           </div>
                         </TableCell>
                         <TableCell>
-                          <div className="space-y-2">
+                          <div className="space-y-1.5">
                             {sequence.dates.map((date: any) => {
                               const rappelsPre = date.rappels?.filter((r: any) => r.timing === 'pre_formation') || [];
+                              
+                              return (
+                                <div key={date.id}>
+                                  {rappelsPre.length > 0 ? (
+                                    <div className="flex flex-wrap gap-1">
+                                      {rappelsPre.map((rappel: any) => (
+                                        <Badge 
+                                          key={rappel.id}
+                                          variant="outline"
+                                          className="bg-blue-50 text-blue-700 border-blue-300 text-xs"
+                                        >
+                                          <Bell className="w-3 h-3 mr-1" />
+                                          {rappel.nom}
+                                        </Badge>
+                                      ))}
+                                    </div>
+                                  ) : (
+                                    <span className="text-xs text-muted-foreground italic">-</span>
+                                  )}
+                                </div>
+                              );
+                            })}
+                          </div>
+                        </TableCell>
+                        <TableCell>
+                          <div className="space-y-1.5">
+                            {sequence.dates.map((date: any) => {
                               const rappelsPost = date.rappels?.filter((r: any) => r.timing === 'post_formation') || [];
                               
                               return (
-                                <div key={date.id} className="space-y-1">
-                                  {rappelsPre.length > 0 && (
-                                    <div className="space-y-0.5">
-                                      <div className="text-[10px] font-medium text-blue-600">Pré-formation</div>
-                                      <div className="flex flex-wrap gap-1">
-                                        {rappelsPre.map((rappel: any) => (
-                                          <Badge 
-                                            key={rappel.id}
-                                            variant="outline"
-                                            className="bg-blue-50 text-blue-700 border-blue-300 text-xs"
-                                          >
-                                            <Bell className="w-3 h-3 mr-1" />
-                                            {rappel.nom}
-                                          </Badge>
-                                        ))}
-                                      </div>
+                                <div key={date.id}>
+                                  {rappelsPost.length > 0 ? (
+                                    <div className="flex flex-wrap gap-1">
+                                      {rappelsPost.map((rappel: any) => (
+                                        <Badge 
+                                          key={rappel.id}
+                                          variant="outline"
+                                          className="bg-green-50 text-green-700 border-green-300 text-xs"
+                                        >
+                                          <Bell className="w-3 h-3 mr-1" />
+                                          {rappel.nom}
+                                        </Badge>
+                                      ))}
                                     </div>
-                                  )}
-                                  {rappelsPost.length > 0 && (
-                                    <div className="space-y-0.5">
-                                      <div className="text-[10px] font-medium text-green-600">Post-formation</div>
-                                      <div className="flex flex-wrap gap-1">
-                                        {rappelsPost.map((rappel: any) => (
-                                          <Badge 
-                                            key={rappel.id}
-                                            variant="outline"
-                                            className="bg-green-50 text-green-700 border-green-300 text-xs"
-                                          >
-                                            <Bell className="w-3 h-3 mr-1" />
-                                            {rappel.nom}
-                                          </Badge>
-                                        ))}
-                                      </div>
-                                    </div>
-                                  )}
-                                  {rappelsPre.length === 0 && rappelsPost.length === 0 && (
-                                    <span className="text-xs text-muted-foreground italic">Aucun rappel</span>
+                                  ) : (
+                                    <span className="text-xs text-muted-foreground italic">-</span>
                                   )}
                                 </div>
                               );
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