Checkpoint: Implémentation de trois fonctionnalités majeures :
1. Personnalisation des templates d'emails avec variables {{lieu}} et {{formateur}} (déjà disponible)
2. Aperçu avant envoi avec données réelles d'un apprenant (modal avec iframe)
3. Email de rappel J-1 avec bouton d'envoi et d'aperçu
Les templates personnalisés supportent maintenant toutes les variables disponibles.
L'aperçu permet de vérifier le rendu final avant l'envoi groupé.
Le rappel J-1 complète le système de communication avec les apprenants.
This commit is contained in:
Manus Sandbox
176
server/emailPreview.ts
Normal file
176
server/emailPreview.ts
Normal file
@@ -0,0 +1,176 @@
|
||||
/**
|
||||
* Génération d'aperçus d'emails avec données réelles
|
||||
*/
|
||||
|
||||
import * as db from "./db";
|
||||
import { generateEmailFromTemplate } from "./emailTemplateGenerator";
|
||||
|
||||
export interface EmailPreviewParams {
|
||||
sequenceId: number;
|
||||
type: 'teaser' | 'rappel' | 'rappel_j1';
|
||||
apprenantId?: number; // Si non fourni, prendre le premier apprenant inscrit
|
||||
}
|
||||
|
||||
export async function generateEmailPreview(params: EmailPreviewParams): Promise<{
|
||||
html: string;
|
||||
subject: string;
|
||||
recipient: {
|
||||
email: string;
|
||||
nom: string;
|
||||
prenom: string;
|
||||
};
|
||||
}> {
|
||||
// Récupérer la séquence
|
||||
const sequence = await db.getSequenceById(params.sequenceId);
|
||||
if (!sequence) {
|
||||
throw new Error('Séquence non trouvée');
|
||||
}
|
||||
|
||||
// Récupérer la formation
|
||||
const formation = await db.getFormationById(sequence.formationId);
|
||||
if (!formation) {
|
||||
throw new Error('Formation non trouvée');
|
||||
}
|
||||
|
||||
// Récupérer les dates
|
||||
const dates = await db.getDatesBySequence(sequence.id);
|
||||
if (dates.length === 0) {
|
||||
throw new Error('Aucune date trouvée pour cette séquence');
|
||||
}
|
||||
|
||||
// Récupérer le formateur si disponible
|
||||
let formateurNom: string | undefined;
|
||||
if (sequence.formateurId) {
|
||||
const formateur = await db.getFormateurById(sequence.formateurId);
|
||||
formateurNom = formateur?.nom;
|
||||
}
|
||||
|
||||
// Récupérer un apprenant inscrit
|
||||
const inscriptions = await db.getInscriptionsBySequence(params.sequenceId);
|
||||
const confirmedInscriptions = inscriptions.filter(i => i.inscription.statut === 'confirmee' && i.apprenant);
|
||||
|
||||
if (confirmedInscriptions.length === 0) {
|
||||
throw new Error('Aucun apprenant confirmé trouvé pour cette séquence');
|
||||
}
|
||||
|
||||
// Utiliser l'apprenant spécifié ou le premier de la liste
|
||||
let selectedInscription = confirmedInscriptions[0];
|
||||
if (params.apprenantId) {
|
||||
const found = confirmedInscriptions.find(i => i.apprenant!.id === params.apprenantId);
|
||||
if (found) {
|
||||
selectedInscription = found;
|
||||
}
|
||||
}
|
||||
|
||||
const apprenant = selectedInscription.apprenant!;
|
||||
|
||||
// Préparer les données pour l'email
|
||||
const fonctionLabel = apprenant.fonction === 'directeur' ? 'Directeur' :
|
||||
apprenant.fonction === 'chef_service' ? 'Chef de service' : '';
|
||||
const salutation = fonctionLabel ? `${fonctionLabel} ${apprenant.prenom} ${apprenant.nom}` : apprenant.prenom;
|
||||
|
||||
const datesHTML = dates.map(date => `
|
||||
<div class="date-item">
|
||||
<strong>Date ${date.ordre} :</strong> ${new Date(date.dateDebut).toLocaleDateString('fr-FR', {
|
||||
weekday: 'long',
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric'
|
||||
})}
|
||||
</div>
|
||||
`).join('');
|
||||
|
||||
// Générer le contenu selon le type
|
||||
let content: string;
|
||||
let subject: string;
|
||||
|
||||
if (params.type === 'teaser') {
|
||||
content = `
|
||||
<h2>Votre formation approche !</h2>
|
||||
<p>Bonjour ${salutation},</p>
|
||||
|
||||
<p>Nous sommes ravis de vous accueillir prochainement pour la formation <strong>${formation.nom}</strong>.</p>
|
||||
|
||||
<div class="info-box">
|
||||
<p><strong>Séquence :</strong> ${sequence.nom}</p>
|
||||
<h4>Dates :</h4>
|
||||
${datesHTML}
|
||||
${sequence.lieu ? `<p><strong>Lieu :</strong> ${sequence.lieu}</p>` : ''}
|
||||
${formateurNom ? `<p><strong>Formateur :</strong> ${formateurNom}</p>` : ''}
|
||||
</div>
|
||||
|
||||
<p>Préparez-vous à vivre une expérience enrichissante qui vous permettra de développer vos compétences managériales.</p>
|
||||
|
||||
<p>À très bientôt !</p>
|
||||
`;
|
||||
subject = `Votre formation ${formation.nom} approche !`;
|
||||
} else if (params.type === 'rappel') {
|
||||
// Rappel J-7
|
||||
content = `
|
||||
<h2>Rappel : Votre formation commence bientôt !</h2>
|
||||
<p>Bonjour ${salutation},</p>
|
||||
|
||||
<p>Nous vous rappelons que votre formation <strong>${formation.nom}</strong> commence dans une semaine.</p>
|
||||
|
||||
<div class="info-box">
|
||||
<p><strong>Séquence :</strong> ${sequence.nom}</p>
|
||||
<h4>Dates :</h4>
|
||||
${datesHTML}
|
||||
${sequence.lieu ? `<p><strong>Lieu :</strong> ${sequence.lieu}</p>` : ''}
|
||||
${formateurNom ? `<p><strong>Formateur :</strong> ${formateurNom}</p>` : ''}
|
||||
</div>
|
||||
|
||||
<p>N'oubliez pas d'apporter le matériel nécessaire et de vous présenter à l'heure indiquée.</p>
|
||||
|
||||
<p>À très bientôt !</p>
|
||||
`;
|
||||
subject = `Rappel J-7 : Formation ${formation.nom}`;
|
||||
} else {
|
||||
// Rappel J-1
|
||||
content = `
|
||||
<h2>Rappel : Votre formation commence demain !</h2>
|
||||
<p>Bonjour ${salutation},</p>
|
||||
|
||||
<p>Nous vous rappelons que votre formation <strong>${formation.nom}</strong> commence <strong>demain</strong>.</p>
|
||||
|
||||
<div class="info-box">
|
||||
<p><strong>Séquence :</strong> ${sequence.nom}</p>
|
||||
<h4>Dates :</h4>
|
||||
${datesHTML}
|
||||
${sequence.lieu ? `<p><strong>Lieu :</strong> ${sequence.lieu}</p>` : ''}
|
||||
${formateurNom ? `<p><strong>Formateur :</strong> ${formateurNom}</p>` : ''}
|
||||
</div>
|
||||
|
||||
<p><strong>Merci de vous présenter à l'heure indiquée.</strong></p>
|
||||
<p>N'oubliez pas d'apporter le matériel nécessaire.</p>
|
||||
|
||||
<p>À demain !</p>
|
||||
`;
|
||||
subject = `Rappel J-1 : Formation ${formation.nom} - C'est demain !`;
|
||||
}
|
||||
|
||||
// Préparer les variables
|
||||
const variables = {
|
||||
nomApprenant: apprenant.nom,
|
||||
prenomApprenant: apprenant.prenom,
|
||||
nomFormation: formation.nom,
|
||||
nomSequence: sequence.nom,
|
||||
dateDebut: new Date(dates[0].dateDebut).toLocaleDateString('fr-FR'),
|
||||
dateFin: new Date(dates[dates.length - 1].dateFin).toLocaleDateString('fr-FR'),
|
||||
lieu: sequence.lieu || '',
|
||||
formateur: formateurNom || '',
|
||||
};
|
||||
|
||||
// Générer le HTML final avec le template
|
||||
const html = await generateEmailFromTemplate(params.type === 'teaser' ? 'teaser' : 'rappel', content, variables);
|
||||
|
||||
return {
|
||||
html,
|
||||
subject,
|
||||
recipient: {
|
||||
email: apprenant.email,
|
||||
nom: apprenant.nom,
|
||||
prenom: apprenant.prenom,
|
||||
},
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user