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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user