formation-manager-itinova/todo.md

# Gestion des Formations Manager Itinova - TODO

## Phase 1 : Planification et initialisation
- [x] Initialiser le projet avec architecture full-stack
- [x] Créer le plan de développement
- [x] Créer le fichier todo.md

## Phase 2 : Modèle de données
- [x] Créer la table des formations (nom, description, lien unique)
- [x] Créer la table des sessions (dates, lieu, capacité max 12, statut blocage J-15)
- [x] Créer la table des inscriptions (apprenant, session, statut)
- [x] Créer la table des apprenants (nom, prénom, email, code établissement)
- [x] Implémenter les relations entre tables
- [x] Ajouter les contraintes d'unicité pour éviter les doubles inscriptions

## Phase 3 : Interface d'administration
- [x] Créer le dashboard administrateur avec navigation
- [x] Créer l'interface de gestion des formations (CRUD)
- [x] Créer l'interface de gestion des sessions (CRUD)
- [x] Créer l'interface de gestion des apprenants (CRUD)
- [x] Afficher les listes d'inscrits par session
- [x] Implémenter la gestion des rôles (admin DRH, responsable, stagiaire)

## Phase 4 : Système d'inscription
- [x] Créer la page d'inscription publique avec lien unique par formation
- [x] Implémenter la validation de capacité maximale (12 participants)
- [x] Implémenter la validation anti-double inscription
- [x] Implémenter le blocage des inscriptions/désinscriptions à J-15
- [x] Créer le système de liste d'attente si session complète
- [x] Afficher les sessions disponibles avec places restantes

## Phase 5 : Invitations et emails automatiques
- [x] Implémenter la génération d'invitations Outlook (.ics) avec statut " occupé "
- [x] Inclure le lieu de formation dans les invitations
- [x] Créer le système d'envoi d'emails automatiques
- [x] Créer le template email de confirmation d'inscription
- [x] Créer le template email teaser pour chaque groupe
- [x] Créer le template email de rappel à J-7
- [x] Implémenter l'envoi automatique des emails selon les événements

## Phase 6 : Exports
- [x] Implémenter l'export Excel des listes d'inscrits par session
- [x] Implémenter l'export PDF des listes d'inscrits par session
- [x] Créer la génération de feuille de présence PDF (nom, prénom, code établissement)
- [x] Ajouter les boutons d'export dans l'interface admin

## Phase 7 : Tests et documentation
- [x] Tester le flux complet d'inscription
- [x] Tester les validations et contraintes
- [x] Tester la génération des invitations et emails
- [x] Tester les exports PDF/Excel
- [x] Créer la documentation utilisateur
- [x] Créer la documentation d'administration

## P## Phase 8 : Livraison
- [x] Vérifier toutes les fonctionnalités
- [x] Créer un checkpoint final
- [x] Présenter l'application à l'utilisateur

## Corrections à apporter

- [x] Corriger la mise à jour de la liste des apprenants après inscription
- [x] Implémenter l'envoi effectif des emails de confirmation

## Nouvelles fonctionnalités

- [x] Ajouter des filtres de tri sur la page des sessions (date, lieu, places restantes)
- [x] Ajouter des filtres de recherche sur la page des formations
- [x] Ajouter des filtres de recherche sur la page des apprenants

- [x] Ajouter des filtres complets sur la page de gestion des inscrits (recherche, statut, établissement, tri par date)

- [x] Ajouter le champ "Fonction" (Directeur, Chef de service, Autre) dans la fiche apprenant
- [x] Mettre à jour le schéma de base de données
- [x] Mettre à jour les formulaires d'inscription et de gestion
- [x] Ajouter la fonction dans les exports PDF/Excel

## Améliorations supplémentaires

- [x] Ajouter un filtre par fonction sur la page des apprenants
- [x] Ajouter un filtre par fonction sur la page des inscrits
- [x] Créer des statistiques de répartition par fonction sur le tableau de bord
- [x] Ajouter des graphiques de visualisation des données
- [x] Personnaliser les templates d'emails avec la fonction de l'apprenant

## Refonte : Sessions → Séquences avec dates multiples

