Checkpoint: Restauration des boutons d'ajout de balises dans la gestion des templates d'emails.

**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
This commit is contained in:
Manus
2026-01-19 12:15:29 -05:00
parent b925117d76
commit dc28caa3fd
2 changed files with 102 additions and 1 deletions

View File

@@ -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>