From dc28caa3fd617c6ac74c4d3299100aa290efbc8b Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Mon, 19 Jan 2026 12:15:29 -0500
Subject: [PATCH] Checkpoint: Restauration des boutons d'ajout de balises dans
 la gestion des templates d'emails.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

**Problème identifié :**
Les boutons d'ajout de balises (variables dynamiques) avaient été supprimés lors d'une modification précédente du fichier AdminEmailTemplates.tsx.

**Correction apportée :**
- Restauration de 10 boutons de variables dynamiques : {{nom}}, {{prenom}}, {{nomFormation}}, {{nomSequence}}, {{dateDebut}}, {{dateFin}}, {{lieu}}, {{formateur}}, {{datesHTML}}, {{lienReinitialisation}}
- Les boutons sont placés au-dessus de l'éditeur TipTap pour faciliter l'insertion rapide de variables
- Chaque bouton insère la balise correspondante à la position du curseur dans l'éditeur
- Message d'aide mis à jour pour encourager l'utilisation des boutons

**Résultat :**
✅ Les boutons sont de nouveau visibles et fonctionnels dans l'interface
✅ Déployé et testé avec succès sur le VPS de production (https://formations.itinova.org)
✅ L'expérience utilisateur est améliorée pour la création et modification des templates d'emails
---
 client/src/pages/AdminEmailTemplates.tsx | 97 +++++++++++++++++++++++-
 todo.md                                  |  6 ++
 2 files changed, 102 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/AdminEmailTemplates.tsx b/client/src/pages/AdminEmailTemplates.tsx
index 2db0898..905a885 100644
--- a/client/src/pages/AdminEmailTemplates.tsx
+++ b/client/src/pages/AdminEmailTemplates.tsx
@@ -368,11 +368,106 @@ export default function AdminEmailTemplates() {
 
               <div>
                 <Label htmlFor="bodyContent">Corps du message</Label>
+                
+                {/* Boutons de variables dynamiques */}
+                <div className="flex flex-wrap gap-2 mb-2">
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{nom}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Nom
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{prenom}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Prénom
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{nomFormation}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Nom formation
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{nomSequence}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Nom séquence
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{dateDebut}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Date début
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{dateFin}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Date fin
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{lieu}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Lieu
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{formateur}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Formateur
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{datesHTML}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Dates (HTML)
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => editor?.chain().focus().insertContent('{{lienReinitialisation}}').run()}
+                  >
+                    <Plus className="h-3 w-3 mr-1" />
+                    Lien réinitialisation
+                  </Button>
+                </div>
+
                 <div className="border rounded-md p-2 min-h-[200px]">
                   <EditorContent editor={editor} />
                 </div>
                 <p className="text-xs text-muted-foreground mt-1">
-                  Variables disponibles : {"{"}{"{"} nom {"}"}{"}"}, {"{"}{"{"} prenom {"}"}{"}"}, {"{"}{"{"} nomFormation {"}"}{"}"}, {"{"}{"{"} nomSequence {"}"}{"}"}, {"{"}{"{"} dateDebut {"}"}{"}"}, {"{"}{"{"} dateFin {"}"}{"}"}, {"{"}{"{"} lieu {"}"}{"}"}, {"{"}{"{"} formateur {"}"}{"}"}, {"{"}{"{"} lienReinitialisation {"}"}{"}"}
+                  Utilisez les boutons ci-dessus pour insérer rapidement des variables dans votre email.
                 </p>
               </div>
 
diff --git a/todo.md b/todo.md
index 5799317..cadb519 100644
--- a/todo.md
+++ b/todo.md
@@ -972,3 +972,9 @@
 - [x] Déployer
 - [x] Mettre à jour les données dans la table emailTemplates (déjà fait lors de la migration précédente)
 - [x] Tester
+
+## Restauration boutons d'ajout de balises dans templates
+
+- [x] Identifier pourquoi les boutons ont disparu
+- [x] Restaurer les boutons
+- [x] Déployer et tester