feat: Mise à jour des interfaces mobiles v3.2.3

- Amélioration des interfaces utilisateur sur mobile
- Optimisation de la responsivité des composants Flutter
- Mise à jour des widgets de chat et communication
- Amélioration des formulaires et tableaux
- Ajout de nouveaux composants pour l'administration
- Optimisation des thèmes et styles visuels

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-09-02 20:35:40 +02:00
parent 08f4bff358
commit 43d4cd66e1
2133 changed files with 237004 additions and 173303 deletions

View File

@@ -1,4 +1,4 @@
# GEOSECTOR v2.0
# GEOSECTOR v2.1
🚒 **Application de gestion des distributions de calendriers par secteurs géographiques pour les amicales de pompiers**
@@ -8,15 +8,16 @@
GEOSECTOR est une solution complète développée en Flutter qui révolutionne la gestion des campagnes de distribution de calendriers pour les amicales de pompiers. L'application combine géolocalisation, gestion multi-rôles et synchronisation en temps réel pour optimiser les tournées et maximiser l'efficacité des équipes.
### 🏆 Points forts de la v2.0
### 🏆 Points forts de la v2.1
- **Architecture moderne** sans Provider, basée sur l'injection de dépendances
- **Réactivité native** avec ValueListenableBuilder et Hive
- **Interface adaptative** selon les rôles utilisateur
- **Interface adaptative** selon les rôles utilisateur et la taille d'écran
- **Performance optimisée** avec un ApiService singleton
- **Gestion avancée des permissions** multi-niveaux
- **Gestion d'erreurs centralisée** avec ApiException
- **Interface utilisateur unifiée** avec UserFormDialog réutilisable
- **Interface utilisateur épurée** avec suppression des titres superflus
- **Chat responsive** avec layout adaptatif mobile/desktop
---
@@ -260,8 +261,52 @@ NotificationSettingsAdapter() // typeId: 25
- **UserModel ↔ MembreModel** : Conversion bidirectionnelle via `toUserModel()` et `fromUserModel()`
- **Synchronisation** : Maintien de la cohérence entre les deux représentations
- **Champs spécialisés** : Préservation des données spécifiques à chaque modèle
🎨 Interface utilisateur
Architecture des composants
## 🎨 Interface utilisateur
### 📱 Améliorations v2.1 - Interface épurée et responsive
#### **🎯 Simplification des titres de pages**
La v2.1 a apporté une refonte majeure de l'interface pour maximiser l'espace utile et améliorer l'expérience utilisateur sur tous les écrans :
**Pages avec titres supprimés :**
-`user_history_page.dart` : Historique des passages
-`user_statistics_page.dart` : Statistiques
-`user_map_page.dart` : Carte des passages
-`admin_history_page.dart` : Historique admin
-`admin_statistics_page.dart` : Statistiques admin
-`chat_communication_page.dart` : Interface de chat
**Pages avec titres conservés mais optimisés :**
-`user_dashboard_home_page.dart` : Titre responsive (taille réduite de 28 à 20)
-`admin_dashboard_home_page.dart` : Titre réduit (de headlineSmall à titleLarge) + suppression icône refresh
#### **💬 Chat responsive adaptatif**
Le module de chat (`rooms_page_embedded.dart`) s'adapte automatiquement à la taille d'écran :
**Desktop (>900px) :**
- Layout horizontal : Rooms à gauche (300px), Messages à droite
- Navigation fluide entre les conversations
**Mobile (<900px) :**
- Layout vertical : Rooms en haut (30% hauteur), Messages en bas
- Hauteur adaptative avec contraintes (200-350px)
- Optimisation pour les écrans tactiles
#### **🗺️ Carte avec filtres intégrés**
La carte des passages (`user_map_page.dart`) a été repensée :
- **Carte plein écran** : Utilisation maximale de l'espace disponible
- **Filtres en overlay** : 6 pastilles colorées en bas à gauche
- **Design minimaliste** :
- Pastille vive = filtre actif
- Pastille semi-transparente (alpha 0.3) = filtre inactif
- Sans labels pour économiser l'espace
- Container blanc arrondi avec ombre pour regrouper les pastilles
### Architecture des composants
UserFormDialog - Modale unifiée
Réutilisabilité : Même widget pour "Mon Compte" et "Gestion des Membres"
Personnalisation contextuelle :
@@ -1679,3 +1724,37 @@ sequenceDiagram
- **Gestion d'erreurs** : Rollback automatique en cas d'échec du traitement
Cette architecture garantit une synchronisation robuste et performante lors de la création d'opérations, en maintenant la cohérence des données tout en optimisant l'expérience utilisateur. 🚀
---
## 📝 Changelog
### v2.1 (Janvier 2025)
#### **Interface utilisateur**
- 🎨 **Suppression des titres de pages** pour maximiser l'espace utile
- Pages utilisateur : historique, statistiques, carte
- Pages admin : historique, statistiques
- Module de chat
- 📱 **Chat responsive** avec layout adaptatif
- Desktop : disposition horizontale rooms/messages
- Mobile : disposition verticale avec hauteur adaptative
- 🗺 **Carte optimisée**
- Mode plein écran
- Filtres en pastilles colorées overlay (bas gauche)
- Design minimaliste sans labels
- 📏 **Titres responsive** sur dashboards
- Tailles adaptées aux petits écrans
- Suppression des éléments superflus (icône refresh)
#### **Corrections de bugs**
- Fix backdrop persistant après fermeture de PassageFormDialog
- Fix contexte Navigator pour dialogs (rootNavigator: false)
- Fix responsive des titres sur petits écrans
### v2.0 (Décembre 2024)
- 🏗 Architecture moderne sans Provider
- 💾 Optimisation cache Hive
- 🔐 Normes NIST pour les identifiants
- 📊 Système de logging intelligent
- 🎯 Pattern Dialog Auto-Gérée