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
This commit is contained in:
43
docs/screenshot-titres-bleus.md
Normal file
43
docs/screenshot-titres-bleus.md
Normal file
@@ -0,0 +1,43 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user