- création de compte par admin envoie un email avec lien de définition (7j), bouton "Reset mdp" pour renvoyer un lien (24h). Plus aucun admin ne peut modifier directement le mdp d'un user (tout passe par les liens email). - nouvelle page /password-set publique (validation token, formulaire, hash bcrypt) au style aligné sur /login, avec emails multipart texte+HTML. - nouvelle page /profile (changement mdp avec ancien, reset 2FA, avatar, infos), accessible via dropdown sur le widget user en bas de sidebar. - restriction d'accès par utilisateur : champ allowed_classes dans auth.yaml, multi-select dans la page Users, filtrage cross-page (KPIs, sanctions, classes, apprentis, navigations cross-page, génération PDF avis). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
68 lines
3 KiB
HTML
68 lines
3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Activation de votre compte EPTM</title>
|
|
</head>
|
|
<body style="margin:0;padding:24px;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#1f2937;">
|
|
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:560px;margin:0 auto;background:#ffffff;border-radius:10px;border:1px solid #e5e7eb;">
|
|
<tr>
|
|
<td style="padding:28px 32px 8px 32px;">
|
|
<h1 style="margin:0 0 8px 0;font-size:20px;color:#1e293b;">Bienvenue {name},</h1>
|
|
<p style="margin:0;color:#475569;font-size:14px;">Un compte a été créé pour vous sur <strong>EPTM Dashboard</strong>.</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding:8px 32px;">
|
|
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="background:#f1f5f9;border-radius:6px;width:100%;">
|
|
<tr>
|
|
<td style="padding:10px 14px;font-size:13px;color:#334155;">
|
|
<strong>Identifiant :</strong> {username}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding:16px 32px;">
|
|
<p style="margin:0 0 16px 0;font-size:14px;color:#475569;">
|
|
Pour activer votre compte, définissez votre mot de passe :
|
|
</p>
|
|
<p style="margin:0 0 12px 0;text-align:center;">
|
|
<a href="{link}" style="display:inline-block;padding:12px 24px;background:#dc000e;color:#ffffff;text-decoration:none;border-radius:6px;font-weight:600;font-size:14px;">
|
|
Définir mon mot de passe
|
|
</a>
|
|
</p>
|
|
<p style="margin:16px 0 0 0;font-size:12px;color:#94a3b8;text-align:center;">
|
|
Ou copiez ce lien dans votre navigateur :<br>
|
|
<a href="{link}" style="color:#dc000e;word-break:break-all;">{link}</a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding:0 32px 16px 32px;">
|
|
<p style="margin:0;font-size:12px;color:#94a3b8;text-align:center;">
|
|
Lien valable jusqu'au <strong>{expiry}</strong> ({ttl_human}).
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding:8px 32px 24px 32px;">
|
|
<p style="margin:0;font-size:13px;color:#475569;background:#fef3c7;padding:12px 14px;border-radius:6px;border:1px solid #fcd34d;">
|
|
🔐 À votre prochaine connexion, l'application vous demandera de configurer un second facteur d'authentification (TOTP) via une application comme Google Authenticator, Authy, 1Password ou Microsoft Authenticator.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding:0 32px 28px 32px;border-top:1px solid #e5e7eb;">
|
|
<p style="margin:16px 0 4px 0;font-size:12px;color:#94a3b8;">
|
|
Si vous n'êtes pas à l'origine de cette demande, ignorez cet email.
|
|
</p>
|
|
<p style="margin:0;font-size:12px;color:#94a3b8;">
|
|
Cordialement,<br>L'équipe EPTM
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|