refactor(#93): homogénéiser la présentation des onglets admin

Uniformise les 4 onglets de gestion admin avec des composants UI partagés (header, états de liste, carte utilisateur) pour garantir une expérience cohérente sans changement backend.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/lib/widgets/admin/admin_management_widget.dart

@@ -1,6 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:p_tits_pas/models/user.dart';
 import 'package:p_tits_pas/services/user_service.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_list_header.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_list_state.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_user_card.dart';
 
 class AdminManagementWidget extends StatefulWidget {
   const AdminManagementWidget({super.key});
@@ -69,71 +72,51 @@ class _AdminManagementWidgetState extends State<AdminManagementWidget> {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.stretch,
         children: [
-          Row(
+          AdminListHeader(
-            children: [
+            searchController: _searchController,
-              Expanded(
+            searchHint: 'Rechercher un administrateur...',
-                child: TextField(
+            actionLabel: 'Créer un admin',
-                  controller: _searchController,
+            onActionPressed: () {
-                  decoration: const InputDecoration(
+              // TODO: Créer admin
-                    hintText: "Rechercher un administrateur...",
+            },
-                    prefixIcon: Icon(Icons.search),
-                    border: OutlineInputBorder(),
-                  ),
-                ),
-              ),
-              const SizedBox(width: 16),
-              ElevatedButton.icon(
-                onPressed: () {
-                  // TODO: Créer admin
-                },
-                icon: const Icon(Icons.add),
-                label: const Text("Créer un admin"),
-              ),
-            ],
           ),
-          const SizedBox(height: 24),
+          const SizedBox(height: 16),
-          if (_isLoading)
+          AdminListState(
-            const Center(child: CircularProgressIndicator())
+            isLoading: _isLoading,
-          else if (_error != null)
+            error: _error,
-            Center(child: Text('Erreur: $_error', style: const TextStyle(color: Colors.red)))
+            isEmpty: _filteredAdmins.isEmpty,
-          else if (_filteredAdmins.isEmpty)
+            emptyMessage: 'Aucun administrateur trouvé.',
-            const Center(child: Text("Aucun administrateur trouvé."))
+            list: ListView.builder(
-          else
+              itemCount: _filteredAdmins.length,
-            Expanded(
+              itemBuilder: (context, index) {
-              child: ListView.builder(
+                final user = _filteredAdmins[index];
-                itemCount: _filteredAdmins.length,
+                return AdminUserCard(
-                itemBuilder: (context, index) {
+                  title: user.fullName,
-                  final user = _filteredAdmins[index];
+                  subtitleLines: [
-                  return Card(
+                    user.email,
-                    margin: const EdgeInsets.only(bottom: 12),
+                    'Rôle : ${user.role}',
-                    child: ListTile(
+                  ],
-                      leading: CircleAvatar(
+                  avatarUrl: user.photoUrl,
-                        child: Text(user.fullName.isNotEmpty
+                  actions: [
-                            ? user.fullName[0].toUpperCase()
+                    IconButton(
-                            : 'A'),
+                      icon: const Icon(Icons.edit),
-                      ),
+                      tooltip: 'Modifier',
-                      title: Text(user.fullName.isNotEmpty
+                      onPressed: () {
-                          ? user.fullName
+                        // TODO: Modifier admin
-                          : 'Sans nom'),
+                      },
-                      subtitle: Text(user.email),
-                      trailing: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          IconButton(
-                            icon: const Icon(Icons.edit),
-                            onPressed: () {},
-                          ),
-                          IconButton(
-                            icon: const Icon(Icons.delete),
-                            onPressed: () {},
-                          ),
-                        ],
-                      ),
                     ),
-                  );
+                    IconButton(
-                },
+                      icon: const Icon(Icons.delete),
-              ),
+                      tooltip: 'Supprimer',
-            )
+                      onPressed: () {
+                        // TODO: Supprimer admin
+                      },
+                    ),
+                  ],
+                );
+              },
+            ),
+          ),
         ],
       ),
     );

frontend/lib/widgets/admin/assistante_maternelle_management_widget.dart

@@ -1,6 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:p_tits_pas/models/assistante_maternelle_model.dart';
 import 'package:p_tits_pas/services/user_service.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_list_header.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_list_state.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_user_card.dart';
 
 class AssistanteMaternelleManagementWidget extends StatefulWidget {
   const AssistanteMaternelleManagementWidget({super.key});
@@ -79,90 +82,68 @@ class _AssistanteMaternelleManagementWidgetState
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          // 🔎 Zone de filtre
+          AdminListHeader(
-          _buildFilterSection(),
+            searchController: _zoneController,
-
+            searchHint: 'Rechercher une zone géographique...',
+            filters: _buildFilters(),
+          ),
           const SizedBox(height: 16),
-
+          AdminListState(
-          // 📋 Liste des assistantes
+            isLoading: _isLoading,
-          if (_isLoading)
+            error: _error,
-            const Center(child: CircularProgressIndicator())
+            isEmpty: _filteredAssistantes.isEmpty,
-          else if (_error != null)
+            emptyMessage: 'Aucune assistante maternelle trouvée.',
-            Center(child: Text('Erreur: $_error', style: const TextStyle(color: Colors.red)))
+            list: ListView.builder(
-          else if (_filteredAssistantes.isEmpty)
+              itemCount: _filteredAssistantes.length,
-            const Center(child: Text("Aucune assistante maternelle trouvée."))
+              itemBuilder: (context, index) {
-          else
+                final assistante = _filteredAssistantes[index];
-            Expanded(
+                return AdminUserCard(
-              child: ListView.builder(
+                  title: assistante.user.fullName,
-                itemCount: _filteredAssistantes.length,
+                  avatarUrl: assistante.user.photoUrl,
-                itemBuilder: (context, index) {
+                  fallbackIcon: Icons.face,
-                  final assistante = _filteredAssistantes[index];
+                  subtitleLines: [
-                  return Card(
+                    assistante.user.email,
-                    margin: const EdgeInsets.symmetric(vertical: 8),
+                    'N° Agrément : ${assistante.approvalNumber ?? 'N/A'}',
-                    child: ListTile(
+                    'Zone : ${assistante.residenceCity ?? 'N/A'} | Capacité : ${assistante.maxChildren ?? 0}',
-                      leading: CircleAvatar(
+                  ],
-                        backgroundImage: assistante.user.photoUrl != null
+                  actions: [
-                            ? NetworkImage(assistante.user.photoUrl!)
+                    IconButton(
-                            : null,
+                      icon: const Icon(Icons.edit),
-                        child: assistante.user.photoUrl == null
+                      tooltip: 'Modifier',
-                            ? const Icon(Icons.face)
+                      onPressed: () {
-                            : null,
+                        // TODO: Ajouter modification
-                      ),
+                      },
-                      title: Text(assistante.user.fullName.isNotEmpty
-                          ? assistante.user.fullName
-                          : 'Sans nom'),
-                      subtitle: Text(
-                          "N° Agrément : ${assistante.approvalNumber ?? 'N/A'}\nZone : ${assistante.residenceCity ?? 'N/A'} | Capacité : ${assistante.maxChildren ?? 0}"),
-                      trailing: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          IconButton(
-                            icon: const Icon(Icons.edit),
-                            onPressed: () {
-                              // TODO: Ajouter modification
-                            },
-                          ),
-                          IconButton(
-                            icon: const Icon(Icons.delete),
-                            onPressed: () {
-                              // TODO: Ajouter suppression
-                            },
-                          ),
-                        ],
-                      ),
                     ),
-                  );
+                    IconButton(
-                },
+                      icon: const Icon(Icons.delete),
-              ),
+                      tooltip: 'Supprimer',
+                      onPressed: () {
+                        // TODO: Ajouter suppression
+                      },
+                    ),
+                  ],
+                );
+              },
             ),
+          ),
         ],
       ),
     );
   }
 
