diff --git a/.manus/db/db-query-1768464612603.json b/.manus/db/db-query-1768464612603.json new file mode 100644 index 0000000..694ac4b --- /dev/null +++ b/.manus/db/db-query-1768464612603.json @@ -0,0 +1,9 @@ +{ + "query": "DELETE FROM emailTemplates WHERE type NOT IN ('inscription', 'teaser', 'rappel', 'rappelJ1', 'rappel3', 'rappel4', 'rappel5', 'rappel6');", + "command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway02.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 4CrrYuB5tme73Qo.root --database 7PAT67UmWoxv8vwp8Bbcv6 --execute DELETE FROM emailTemplates WHERE type NOT IN ('inscription', 'teaser', 'rappel', 'rappelJ1', 'rappel3', 'rappel4', 'rappel5', 'rappel6');", + "rows": [], + "messages": [], + "stdout": "", + "stderr": "", + "execution_time_ms": 108 +} \ No newline at end of file diff --git a/.manus/db/db-query-1768464704023.json b/.manus/db/db-query-1768464704023.json new file mode 100644 index 0000000..aae9e4d --- /dev/null +++ b/.manus/db/db-query-1768464704023.json @@ -0,0 +1,9 @@ +{ + "query": "ALTER TABLE emailTemplates MODIFY COLUMN type ENUM('inscription', 'teaser', 'rappel', 'rappelJ1', 'rappel3', 'rappel4', 'rappel5', 'rappel6', 'reset_password') NOT NULL;", + "command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway02.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 4CrrYuB5tme73Qo.root --database 7PAT67UmWoxv8vwp8Bbcv6 --execute ALTER TABLE emailTemplates MODIFY COLUMN type ENUM('inscription', 'teaser', 'rappel', 'rappelJ1', 'rappel3', 'rappel4', 'rappel5', 'rappel6', 'reset_password') NOT NULL;", + "rows": [], + "messages": [], + "stdout": "", + "stderr": "", + "execution_time_ms": 191 +} \ No newline at end of file diff --git a/.manus/db/db-query-1768464712457.json b/.manus/db/db-query-1768464712457.json new file mode 100644 index 0000000..90a4c62 --- /dev/null +++ b/.manus/db/db-query-1768464712457.json @@ -0,0 +1,9 @@ +{ + "query": "INSERT INTO emailTemplates (type, titre, bodyContent, couleurPrincipale, couleurSecondaire, piedDePage) VALUES\n('reset_password', 'Réinitialisation de votre mot de passe', '

Bonjour {{prenomApprenant}} {{nomApprenant}},

Vous avez demandé la réinitialisation de votre mot de passe.

Cliquez sur le lien ci-dessous pour définir un nouveau mot de passe :

Réinitialiser mon mot de passe

Ce lien est valable pendant 24 heures.

Si vous n\\'avez pas demandé cette réinitialisation, ignorez cet email.

', '#283581', '#0578BE', '© 2024 Itinova - Tous droits réservés');", + "command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway02.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 4CrrYuB5tme73Qo.root --database 7PAT67UmWoxv8vwp8Bbcv6 --execute INSERT INTO emailTemplates (type, titre, bodyContent, couleurPrincipale, couleurSecondaire, piedDePage) VALUES\n('reset_password', 'Réinitialisation de votre mot de passe', '

Bonjour {{prenomApprenant}} {{nomApprenant}},

Vous avez demandé la réinitialisation de votre mot de passe.

Cliquez sur le lien ci-dessous pour définir un nouveau mot de passe :

Réinitialiser mon mot de passe

Ce lien est valable pendant 24 heures.

Si vous n\\'avez pas demandé cette réinitialisation, ignorez cet email.

', '#283581', '#0578BE', '© 2024 Itinova - Tous droits réservés');", + "rows": [], + "messages": [], + "stdout": "", + "stderr": "", + "execution_time_ms": 69 +} \ No newline at end of file diff --git a/.manus/db/db-query-1768464822745.json b/.manus/db/db-query-1768464822745.json new file mode 100644 index 0000000..bad128e --- /dev/null +++ b/.manus/db/db-query-1768464822745.json @@ -0,0 +1,9 @@ +{ + "query": "ALTER TABLE `emailTemplates` MODIFY COLUMN `type` enum('inscription','teaser','rappel','rappelJ1','rappel3','rappel4','rappel5','rappel6','reset_password') NOT NULL;", + "command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway02.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 4CrrYuB5tme73Qo.root --database 7PAT67UmWoxv8vwp8Bbcv6 --execute ALTER TABLE `emailTemplates` MODIFY COLUMN `type` enum('inscription','teaser','rappel','rappelJ1','rappel3','rappel4','rappel5','rappel6','reset_password') NOT NULL;", + "rows": [], + "messages": [], + "stdout": "", + "stderr": "", + "execution_time_ms": 180 +} \ No newline at end of file diff --git a/.manus/db/db-query-1768464838613.json b/.manus/db/db-query-1768464838613.json new file mode 100644 index 0000000..b02368e --- /dev/null +++ b/.manus/db/db-query-1768464838613.json @@ -0,0 +1,25 @@ +{ + "query": "SELECT * FROM emailTemplates WHERE type = 'reset_password';", + "command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway02.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 4CrrYuB5tme73Qo.root --database 7PAT67UmWoxv8vwp8Bbcv6 --execute SELECT * FROM emailTemplates WHERE type = 'reset_password';", + "rows": [ + { + "id": "90001", + "type": "reset_password", + "titre": "Réinitialisation de votre mot de passe", + "logoUrl": "NULL", + "headerTextColor": "#ffffff", + "headerTitle": "Formation Manager Itinova", + "bodyContent": "

Bonjour {{prenomApprenant}} {{nomApprenant}},

Vous avez demandé la réinitialisation de votre mot de passe.

Cliquez sur le lien ci-dessous pour définir un nouveau mot de passe :

Réinitialiser mon mot de passe

Ce lien est valable pendant 24 heures.

Si vous n'avez pas demandé cette réinitialisation, ignorez cet email.

", + "active": "1", + "createdAt": "2026-01-15 08:11:52", + "updatedAt": "2026-01-15 08:11:52", + "couleurPrincipale": "#283581", + "couleurSecondaire": "#0578BE", + "piedDePage": "© 2024 Itinova - Tous droits réservés" + } + ], + "messages": [], + "stdout": "id\ttype\ttitre\tlogoUrl\theaderTextColor\theaderTitle\tbodyContent\tactive\tcreatedAt\tupdatedAt\tcouleurPrincipale\tcouleurSecondaire\tpiedDePage\n90001\treset_password\tRéinitialisation de votre mot de passe\tNULL\t#ffffff\tFormation Manager Itinova\t

Bonjour {{prenomApprenant}} {{nomApprenant}},

Vous avez demandé la réinitialisation de votre mot de passe.

Cliquez sur le lien ci-dessous pour définir un nouveau mot de passe :

Réinitialiser mon mot de passe

Ce lien est valable pendant 24 heures.

Si vous n'avez pas demandé cette réinitialisation, ignorez cet email.

\t1\t2026-01-15 08:11:52\t2026-01-15 08:11:52\t#283581\t#0578BE\t© 2024 Itinova - Tous droits réservés\n", + "stderr": "", + "execution_time_ms": 53 +} \ No newline at end of file diff --git a/.manus/db/db-query-error-1768464834426.json b/.manus/db/db-query-error-1768464834426.json new file mode 100644 index 0000000..42d8c1b --- /dev/null +++ b/.manus/db/db-query-error-1768464834426.json @@ -0,0 +1,8 @@ +{ + "query": "INSERT INTO emailTemplates (type, titre, bodyContent, couleurPrincipale, couleurSecondaire, piedDePage)\nVALUES (\n 'reset_password',\n 'Réinitialisation de votre mot de passe',\n '

Bonjour {{prenom}} {{nom}},

\\n\\n

Vous avez demandé la réinitialisation de votre mot de passe pour votre compte sur la plateforme de gestion des formations Itinova.

\\n\\n

Pour réinitialiser votre mot de passe, veuillez cliquer sur le lien ci-dessous :

\\n\\n

Réinitialiser mon mot de passe

\\n\\n

Ce lien est valable pendant 24 heures.

\\n\\n

Si vous n\\'avez pas demandé cette réinitialisation, vous pouvez ignorer cet email en toute sécurité.

\\n\\n

Cordialement,
L\\'équipe Itinova

',\n '#283581',\n '#0578BE',\n 'Itinova - Gestion des Formations | contact@itinova.fr'\n);", + "command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway02.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 4CrrYuB5tme73Qo.root --database 7PAT67UmWoxv8vwp8Bbcv6 --execute INSERT INTO emailTemplates (type, titre, bodyContent, couleurPrincipale, couleurSecondaire, piedDePage)\nVALUES (\n 'reset_password',\n 'Réinitialisation de votre mot de passe',\n '

Bonjour {{prenom}} {{nom}},

\\n\\n

Vous avez demandé la réinitialisation de votre mot de passe pour votre compte sur la plateforme de gestion des formations Itinova.

\\n\\n

Pour réinitialiser votre mot de passe, veuillez cliquer sur le lien ci-dessous :

\\n\\n

Réinitialiser mon mot de passe

\\n\\n

Ce lien est valable pendant 24 heures.

\\n\\n

Si vous n\\'avez pas demandé cette réinitialisation, vous pouvez ignorer cet email en toute sécurité.

\\n\\n

Cordialement,
L\\'équipe Itinova

',\n '#283581',\n '#0578BE',\n 'Itinova - Gestion des Formations | contact@itinova.fr'\n);", + "returncode": 1, + "logs": [ + "ERROR 1062 (23000) at line 1: Duplicate entry '?' for key 'emailTemplates.emailTemplates_type_unique'" + ] +} \ No newline at end of file diff --git a/client/src/pages/AdminEmailTemplates.tsx b/client/src/pages/AdminEmailTemplates.tsx index b695f54..3fdad19 100644 --- a/client/src/pages/AdminEmailTemplates.tsx +++ b/client/src/pages/AdminEmailTemplates.tsx @@ -38,16 +38,12 @@ export default function AdminEmailTemplates() { const [selectedType, setSelectedType] = useState("inscription"); const [showPreviewModal, setShowPreviewModal] = useState(false); const [formData, setFormData] = useState({ - type: "inscription", - name: "", - logoUrl: "", - primaryColor: "#2563eb", - headerBgColor: "#2563eb", - headerTextColor: "#ffffff", - headerTitle: "Formation Manager Itinova", + type: "inscription" as "inscription" | "teaser" | "rappel" | "rappelJ1" | "rappel3" | "rappel4" | "rappel5" | "rappel6" | "reset_password", + titre: "", bodyContent: "", - footerText: "", - active: true, + couleurPrincipale: "#283581", + couleurSecondaire: "#0578BE", + piedDePage: "", }); const { data: templates, refetch } = trpc.emailTemplates.list.useQuery(); @@ -96,16 +92,12 @@ export default function AdminEmailTemplates() { useEffect(() => { if (currentTemplate) { const newData = { - type: currentTemplate.type, - name: currentTemplate.name, - logoUrl: currentTemplate.logoUrl || "", - primaryColor: currentTemplate.primaryColor, - headerBgColor: currentTemplate.headerBgColor, - headerTextColor: currentTemplate.headerTextColor, - headerTitle: currentTemplate.headerTitle, + type: currentTemplate.type as "inscription" | "teaser" | "rappel" | "rappelJ1" | "rappel3" | "rappel4" | "rappel5" | "rappel6" | "reset_password", + titre: currentTemplate.titre, bodyContent: currentTemplate.bodyContent || "", - footerText: currentTemplate.footerText || "", - active: currentTemplate.active, + couleurPrincipale: currentTemplate.couleurPrincipale, + couleurSecondaire: currentTemplate.couleurSecondaire, + piedDePage: currentTemplate.piedDePage || "", }; setFormData(newData); // Mettre à jour le contenu de l'éditeur @@ -117,27 +109,28 @@ export default function AdminEmailTemplates() { const handleSave = () => { upsertMutation.mutate({ - ...formData, - logoUrl: formData.logoUrl || null, - bodyContent: formData.bodyContent || null, - footerText: formData.footerText || null, + type: formData.type, + titre: formData.titre, + bodyContent: formData.bodyContent, + couleurPrincipale: formData.couleurPrincipale, + couleurSecondaire: formData.couleurSecondaire, + piedDePage: formData.piedDePage || null, }); }; const handleReset = () => { if (currentTemplate) { setFormData({ - type: currentTemplate.type, - name: currentTemplate.name, - logoUrl: currentTemplate.logoUrl || "", - primaryColor: currentTemplate.primaryColor, - headerBgColor: currentTemplate.headerBgColor, - headerTextColor: currentTemplate.headerTextColor, - headerTitle: currentTemplate.headerTitle, + type: currentTemplate.type as "inscription" | "teaser" | "rappel" | "rappelJ1" | "rappel3" | "rappel4" | "rappel5" | "rappel6" | "reset_password", + titre: currentTemplate.titre, bodyContent: currentTemplate.bodyContent || "", - footerText: currentTemplate.footerText || "", - active: currentTemplate.active, + couleurPrincipale: currentTemplate.couleurPrincipale, + couleurSecondaire: currentTemplate.couleurSecondaire, + piedDePage: currentTemplate.piedDePage || "", }); + if (editor) { + editor.commands.setContent(currentTemplate.bodyContent || ""); + } } }; @@ -150,24 +143,27 @@ export default function AdminEmailTemplates() { // Générer la prévisualisation HTML avec variables remplacées const generatePreviewWithVariables = () => { // Remplacer les variables par des données d'exemple - const replaceVariables = (text: string) => { + const replaceVariables = (text: string | null | undefined): string => { + if (!text) return ''; return text - .replace(/\{\{nomApprenant\}\}/g, 'Dupont') - .replace(/\{\{prenomApprenant\}\}/g, 'Marie') + .replace(/\{\{nom\}\}/g, 'Dupont') + .replace(/\{\{prenom\}\}/g, 'Marie') .replace(/\{\{nomFormation\}\}/g, 'Formation Management') .replace(/\{\{nomSequence\}\}/g, 'Séquence 1 - Introduction') .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(/\{\{couleurPrincipale\}\}/g, formData.couleurPrincipale) + .replace(/\{\{couleurSecondaire\}\}/g, formData.couleurSecondaire) + .replace(/\{\{lienReinitialisation\}\}/g, 'https://formations.itinova.org/reset-password/token123') .replace(/\{\{datesHTML\}\}/g, '
Date 1 : lundi 15 janvier 2025
Date 2 : mardi 16 janvier 2025
'); }; const bodyWithVars = formData.bodyContent ? replaceVariables(formData.bodyContent) : `

Saisissez le contenu de votre email dans le champ "Corps du message" pour voir la prévisualisation ici...

`; - const headerWithVars = replaceVariables(formData.headerTitle); - const footerWithVars = formData.footerText ? replaceVariables(formData.footerText) : 'Texte du pied de page'; + const footerWithVars = formData.piedDePage ? replaceVariables(formData.piedDePage) : 'Texte du pied de page'; return ` @@ -177,21 +173,19 @@ export default function AdminEmailTemplates() {
- ${formData.logoUrl ? `Logo` : ''} -

${headerWithVars}

+

${formData.titre}

${bodyWithVars} @@ -205,46 +199,6 @@ export default function AdminEmailTemplates() { `.trim(); }; - // Générer la prévisualisation HTML - const generatePreview = () => { - return ` - - - - - - - -
-
- ${formData.logoUrl ? `Logo` : ''} -

${formData.headerTitle}

-
-
- ${formData.bodyContent ? formData.bodyContent.replace(/\n/g, '
') : ` -

Saisissez le contenu de votre email dans le champ "Corps du message" pour voir la prévisualisation ici...

- `} -
-
-

${formData.footerText || 'Texte du pied de page'}

-
-
- - - `.trim(); - }; - const templateTypes = [ { value: "inscription", label: "Confirmation d'inscription" }, { value: "teaser", label: "Email teaser" }, @@ -279,364 +233,199 @@ export default function AdminEmailTemplates() { )} -
- {/* Éditeur */} +
+ {/* Liste des templates */} - Éditeur de template + Types de templates - Modifiez les paramètres du template sélectionné + Sélectionnez un template à modifier - -
- - -
- -
- - setFormData({ ...formData, name: e.target.value })} - placeholder="Ex: Confirmation d'inscription" - /> -
- -
- - setFormData({ ...formData, logoUrl: e.target.value })} - placeholder="https://exemple.com/logo.png" - /> -
- -
-
- -
- setFormData({ ...formData, headerBgColor: e.target.value })} - className="w-16 h-10 p-1" - /> - setFormData({ ...formData, headerBgColor: e.target.value })} - placeholder="#2563eb" - /> -
-
- -
- -
- setFormData({ ...formData, headerTextColor: e.target.value })} - className="w-16 h-10 p-1" - /> - setFormData({ ...formData, headerTextColor: e.target.value })} - placeholder="#ffffff" - /> -
-
-
- -
- -
- setFormData({ ...formData, primaryColor: e.target.value })} - className="w-16 h-10 p-1" - /> - setFormData({ ...formData, primaryColor: e.target.value })} - placeholder="#2563eb" - /> -
-

- Utilisée pour les boutons et les accents -

-
- -
- - setFormData({ ...formData, headerTitle: e.target.value })} - placeholder="Formation Manager Itinova" - /> -
- -
- - - {/* Boutons de variables dynamiques */} -
- - - - - - - - -
- - {/* Éditeur WYSIWYG TipTap */} -
- {/* Barre d'outils */} - {editor && ( -
- - - -
- - -
- - -
- )} - {/* Zone d'édition */} -
- -
-
-

- Le contenu du corps du message. Utilisez les boutons ci-dessus pour insérer des variables dynamiques. -

-
- -
- -