**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
44 lines
996 B
Markdown
44 lines
996 B
Markdown
# 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` :
|
|
|
|
```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.
|