-  Widget _buildFilterSection() {
+  Widget _buildFilters() {
     return Wrap(
       spacing: 16,
       runSpacing: 8,
       children: [
         SizedBox(
-          width: 200,
+          width: 240,
-          child: TextField(
-            controller: _zoneController,
-            decoration: const InputDecoration(
-              labelText: "Zone géographique",
-              border: OutlineInputBorder(),
-              prefixIcon: Icon(Icons.location_on),
-            ),
-          ),
-        ),
-        SizedBox(
-          width: 200,
           child: TextField(
             controller: _capacityController,
             decoration: const InputDecoration(
-              labelText: "Capacité minimum",
+              labelText: 'Capacité minimum',
               border: OutlineInputBorder(),
+              isDense: true,
             ),
             keyboardType: TextInputType.number,
           ),

frontend/lib/widgets/admin/common/admin_list_header.dart

@@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+
+class AdminListHeader extends StatelessWidget {
+  final TextEditingController searchController;
+  final String searchHint;
+  final String? actionLabel;
+  final VoidCallback? onActionPressed;
+  final Widget? filters;
+
+  const AdminListHeader({
+    super.key,
+    required this.searchController,
+    required this.searchHint,
+    this.actionLabel,
+    this.onActionPressed,
+    this.filters,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      children: [
+        Row(
+          children: [
+            Expanded(
+              child: TextField(
+                controller: searchController,
+                decoration: InputDecoration(
+                  hintText: searchHint,
+                  prefixIcon: const Icon(Icons.search),
+                  border: const OutlineInputBorder(),
+                  isDense: true,
+                  contentPadding: const EdgeInsets.symmetric(
+                    horizontal: 12,
+                    vertical: 12,
+                  ),
+                ),
+              ),
+            ),
+            if (actionLabel != null && onActionPressed != null) ...[
+              const SizedBox(width: 16),
+              ElevatedButton.icon(
+                onPressed: onActionPressed,
+                icon: const Icon(Icons.add),
+                label: Text(actionLabel!),
+              ),
+            ],
+          ],
+        ),
+        if (filters != null) ...[
+          const SizedBox(height: 12),
+          filters!,
+        ],
+      ],
+    );
+  }
+}

frontend/lib/widgets/admin/common/admin_list_state.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+
+class AdminListState extends StatelessWidget {
+  final bool isLoading;
+  final String? error;
+  final bool isEmpty;
+  final String emptyMessage;
+  final Widget list;
+
+  const AdminListState({
+    super.key,
+    required this.isLoading,
+    required this.error,
+    required this.isEmpty,
+    required this.emptyMessage,
+    required this.list,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    if (isLoading) {
+      return const Expanded(
+        child: Center(child: CircularProgressIndicator()),
+      );
+    }
+
+    if (error != null) {
+      return Expanded(
+        child: Center(
+          child: Text(
+            'Erreur: $error',
+            style: const TextStyle(color: Colors.red),
+            textAlign: TextAlign.center,
+          ),
+        ),
+      );
+    }
+
+    if (isEmpty) {
+      return Expanded(
+        child: Center(
+          child: Text(emptyMessage),
+        ),
+      );
+    }
+
+    return Expanded(child: list);
+  }
+}

frontend/lib/widgets/admin/common/admin_user_card.dart

@@ -0,0 +1,40 @@
+import 'package:flutter/material.dart';
+
+class AdminUserCard extends StatelessWidget {
+  final String title;
+  final List<String> subtitleLines;
+  final String? avatarUrl;
+  final IconData fallbackIcon;
+  final List<Widget> actions;
+
+  const AdminUserCard({
+    super.key,
+    required this.title,
+    required this.subtitleLines,
+    this.avatarUrl,
+    this.fallbackIcon = Icons.person,
+    this.actions = const [],
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      margin: const EdgeInsets.only(bottom: 12),
+      child: ListTile(
+        leading: CircleAvatar(
+          backgroundImage: avatarUrl != null ? NetworkImage(avatarUrl!) : null,
+          child: avatarUrl == null ? Icon(fallbackIcon) : null,
+        ),
+        title: Text(title.isNotEmpty ? title : 'Sans nom'),
+        subtitle: Text(subtitleLines.join('\n')),
+        isThreeLine: subtitleLines.length > 1,
+        trailing: actions.isEmpty
+            ? null
+            : Row(
+                mainAxisSize: MainAxisSize.min,
+                children: actions,
+              ),
+      ),
+    );
+  }
+}

frontend/lib/widgets/admin/gestionnaire_card.dart

@@ -1,75 +0,0 @@
-import 'package:flutter/material.dart';
-
-class GestionnaireCard extends StatelessWidget {
-  final String name;
-  final String email;
-
-  const GestionnaireCard({
-    Key? key,
-    required this.name,
-    required this.email,
-  }) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return Card(
-      margin: const EdgeInsets.only(bottom: 12),
-      child: Padding(
-        padding: const EdgeInsets.all(16),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            // 🔹 Infos principales
-            Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
-                Text(name, style: const TextStyle(fontWeight: FontWeight.bold)),
-                Text(email, style: const TextStyle(color: Colors.grey)),
-              ],
-            ),
-            const SizedBox(height: 12),
-
-            // 🔹 Attribution à des RPE (dropdown fictif ici)
-            Row(
-              children: [
-                const Text("RPE attribué : "),
-                const SizedBox(width: 8),
-                DropdownButton<String>(
-                  value: "RPE 1",
-                  items: const [
-                    DropdownMenuItem(value: "RPE 1", child: Text("RPE 1")),
-                    DropdownMenuItem(value: "RPE 2", child: Text("RPE 2")),
-                    DropdownMenuItem(value: "RPE 3", child: Text("RPE 3")),
-                  ],
-                  onChanged: (value) {},
-                ),
-              ],
-            ),
-            const SizedBox(height: 12),
-
-            // 🔹 Boutons d'action
-            Row(
-              children: [
-                TextButton.icon(
-                  onPressed: () {
-                    // Réinitialisation mot de passe
-                  },
-                  icon: const Icon(Icons.lock_reset),
-                  label: const Text("Réinitialiser MDP"),
-                ),
-                const SizedBox(width: 12),
-                TextButton.icon(
-                  onPressed: () {
-                    // Suppression du compte
-                  },
-                  icon: const Icon(Icons.delete, color: Colors.red),
-                  label: const Text("Supprimer", style: TextStyle(color: Colors.red)),
-                ),
-              ],
-            )
-          ],
-        ),
-      ),
-    );
-  }
-}

frontend/lib/widgets/admin/parent_managmant_widget.dart

@@ -1,6 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:p_tits_pas/models/parent_model.dart';
 import 'package:p_tits_pas/services/user_service.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_list_header.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_list_state.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_user_card.dart';
 
 class ParentManagementWidget extends StatefulWidget {
   const ParentManagementWidget({super.key});
@@ -59,14 +62,9 @@ class _ParentManagementWidgetState extends State<ParentManagementWidget> {
       _filteredParents = _parents.where((p) {
         final matchesName = p.user.fullName.toLowerCase().contains(query) ||
             p.user.email.toLowerCase().contains(query);
-        final matchesStatus = _selectedStatus == null ||
+        final matchesStatus =
-            _selectedStatus == 'Tous' ||
+            _selectedStatus == null || p.user.statut == _selectedStatus;
-            (p.user.statut?.toLowerCase() == _selectedStatus?.toLowerCase());
+
-        
-        // Mapping simple pour le statut affiché vs backend
-        // Backend: en_attente, actif, suspendu
-        // Dropdown: En attente, Actif, Suspendu
-        
         return matchesName && matchesStatus;
       }).toList();
     });
@@ -79,113 +77,103 @@ class _ParentManagementWidgetState extends State<ParentManagementWidget> {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          _buildSearchSection(),
+          AdminListHeader(
+            searchController: _searchController,
+            searchHint: 'Rechercher un parent...',
+            filters: _buildFilters(),
+          ),
           const SizedBox(height: 16),
-          if (_isLoading)
+          AdminListState(
-            const Center(child: CircularProgressIndicator())
+            isLoading: _isLoading,
-          else if (_error != null)
+            error: _error,
-            Center(child: Text('Erreur: $_error', style: const TextStyle(color: Colors.red)))
+            isEmpty: _filteredParents.isEmpty,
-          else if (_filteredParents.isEmpty)
+            emptyMessage: 'Aucun parent trouvé.',
-            const Center(child: Text("Aucun parent trouvé."))
+            list: ListView.builder(
-          else
+              itemCount: _filteredParents.length,
-            Expanded(
+              itemBuilder: (context, index) {
-              child: ListView.builder(
+                final parent = _filteredParents[index];
-                itemCount: _filteredParents.length,
+                return AdminUserCard(
-                itemBuilder: (context, index) {
+                  title: parent.user.fullName,
-                  final parent = _filteredParents[index];
+                  avatarUrl: parent.user.photoUrl,
-                  return Card(
+                  subtitleLines: [
-                    margin: const EdgeInsets.symmetric(vertical: 8),
+                    parent.user.email,
-                    child: ListTile(
+                    'Statut : ${_displayStatus(parent.user.statut)}',
-                      leading: CircleAvatar(
+                    'Enfants : ${parent.childrenCount}',
-                        backgroundImage: parent.user.photoUrl != null
+                  ],
-                            ? NetworkImage(parent.user.photoUrl!)
+                  actions: [
-                            : null,
+                    IconButton(
-                        child: parent.user.photoUrl == null
+                      icon: const Icon(Icons.visibility),
-                            ? const Icon(Icons.person)
+                      tooltip: 'Voir dossier',
-                            : null,
+                      onPressed: () {
-                      ),
+                        // TODO: Voir le statut du dossier
-                      title: Text(parent.user.fullName.isNotEmpty
+                      },
-                          ? parent.user.fullName
-                          : 'Sans nom'),
-                      subtitle: Text(
-                        "${parent.user.email}\nStatut : ${parent.user.statut ?? 'Inconnu'} | Enfants : ${parent.childrenCount}",
-                      ),
-                      isThreeLine: true,
-                      trailing: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          IconButton(
-                            icon: const Icon(Icons.visibility),
-                            tooltip: "Voir dossier",
-                            onPressed: () {
-                              // TODO: Voir le statut du dossier
-                            },
-                          ),
-                          IconButton(
-                            icon: const Icon(Icons.edit),
-                            tooltip: "Modifier",
-                            onPressed: () {
-                              // TODO: Modifier parent
-                            },
-                          ),
-                          IconButton(
-                            icon: const Icon(Icons.delete),
-                            tooltip: "Supprimer",
-                            onPressed: () {
-                              // TODO: Supprimer compte
-                            },
-                          ),
-                        ],
-                      ),
                     ),
-                  );
+                    IconButton(
-                },
+                      icon: const Icon(Icons.edit),
-              ),
+                      tooltip: 'Modifier',
+                      onPressed: () {
+                        // TODO: Modifier parent
+                      },
+                    ),
+                    IconButton(
+                      icon: const Icon(Icons.delete),
+                      tooltip: 'Supprimer',
+                      onPressed: () {
+                        // TODO: Supprimer compte
+                      },
+                    ),
+                  ],
+                );
+              },
             ),
+          ),
         ],
       ),
     );
   }
 