- [x] Renommer "Session" en "Séquence" dans le schéma de base de données
- [x] Créer une table pour gérer jusqu'à 4 dates par séquence
- [x] Mettre à jour toutes les procédures tRPC pour utiliser "séquence"
- [x] Renommer toutes les interfaces et pages (AdminSessions → AdminSequences)
- [x] Adapter le formulaire de création/édition pour gérer 4 dates
- [x] Mettre à jour la page d'inscription pour afficher toutes les dates d'une séquence
- [x] Modifier la logique d'inscription pour inscrire à toutes les dates
- [x] Mettre à jour les exports PDF/Excel avec toutes les dates
- [x] Adapter les emails pour inclure toutes les dates de la séquence
- [x] Mettre à jour les invitations Outlook pour créer 4 événements si nécessaire
- [x] Renommer partout dans l'interface utilisateur (labels, titres, descriptions)

## Corrections urgentes

- [x] Corriger l'erreur React "Cannot update a component while rendering" dans Home.tsx

- [x] Corriger le bug de modification des horaires des séquences

- [x] Corriger le décalage d'une heure lors de l'enregistrement des dates (15h00 saisi devient 16h00 en base)
- [x] Corriger la mise à jour du nombre d'inscrits sur la page d'inscription publique

- [x] Corriger le décalage d'une heure entre la saisie et l'affichage des dates de séquences

- [x] Corriger le décalage d'une heure à l'affichage des dates (problème de formatage lors de la récupération)

- [x] Corriger les fonctions formatDate pour gérer les objets Date JavaScript en plus des chaînes MySQL

- [x] Forcer le fuseau horaire Europe/Paris dans la connexion MySQL pour éliminer le décalage d'une heure

- [x] Corriger le décalage horaire persistant dans parseLocalDateTime (09:48 envoyé devient 10:48 en base)

- [x] Corriger l'erreur "toISOString is not a function" lors de la modification de séquences

- [x] Ajouter le champ "Public cible" dans la fiche formation avec liste déroulante (Directeur, Chef de service, Autre)
- [x] Mettre à jour le schéma de base de données pour les formations
- [x] Mettre à jour les formulaires de gestion des formations
- [x] Afficher le public cible dans les listes et exports

- [x] Déplacer le champ "Public cible" des formations vers les séquences
- [x] Retirer publicCible du schéma formations
- [x] Ajouter publicCible au schéma sequences
- [x] Mettre à jour les procédures tRPC pour sequences
- [x] Mettre à jour le formulaire de création/édition de séquences
- [x] Afficher le public cible dans la liste des séquences
- [x] Afficher le public cible par séquence sur la page d'inscription publique

- [x] Corriger le formulaire de modification des séquences pour afficher le champ Public cible

## Bugs critiques à corriger

- [x] La validation d'une inscription ne fonctionne pas (déjà corrigé dans la version restaurée)
- [x] Lorsqu'un apprenant s'inscrit, il n'apparaît pas dans la liste des apprenants (déjà corrigé dans la version restaurée)

## Nouvelle fonctionnalité - Alerte public cible

- [x] Analyser le code d'inscription pour identifier où ajouter l'alerte
- [x] Implémenter la logique de vérification du public cible dans le formulaire d'inscription
- [x] Afficher une alerte d'information (non bloquante) si le public cible ne correspond pas
- [x] Tester l'alerte avec différents scénarios (correspondance, non-correspondance)

## Inclusion du public cible dans les exports

- [x] Analyser le code des exports Excel et PDF
- [x] Ajouter le public cible dans l'export Excel des listes d'inscrits
- [x] Ajouter le public cible dans l'export PDF des listes d'inscrits
- [x] Ajouter le public cible dans l'export PDF des feuilles de présence
- [x] Tester tous les exports pour vérifier l'affichage correct

## Ajout du filtre par public cible

- [x] Analyser la page AdminSequences pour comprendre le système de filtres existant
- [x] Ajouter un état pour le filtre publicCible
- [x] Ajouter le composant Select pour le filtre publicCible dans l'interface
- [x] Implémenter la logique de filtrage par public cible
- [x] Tester le filtre avec différentes valeurs

