183 lines
5.4 KiB
Markdown
183 lines
5.4 KiB
Markdown
# Récapitulatif des modifications - Mode Démo
|
|
|
|
**Date :** 15 octobre 2025
|
|
|
|
## 🎯 Objectif
|
|
Implémenter le mode démo pour les sections **Virements salaires** et **Salariés** de l'application Espace Paie Odentas.
|
|
|
|
## ✅ Modifications effectuées
|
|
|
|
### 1. Virements salaires - Masquage des RIB Odentas
|
|
|
|
**Fichier modifié :** `app/(app)/virements-salaires/page.tsx`
|
|
|
|
#### Changements :
|
|
- ✅ Ajout d'une condition `isDemoMode` dans le modal "En savoir plus"
|
|
- ✅ Masquage des coordonnées bancaires d'Odentas (Bénéficiaire, IBAN, BIC)
|
|
- ✅ Affichage d'un message "Mode démonstration" avec texte explicatif
|
|
- ✅ Conservation du texte informatif sur le compte bancaire
|
|
|
|
#### Comportement :
|
|
- **En mode normal** : Affichage complet des coordonnées avec boutons de copie
|
|
- **En mode démo** : Bloc grisé avec message "Les coordonnées bancaires sont masquées"
|
|
|
|
---
|
|
|
|
### 2. Salariés - Données fictives et page démo
|
|
|
|
#### 2.1 API Salariés (`app/api/salaries/route.ts`)
|
|
|
|
**Modifications :**
|
|
- ✅ Ajout de la détection du mode démo au début de la fonction GET
|
|
- ✅ Retour de 5 salariés fictifs en mode démo
|
|
- ✅ Filtrage par recherche fonctionnel sur les données fictives
|
|
- ✅ Pagination des résultats fictifs
|
|
- ✅ Pas d'appel à Supabase en mode démo
|
|
|
|
**Salariés fictifs créés :**
|
|
```
|
|
1. MARTIN Alice - Comédien - Transat connecté
|
|
2. DUBOIS Pierre - Metteur en scène - Non connecté
|
|
3. LEROY Sophie - Danseur - Transat connecté
|
|
4. BERNARD Marc - Technicien son - Non connecté
|
|
5. GARCIA Elena - Costumière - Transat connecté
|
|
```
|
|
|
|
#### 2.2 Page de liste (`app/(app)/salaries/page.tsx`)
|
|
|
|
**Modifications :**
|
|
- ✅ Import du hook `useDemoMode`
|
|
- ✅ Utilisation du hook pour détecter le mode démo
|
|
- ✅ Passage du paramètre `isDemoMode` au hook `useSalaries`
|
|
- ✅ Redirection vers `/salaries/demo` pour tous les salariés en mode démo
|
|
- ✅ Affichage des données fictives depuis l'API
|
|
|
|
**Comportement :**
|
|
- **Mode normal** : Lien vers `/salaries/{matricule}` (fiche individuelle)
|
|
- **Mode démo** : Tous les liens vers `/salaries/demo` (fiche démo unique)
|
|
|
|
#### 2.3 Page démo unique (`app/(app)/salaries/demo/page.tsx`)
|
|
|
|
**Nouvelle page créée avec :**
|
|
|
|
##### Bandeau d'information
|
|
- Indication claire du mode démonstration
|
|
- Design cohérent avec les autres pages démo
|
|
|
|
##### Salarié fictif de référence
|
|
```
|
|
Nom : Marie MARTIN (née DUPONT)
|
|
Matricule : DEMO-SAL-2024
|
|
Civilité : Mme
|
|
Date de naissance : 15/05/1990
|
|
Email : marie.martin@demo.fr
|
|
Téléphone : 06 12 34 56 78
|
|
Statut : Transat connecté
|
|
```
|
|
|
|
##### Sections d'information
|
|
1. **Informations personnelles**
|
|
- Civilité, prénom, nom, pseudo
|
|
- Date et lieu de naissance
|
|
- Statuts (mineur, résident français)
|
|
|
|
2. **Coordonnées**
|
|
- Email, téléphone, adresse
|
|
|
|
3. **Informations administratives**
|
|
- NIR (masqué : ●●●●●●●●●●)
|
|
- Congés spectacles
|
|
- Justificatifs
|
|
|
|
4. **Informations bancaires**
|
|
- IBAN (masqué : ●●●●●●●●●●)
|
|
- BIC (masqué : ●●●●●●●●●●)
|
|
- Message explicatif sur le masquage
|
|
|
|
5. **Contrats associés**
|
|
- 3 contrats fictifs (2024)
|
|
- Types variés (CDDU mono et multi-mois)
|
|
- Liens vers `/contrats/demo`
|
|
|
|
##### Protection des données sensibles
|
|
- NIR masqué
|
|
- IBAN masqué
|
|
- BIC masqué
|
|
- Message explicatif sur la confidentialité
|
|
|
|
---
|
|
|
|
## 🔧 Configuration requise
|
|
|
|
### Variables d'environnement
|
|
```bash
|
|
DEMO_MODE=true
|
|
NEXT_PUBLIC_DEMO_MODE=true
|
|
```
|
|
|
|
### Activation du mode démo
|
|
```bash
|
|
# Dans .env.local
|
|
DEMO_MODE=true
|
|
NEXT_PUBLIC_DEMO_MODE=true
|
|
```
|
|
|
|
---
|
|
|
|
## 📝 Documentation créée
|
|
|
|
1. **MODE_DEMO_SALARIES.md** - Guide détaillé de l'implémentation des salariés fictifs
|
|
2. **RECAP_MODIFICATIONS_MODE_DEMO.md** - Ce document (récapitulatif global)
|
|
|
|
---
|
|
|
|
## 🎨 Cohérence avec l'existant
|
|
|
|
Les modifications suivent les mêmes principes que :
|
|
- `/contrats/demo` - Page démo des contrats
|
|
- Autres sections en mode démo de l'application
|
|
- Design system de l'application (Tailwind CSS)
|
|
- Patterns de masquage des données sensibles
|
|
|
|
---
|
|
|
|
## 🧪 Tests recommandés
|
|
|
|
### Virements salaires
|
|
- [ ] Vérifier que le modal "En savoir plus" s'ouvre
|
|
- [ ] Confirmer que les RIB sont masqués en mode démo
|
|
- [ ] Vérifier que les RIB s'affichent en mode normal
|
|
|
|
### Salariés
|
|
- [ ] Vérifier l'affichage des 5 salariés fictifs
|
|
- [ ] Tester la recherche (nom, email, matricule)
|
|
- [ ] Cliquer sur un salarié et vérifier la redirection vers `/salaries/demo`
|
|
- [ ] Vérifier que les données sensibles sont masquées (NIR, IBAN, BIC)
|
|
- [ ] Tester les liens vers les contrats (doivent pointer vers `/contrats/demo`)
|
|
|
|
---
|
|
|
|
## 📊 Résumé des fichiers modifiés
|
|
|
|
| Fichier | Type | Description |
|
|
|---------|------|-------------|
|
|
| `app/(app)/virements-salaires/page.tsx` | Modifié | Masquage des RIB dans le modal |
|
|
| `app/api/salaries/route.ts` | Modifié | Ajout du mode démo dans l'API |
|
|
| `app/(app)/salaries/page.tsx` | Modifié | Liste avec données fictives et redirection |
|
|
| `app/(app)/salaries/demo/page.tsx` | Créé | Page démo unique pour tous les salariés |
|
|
| `MODE_DEMO_SALARIES.md` | Créé | Documentation détaillée |
|
|
| `RECAP_MODIFICATIONS_MODE_DEMO.md` | Créé | Ce récapitulatif |
|
|
|
|
---
|
|
|
|
## ✨ Prochaines étapes possibles
|
|
|
|
- [ ] Ajouter plus de salariés fictifs (10-15)
|
|
- [ ] Implémenter le mode démo pour d'autres sections
|
|
- [ ] Ajouter des tooltips explicatifs
|
|
- [ ] Créer une page d'aide sur le mode démo
|
|
|
|
---
|
|
|
|
**Statut :** ✅ Implémenté et fonctionnel
|
|
**Environnement testé :** Développement local (localhost:3000)
|