From 069d144c73610516f62b325cf1e8caa33e9dc24d Mon Sep 17 00:00:00 2001
From: Manus Sandbox <sandbox@manus.ai>
Date: Tue, 2 Dec 2025 12:23:30 -0500
Subject: [PATCH] Checkpoint: Ajout du bouton {{datesHTML}} dans l'interface de
 gestion des templates d'emails
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Modifications apportées :
- Ajout d'un nouveau bouton "Dates (HTML)" dans l'interface AdminEmailTemplates
- Le bouton permet d'insérer la variable {{datesHTML}} dans le corps du message
- Ajout du remplacement de {{datesHTML}} dans la fonction de prévisualisation avec un exemple formaté
- Mise à jour de la description de la prévisualisation pour mentionner la nouvelle variable

La variable {{datesHTML}} permet d'afficher toutes les dates d'une séquence de formation de manière formatée dans les emails (rappels, teasers, confirmations).
---
 client/src/pages/AdminEmailTemplates.tsx | 14 ++++++++++++--
 todo.md                                  |  7 +++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/AdminEmailTemplates.tsx b/client/src/pages/AdminEmailTemplates.tsx
index 8b595c1..a0b6049 100644
--- a/client/src/pages/AdminEmailTemplates.tsx
+++ b/client/src/pages/AdminEmailTemplates.tsx
@@ -159,7 +159,8 @@ export default function AdminEmailTemplates() {
         .replace(/\{\{dateDebut\}\}/g, '15/01/2025')
         .replace(/\{\{dateFin\}\}/g, '17/01/2025')
         .replace(/\{\{lieu\}\}/g, 'Salle de formation A - Bâtiment principal')
-        .replace(/\{\{formateur\}\}/g, 'Jean Martin');
+        .replace(/\{\{formateur\}\}/g, 'Jean Martin')
+        .replace(/\{\{datesHTML\}\}/g, '<div class="date-item"><strong>Date 1 :</strong> lundi 15 janvier 2025</div><div class="date-item"><strong>Date 2 :</strong> mardi 16 janvier 2025</div>');
     };
 
     const bodyWithVars = formData.bodyContent ? replaceVariables(formData.bodyContent) : `
@@ -469,6 +470,15 @@ export default function AdminEmailTemplates() {
                   <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>
               </div>
 
               {/* Éditeur WYSIWYG TipTap */}
@@ -588,7 +598,7 @@ export default function AdminEmailTemplates() {
               <DialogTitle>Aperçu de l'email final</DialogTitle>
               <DialogDescription>
                 Cet aperçu montre comment l'email apparaîtra avec des données d'exemple.
-                Les variables (nomApprenant, nomFormation, etc.) sont remplacées par des valeurs de test.
+                Les variables (nomApprenant, nomFormation, datesHTML, etc.) sont remplacées par des valeurs de test.
               </DialogDescription>
             </DialogHeader>
             <div className="border rounded-lg overflow-hidden bg-gray-50">
diff --git a/todo.md b/todo.md
index 7c996d5..8f9c48e 100644
--- a/todo.md
+++ b/todo.md
@@ -953,3 +953,10 @@
 - [x] Identifier pourquoi {{prenomApprenant}} n'est pas remplacé (affiche "Cher(e) {{prenomApprenant}} monroe")
 - [x] Corriger le remplacement des variables dans l'email de confirmation (mise à jour du bodyContent du template)
 - [ ] Tester l'envoi d'un email de confirmation avec les bonnes variables
+
+## Ajout du bouton {{datesHTML}} dans les templates d'emails
+
+- [x] Localiser l'interface AdminEmailTemplates
+- [x] Ajouter le bouton pour insérer {{datesHTML}} dans la liste des variables disponibles
+- [x] Ajouter le remplacement de {{datesHTML}} dans la prévisualisation
+- [ ] Tester l'insertion de la variable dans un template