-  Widget _buildSearchSection() {
+  Widget _buildFilters() {
-    return Wrap(
+    return SizedBox(
-      spacing: 16,
+      width: 240,
-      runSpacing: 8,
+      child: DropdownButtonFormField<String?>(
-      children: [
+        decoration: const InputDecoration(
-        SizedBox(
+          labelText: 'Statut',
-          width: 220,
+          border: OutlineInputBorder(),
-          child: TextField(
+          isDense: true,
-            controller: _searchController,
-            decoration: const InputDecoration(
-              labelText: "Nom du parent",
-              border: OutlineInputBorder(),
-              prefixIcon: Icon(Icons.search),
-            ),
-          ),
         ),
-        SizedBox(
+        value: _selectedStatus,
-          width: 220,
+        items: const [
-          child: DropdownButtonFormField<String>(
+          DropdownMenuItem<String?>(value: null, child: Text('Tous')),
-            decoration: const InputDecoration(
+          DropdownMenuItem<String?>(value: 'actif', child: Text('Actif')),
-              labelText: "Statut",
+          DropdownMenuItem<String?>(
-              border: OutlineInputBorder(),
+            value: 'en_attente',
-            ),
+            child: Text('En attente'),
-            value: _selectedStatus,
-            items: const [
-              DropdownMenuItem(value: null, child: Text("Tous")),
-              DropdownMenuItem(value: "actif", child: Text("Actif")),
-              DropdownMenuItem(value: "en_attente", child: Text("En attente")),
-              DropdownMenuItem(value: "suspendu", child: Text("Suspendu")),
-            ],
-            onChanged: (value) {
-              setState(() {
-                _selectedStatus = value;
-                _filter();
-              });
-            },
           ),
-        ),
+          DropdownMenuItem<String?>(
-      ],
+            value: 'suspendu',
+            child: Text('Suspendu'),
+          ),
+        ],
+        onChanged: (value) {
+          setState(() {
+            _selectedStatus = value;
+          });
+          _filter();
+        },
+      ),
     );
   }
+
+  String _displayStatus(String? status) {
+    switch (status) {
+      case 'actif':
+        return 'Actif';
+      case 'en_attente':
+        return 'En attente';
+      case 'suspendu':
+        return 'Suspendu';
+      default:
+        return 'Inconnu';
+    }
+  }
 }