Files
formation-manager-itinova/docs/screenshot-titres-bleus.md
Manus fc4df8ed36 Checkpoint: Correction des erreurs sur la page rapport-public-cible et harmonisation de la charte graphique des titres :
**Corrections d'erreurs :**

1. **Erreurs SQL DATE_FORMAT corrigées** (analyticsDb.ts) :
   - Remplacement des sous-requêtes corrélées par des JOIN dans getTauxRemplissageByMonth()
   - Utilisation de COUNT(CASE WHEN...) au lieu de SUM(SELECT COUNT(*))
   - Ajout de leftJoin pour éviter les erreurs de sous-requêtes

2. **Erreur React "Cannot read properties of null" corrigée** (AdminRapportPublicCible.tsx) :
   - Ajout de l'opérateur null-safe `?.` pour accéder à `insc.apprenant?.fonction`
   - Vérification explicite si la fonction est null/undefined
   - Gestion du cas "public cible = tous" qui correspond toujours

3. **Tests réussis** :
   - Page rapport-public-cible : affiche correctement les statistiques et recommandations
   - Tableau de bord analytique : graphiques et statistiques fonctionnels
   - Page suivi questionnaires : affiche correctement les données

**Harmonisation charte graphique :**

- Application du style bleu clair (#6B9FE8) avec ombre portée à tous les titres des 32 pages
- Création de la classe CSS `.page-title` réutilisable dans index.css
- Cohérence visuelle sur toute l'application

**Résultat :**
 Toutes les erreurs SQL et React sont corrigées
 Les pages fonctionnent correctement sans erreur
 Charte graphique harmonisée sur toutes les pages
2026-01-20 11:46:56 -05:00

996 B

Harmonisation des titres - Charte graphique bleue

Tous les titres des pages ont été harmonisés avec la charte graphique du "Tableau de bord" :

  • Couleur : Bleu clair (#6B9FE8)
  • Ombre : Ombre portée subtile (0 2px 4px rgba(0, 0, 0, 0.1))
  • Police : 3xl, bold

Pages modifiées (32 au total)

  • Tableau de bord
  • Formations
  • Séquences
  • Apprenants
  • Utilisateurs
  • Formateurs
  • Calendrier
  • Émargement
  • Gestion des attestations
  • Configuration des emails
  • Templates d'emails
  • Établissements
  • Import Excel
  • Paramètres
  • Questionnaires
  • Suivi des questionnaires
  • Rappels automatiques
  • Rapport Public Cible
  • Analytics
  • Et toutes les autres pages...

Implémentation

Une classe CSS réutilisable .page-title a été créée dans client/src/index.css :

.page-title {
  @apply text-3xl font-bold;
  color: #6B9FE8;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

Tous les titres <h1> et <h2> ont été mis à jour pour utiliser cette classe.