## Badges de couleur pour le public cible

- [x] Créer un composant Badge pour afficher le public cible avec des couleurs distinctes
- [x] Intégrer le Badge dans le tableau des séquences (AdminSequences)
- [x] Intégrer le Badge dans la page des inscrits (AdminSequenceInscrits)
- [x] Tester l'affichage des badges avec différents publics cibles

## Rapport d'analyse public cible vs fonction appre- [x] Créer une nouvelle page AdminRapportPublicCible
- [x] Ajouter la route dans App.tsx
- [x] Ajouter un lien dans le menu de navigation (DashboardLayout- [x] Créer une procédure tRPC pour récupérer les données d'analyse
- [x] Implémenter la logique de comparaison public cible vs fonction apprenants
- [x] Afficher les statistiques et écarts dans l'interface
- [x] Tester le rapport avec différentes données

## Gestion des utilisateurs de l'application

- [x] Analyser le schéma actuel de la table users
- [x] Ajouter les champs nécessaires (statut actif/inactif, date de création compte)
- [x] Créer les procédures tRPC pour la gestion des utilisateurs (liste, création, modification, désactivation)
- [x] Créer la page AdminUsers avec tableau des utilisateurs
- [x] Implémenter le formulaire de création d'utilisateur
- [x] Implémenter le formulaire de modification d'utilisateur
- [x] Ajouter la fonctionnalité d'activation/désactivation des comptes
- [x] Ajouter des filtres de recherche (nom, email, rôle, statut)
- [x] Ajouter la gestion des rôles (admin, user)
- [x] Intégrer la page dans le menu de navigation
- [x] Tester toutes les fonctionnalités de gestion des utilisateurs

## Ajout de la fonctionnalité de création d'utilisateurs

- [x] Ajouter une procédure tRPC pour créer un nouvel utilisateur
- [x] Ajouter un bouton "Ajouter un utilisateur" dans la page AdminUsers
- [x] Créer un dialogue de création avec formulaire (nom, email, rôle)
- [x] Tester la création d'un nouvel utilisateur

## Réinitialisation de mot de passe

- [x] Créer une table password_reset_tokens dans le schéma
- [x] Ajouter les fonctions de gestion des tokens dans db.ts
- [x] Créer une procédure tRPC pour générer un token et envoyer l'email
- [x] Ajouter un bouton "Réinitialiser le mot de passe" dans AdminUsers
- [x] Créer un dialogue de confirmation pour la réinitialisation
- [x] Tester la génération de token et l'envoi d'email

## Correction affichage menu latéral

- [x] Intégrer la page AdminUsers dans le DashboardLayout
- [x] Vérifier l'affichage du menu latéral sur la page utilisateurs

## Correction de l'envoi d'emails pour réinitialisation de mot de passe

- [x] Analyser le service d'envoi d'emails actuel
- [x] Rechercher l'API d'envoi d'emails disponible dans Manus
- [x] Intégrer un vrai service d'envoi d'emails (Resend)
- [x] Créer la documentation de configuration EMAIL_SETUP.md

## Interface de personnalisation des templates d'emails

- [x] Créer la table email_templates dans le schéma
- [x] Créer les procédures backend pour CRUD des templates
- [x] Créer la page AdminEmailTemplates
- [x] Implémenter l'éditeur de template (logo, couleurs, textes)
- [x] Ajouter la prévisualisation en temps réel
- [x] Modifier le service d'envoi pour utiliser les templates personnalisés
- [x] Ajouter le lien dans le menu de navigation
- [x] Tester la personnalisation et l'envoi avec templates personnalisés

## Configuration SMTP via interface

- [x] Créer la table email_config dans le schéma
- [x] Créer les procédures backend pour CRUD de la configuration
- [x] Ajouter une procédure de test d'envoi d'email
- [x] Modifier le service d'envoi pour utiliser la config en base
- [x] Créer la page AdminEmailConfig
- [x] Implémenter le formulaire de configuration (API key, email expéditeur, mode)
- [x] Ajouter le test d'envoi immédiat avec feedback
- [x] Ajouter la validation de domaine
- [x] Ajouter le basculement simulation/production
- [x] Ajouter le lien dans le menu de navigation
- [x] Tester la configuration et l'envoi d'emails

## Amélioration disposition formulaire modification séquences

- [x] Réorganiser les champs du formulaire pour éviter tout chevauchement
- [x] Ajouter les champs Public cible et Formateur dans le formulaire de modification
- [x] Séparer Public cible et Formateur sur une ligne dédiée
- [x] Tester la disposition sur différentes tailles d'écran

## Correction bug FormateurCombobox

- [x] Recréer le fichier FormateurCombobox.tsx manquant
- [x] Ajouter l'import de FormateurCombobox dans AdminSequences.tsx
- [x] Redémarrer le serveur pour détecter le nouveau fichier

## Recréation des fichiers manquants

- [x] Recréer le composant CapacityProgressBar avec barre de progression colorée
- [x] Recréer la page AdminCalendrier avec vue calendrier mensuel
- [x] Recréer la page AdminRappels avec gestion des rappels automatiques
- [x] Intégrer CapacityProgressBar dans AdminSequences
- [x] Redémarrer le serveur pour détecter tous les nouveaux fichiers
- [ ] Vérifier que tous les imports et routes sont corrects
- [ ] Créer un checkpoint complet avec toutes les fonctionnalités

## Correction affichage page calendrier

- [x] Ajouter la route /admin/calendrier dans App.tsx
- [x] Ajouter la route /admin/rappels dans App.tsx
- [x] Ajouter le lien "Calendrier" dans DashboardLayout
- [x] Ajouter le lien "Rappels" dans DashboardLayout
- [x] Ajouter les imports CalendarDays et Bell
- [x] Redémarrer le serveur
- [x] Tester l'accès aux pages calendrier et rappels

## Vérification des trois fonctionnalités principales

- [x] Vérifier que CapacityProgressBar est bien utilisé dans AdminSequences
- [x] Vérifier que la page AdminCalendrier existe et est accessible
- [x] Vérifier que la page AdminRappels existe et est accessible
- [x] Ajouter les procédures tRPC manquantes pour les rappels
- [x] Créer un rapport de vérification complet

## Corrections de bugs - Calendrier et taux de remplissage

- [x] Corriger l'affichage des séquences dans le calendrier de novembre (seq.dates au lieu de seq.datesFormation)
- [x] Vérifier la logique de filtrage des séquences par mois dans AdminCalendrier
- [x] Corriger le calcul du taux de remplissage (ajout de nbInscrits dans sequences.list)
- [x] Vérifier que sequences.list retourne bien le nombre d'inscrits

## Correction bug calendrier - parseISO

- [x] Corriger l'erreur "e.split is not a function" dans AdminCalendrier
- [x] Ajouter une vérification du type de dateDebut avant parseISO
- [x] Gérer le cas où dateDebut est déjà un objet Date ou une chaîne

## Trois corrections demandées

- [x] Ajouter "Tous" dans la liste des publics cible du formulaire "Nouvelle séquence"
- [x] Ajouter "Tous" dans les fonctions de badge et label
- [x] Corriger le composant Progress pour supporter indicatorClassName
- [x] Corriger les couleurs de la barre de progression (vert/orange/rouge) selon le taux de remplissage
- [x] Compléter les informations des séquences affichées dans le calendrier (lieu, formateur, nb inscrits)

## Trois nouvelles corrections

- [x] Ajouter le champ formateur dans le formulaire "Nouvelle séquence"
- [x] Modifier le placeholder du formateur : "Sélectionner un formateur" (déjà correct par défaut)
- [x] Afficher le nom de la séquence ET le nom de la formation dans le calendrier

## Vérification des trois corrections

- [ ] Vérifier que le champ formateur apparaît bien dans le formulaire "Nouvelle séquence"
- [ ] Vérifier le texte du placeholder du formateur
- [ ] Vérifier que le nom de la séquence ET le nom de la formation apparaissent dans le calendrier
- [ ] Corriger les problèmes trouvés

## Corrections affichage nom de formation dans calendrier

- [x] Modifier getSequences() pour récupérer les informations de formation via jointure
- [x] Créer getSequencesWithFormation() pour éviter les conflits avec le spread operator
- [x] Mettre à jour la procédure sequences.list pour utiliser getSequencesWithFormation()
- [x] Corriger AdminCalendrier.tsx pour utiliser formation.nom au lieu de formation.titre
- [x] Vérifier que le placeholder du FormateurCombobox est correct (sans "(optionnel)")
- [x] Tester l'affichage du nom de formation dans le calendrier
- [x] Tester l'affichage du nom de formation dans le dialog de détails

## Corrections affichage formateur

- [x] Corriger le placeholder "Sélectionner un formateur (optionnel)" en "Sélectionner un formateur" dans le formulaire de modification de séquence
- [x] Ajouter l'affichage du formateur dans la liste des séquences (AdminSequences)
- [x] Tester les modifications

## Nettoyage de la table utilisateurs

- [x] Vérifier les utilisateurs existants dans la base de données
- [x] Supprimer tous les utilisateurs sauf les 4 spécifiés (IDs: 1110110, 2010001, 2040001, 2070001)
- [x] Vérifier que la suppression a réussi

## Correction erreur formateurs.create

- [x] Identifier le code qui appelle formateurs.create
- [x] Ajouter la procédure formateurs.create manquante dans le routeur
- [x] Tester la correction

## Correction affichage du formateur dans les séquences
- [x] Vérifier comment getSequencesWithFormation récupère les informations du formateur
- [x] Corriger la jointure pour inclure les données du formateur
- [x] Vérifier l'affichage dans AdminSequences.tsx
- [x] Ajouter formateurId dans le schéma de validation de sequences.create
- [x] Ajouter formateurId dans le schéma de validation de sequences.update
- [x] Corriger le schéma Zod pour accepter null (formateurId: z.number().nullable().optional())
- [x] Modifier FormateurCombobox pour stocker l'ID au lieu du nom
- [x] Tester les modifications dans la liste et dans le dialog de modification

## Améliorations des feuilles de présence

- [x] Copier le logo Itinova dans le dossier public du projet
- [x] Ajouter le logo Itinova en haut à droite de chaque page de feuille de présence
- [x] Ajouter le nom du formateur dans l'en-tête de la feuille de présence
- [x] Modifier le tableau pour avoir deux signatures par apprenant et par journée (matin et après-midi)
- [x] Mettre à jour l'interface FeuillePresenceInfo pour inclure le formateur
- [x] Tester la génération des feuilles de présence avec toutes les modifications

## Signature du formateur sur les feuilles de présence

- [x] Ajouter un champ de signature pour le formateur en bas de chaque page de feuille de présence

## Détail par apprenant

- [x] Créer une procédure tRPC pour récupérer toutes les inscriptions d'un apprenant avec les informations de formation et séquence
- [x] Créer la page AdminApprenantDetail affichant la liste des inscriptions par apprenant
- [x] Ajouter un bouton "Détail par apprenant" dans la page AdminApprenants
- [x] Ajouter la route /admin/apprenants/:id dans App.tsx
- [x] Tester l'affichage des détails d'un apprenant

## Problème de création excessive d'utilisateurs

- [x] Analyser la table users pour identifier les utilisateurs en double
- [x] Examiner le code d'authentification OAuth
- [x] Identifier la cause de la création excessive d'utilisateurs
- [x] Corriger le problème
- [x] Tester la correction

## Identifiant de connexion et modification du mot de passe

- [ ] Ajouter le champ username (identifiant de connexion) dans le schéma de la base de données
- [ ] Générer et appliquer la migration de la base de données
- [x] Mettre à jour les procédures tRPC pour gérer username et password
- [ ] Afficher l'identifiant de connexion dans la liste des utilisateurs
- [ ] Permettre la modification de l'identifiant et du mot de passe dans la fenêtre d'édition
- [x] Tester les modifications

## Utilisateur administrateur spécial

- [x] Créer l'utilisateur "adminServFormation" avec mot de passe "Itinova69!" dans la base de données
- [x] Modifier l'interface pour désactiver le bouton de suppression pour cet utilisateur
- [x] Modifier le formulaire d'édition pour rendre les champs nom, email et identifiant en lecture seule pour cet utilisateur
- [x] Tester les modifications

## Email modifiable pour administrateur

- [x] Modifier l'interface pour rendre le champ email modifiable pour l'utilisateur adminServFormation
- [x] Tester la modification

## Authentification locale avec username/password

- [x] Créer la route d'authentification locale dans le backend (POST /api/auth/local/login)
- [x] Créer la page de connexion locale avec formulaire username/password
- [x] Ajouter la route /login dans App.tsx
- [x] Créer un lien vers la page de login depuis la page d'accueil
- [x] Écrire des tests pour l'authentification locale
- [x] Tester la connexion avec adminServFormation/Itinova69!

## Ajouter un lien visible vers la connexion locale

- [x] Modifier la page d'accueil pour afficher un bouton "Connexion locale"
- [x] Tester l'accès à la page de connexion locale depuis la page d'accueil

## Corriger la redirection de /login vers OAuth

- [x] Identifier pourquoi /login redirige vers OAuth au lieu d'afficher le formulaire local
- [x] Corriger la page Login.tsx pour empêcher la redirection automatique
- [x] Tester que /login affiche bien le formulaire username/password

## Désactiver la redirection OAuth pour /login

- [ ] Identifier le middleware qui force la redirection vers OAuth
- [ ] Exclure la route /login de la redirection automatique
- [ ] Tester que /login affiche bien le formulaire local même après publication

## Créer une page de choix de connexion

- [ ] Créer une page LoginChoice avec boutons "Connexion Manus" et "Connexion locale"
- [ ] Modifier les routes pour afficher cette page en premier
- [ ] Tester le choix et les redirections

## Créer une page de choix de connexion

- [x] Créer une page LoginChoice avec boutons "Connexion Manus" et "Connexion locale"
- [x] Modifier les routes pour afficher cette page en premier
- [x] Tester le choix et les redirections

## Correction redirection après déconnexion

- [x] Modifier la procédure de déconnexion pour rediriger vers la page de choix (/)
- [x] Tester la déconnexion et vérifier la redirection

## Correction page de choix au lancement

- [x] Analyser pourquoi la page de choix ne s'affiche pas au lancement
- [x] Corriger la redirection automatique
- [x] Tester l'affichage de la page de choix

## Sauvegarde complète avec corrections authentification

- [x] Appliquer toutes les corrections d'authentification locale
- [x] Créer un checkpoint final
- [x] Créer un package de déploiement complet

## Configuration HTTPS avec Let's Encrypt

- [x] Créer le guide de configuration HTTPS complet
- [x] Créer le script d'installation automatique de nginx et certbot
- [x] Créer la configuration nginx optimisée
- [x] Créer le script de renouvellement automatique des certificats
- [x] Tester la configuration HTTPS

## Ajout du logo Itinova sur la page de choix de connexion

- [ ] Modifier la page LoginChoice pour afficher le logo en haut
- [ ] Tester l'affichage du logo

## Script de correction VPS

- [ ] Créer un script de correction complet pour appliquer toutes les modifications sur le VPS
- [ ] Tester le script

## Correction interface templates d'emails

- [x] Permettre la modification du corps du message dans les templates d'emails

## Correction erreur 403 sur application publiée

- [x] Identifier la cause de l'erreur 403 après publication de la version avec bodyContent
- [x] Corriger le problème (ajout bodyContent dans routers.ts et db.ts)
- [x] Tester l'accès public à l'application

## Amélioration prévisualisation templates d'emails

- [x] Modifier la prévisualisation pour afficher le contenu saisi dans "Corps du message" en temps réel

## Amélioration éditeur de templates d'emails

- [x] Installer React Quill (éditeur WYSIWYG)
- [x] Intégrer l'éditeur dans AdminEmailTemplates
- [x] Ajouter des boutons pour insérer des variables dynamiques ({{nomApprenant}}, {{nomFormation}}, {{dateDebut}}, etc.)
- [x] Tester l'éditeur et la prévisualisation