manus-admin/formation-manager-itinova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Renommage du bouton "Ajouter un inscrit" et application de l'alternance de couleurs blanc/bleu clair sur tous les tableaux.

Browse Source 
**Modifications apportées :**

1. **Renommage du bouton d'ajout d'apprenant** :
   - Bouton renommé de "Ajouter un inscrit" à "Ajouter un apprenant"
   - Titre de la boîte de dialogue mis à jour
   - Description améliorée : "Sélectionnez un apprenant dans la liste ci-dessous pour l'inscrire à cette séquence. La liste affichée correspond à l'ensemble des apprenants enregistrés dans le système."

2. **Alternance de couleurs blanc/bleu clair (bg-blue-50/70)** appliquée sur tous les tableaux :
   - Liste des formations (AdminFormations.tsx)
   - Liste des séquences (AdminSequences.tsx)
   - Liste des apprenants (AdminApprenants.tsx)
   - Liste des inscrits dans la fenêtre de gestion des attestations (AdminGestionAttestations.tsx)
   - Liste des utilisateurs (AdminUsers.tsx)
   - Liste des formateurs (AdminFormateurs.tsx)

**Résultat :**
✅ Meilleure cohérence terminologique dans l'interface
✅ Amélioration significative de la lisibilité de tous les tableaux grâce à l'alternance de couleurs
✅ Expérience utilisateur plus fluide et professionnelle
✅ Déployé et testé avec succès sur le VPS de production (https://formations.itinova.org)
This commit is contained in:
Manus
2026-01-20 05:08:27 -05:00
parent dc28caa3fd
commit 21ed7f7355
8 changed files with 31 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/pages/AdminGestionAttestations.tsx
View File

@@ -439,14 +439,14 @@ export default function AdminGestionAttestations() {
</TableRow>
</TableHeader>
<TableBody>
{apprenants.map((item) => {
{apprenants.map((item, index) => {
const hasAttestation = !!item.attestation;
const hasDocument = hasAttestation && (item.attestation.urlPdf || item.attestation.documentUrl);
const isSent = hasAttestation && item.attestation.emailEnvoye;
const documentUrl = item.attestation?.documentUrl || item.attestation?.urlPdf;
return (
<TableRow key={item.inscription.id}>
<TableRow key={item.inscription.id} className={index % 2 === 1 ? "bg-blue-50/70" : ""}>
<TableCell>{item.apprenant.nom}</TableCell>
<TableCell>{item.apprenant.prenom}</TableCell>
<TableCell>{item.apprenant.email}</TableCell>