feat(#93): optimiser l’affichage Parents/AM avec modale de détails
Intègre un bandeau unique (onglets à gauche, recherche/filtre en pilule, bouton Ajouter à droite) et compacte les cartes Parents/AM avec ouverture d’une modale complète sur Modifier (croix, actions Modifier/Supprimer). Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -1,12 +1,19 @@
|
||||
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_detail_modal.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});
|
||||
final String searchQuery;
|
||||
final int? capacityMin;
|
||||
|
||||
const AssistanteMaternelleManagementWidget({
|
||||
super.key,
|
||||
required this.searchQuery,
|
||||
this.capacityMin,
|
||||
});
|
||||
|
||||
@override
|
||||
State<AssistanteMaternelleManagementWidget> createState() =>
|
||||
@@ -18,25 +25,15 @@ class _AssistanteMaternelleManagementWidgetState
|
||||
bool _isLoading = false;
|
||||
String? _error;
|
||||
List<AssistanteMaternelleModel> _assistantes = [];
|
||||
List<AssistanteMaternelleModel> _filteredAssistantes = [];
|
||||
|
||||
final TextEditingController _zoneController = TextEditingController();
|
||||
final TextEditingController _capacityController = TextEditingController();
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_loadAssistantes();
|
||||
_zoneController.addListener(_filter);
|
||||
_capacityController.addListener(_filter);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_zoneController.dispose();
|
||||
_capacityController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
void dispose() => super.dispose();
|
||||
|
||||
Future<void> _loadAssistantes() async {
|
||||
setState(() {
|
||||
@@ -48,7 +45,6 @@ class _AssistanteMaternelleManagementWidgetState
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
_assistantes = list;
|
||||
_filter();
|
||||
_isLoading = false;
|
||||
});
|
||||
} catch (e) {
|
||||
@@ -60,50 +56,38 @@ class _AssistanteMaternelleManagementWidgetState
|
||||
}
|
||||
}
|
||||
|
||||
void _filter() {
|
||||
final zoneQuery = _zoneController.text.toLowerCase();
|
||||
final capacityQuery = int.tryParse(_capacityController.text);
|
||||
|
||||
setState(() {
|
||||
_filteredAssistantes = _assistantes.where((am) {
|
||||
final matchesZone = zoneQuery.isEmpty ||
|
||||
(am.residenceCity?.toLowerCase().contains(zoneQuery) ?? false);
|
||||
final matchesCapacity = capacityQuery == null ||
|
||||
(am.maxChildren != null && am.maxChildren! >= capacityQuery);
|
||||
return matchesZone && matchesCapacity;
|
||||
}).toList();
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final query = widget.searchQuery.toLowerCase();
|
||||
final filteredAssistantes = _assistantes.where((am) {
|
||||
final matchesName = am.user.fullName.toLowerCase().contains(query) ||
|
||||
am.user.email.toLowerCase().contains(query) ||
|
||||
(am.residenceCity?.toLowerCase().contains(query) ?? false);
|
||||
final matchesCapacity = widget.capacityMin == null ||
|
||||
(am.maxChildren != null && am.maxChildren! >= widget.capacityMin!);
|
||||
return matchesName && matchesCapacity;
|
||||
}).toList();
|
||||
|
||||
return Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
AdminListHeader(
|
||||
searchController: _zoneController,
|
||||
searchHint: 'Rechercher une zone géographique...',
|
||||
filters: _buildFilters(),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
AdminListState(
|
||||
isLoading: _isLoading,
|
||||
error: _error,
|
||||
isEmpty: _filteredAssistantes.isEmpty,
|
||||
isEmpty: filteredAssistantes.isEmpty,
|
||||
emptyMessage: 'Aucune assistante maternelle trouvée.',
|
||||
list: ListView.builder(
|
||||
itemCount: _filteredAssistantes.length,
|
||||
itemCount: filteredAssistantes.length,
|
||||
itemBuilder: (context, index) {
|
||||
final assistante = _filteredAssistantes[index];
|
||||
final assistante = filteredAssistantes[index];
|
||||
return AdminUserCard(
|
||||
title: assistante.user.fullName,
|
||||
avatarUrl: assistante.user.photoUrl,
|
||||
fallbackIcon: Icons.face,
|
||||
subtitleLines: [
|
||||
assistante.user.email,
|
||||
'N° Agrément : ${assistante.approvalNumber ?? 'N/A'}',
|
||||
'Zone : ${assistante.residenceCity ?? 'N/A'} | Capacité : ${assistante.maxChildren ?? 0}',
|
||||
],
|
||||
actions: [
|
||||
@@ -111,14 +95,7 @@ class _AssistanteMaternelleManagementWidgetState
|
||||
icon: const Icon(Icons.edit),
|
||||
tooltip: 'Modifier',
|
||||
onPressed: () {
|
||||
// TODO: Ajouter modification
|
||||
},
|
||||
),
|
||||
IconButton(
|
||||
icon: const Icon(Icons.delete),
|
||||
tooltip: 'Supprimer',
|
||||
onPressed: () {
|
||||
// TODO: Ajouter suppression
|
||||
_openAssistanteDetails(assistante);
|
||||
},
|
||||
),
|
||||
],
|
||||
@@ -131,24 +108,58 @@ class _AssistanteMaternelleManagementWidgetState
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildFilters() {
|
||||
return Wrap(
|
||||
spacing: 16,
|
||||
runSpacing: 8,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 240,
|
||||
child: TextField(
|
||||
controller: _capacityController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Capacité minimum',
|
||||
border: OutlineInputBorder(),
|
||||
isDense: true,
|
||||
),
|
||||
keyboardType: TextInputType.number,
|
||||
void _openAssistanteDetails(AssistanteMaternelleModel assistante) {
|
||||
showDialog<void>(
|
||||
context: context,
|
||||
builder: (context) => AdminDetailModal(
|
||||
title: assistante.user.fullName.isEmpty
|
||||
? 'Assistante maternelle'
|
||||
: assistante.user.fullName,
|
||||
subtitle: assistante.user.email,
|
||||
fields: [
|
||||
AdminDetailField(label: 'ID', value: _v(assistante.user.id)),
|
||||
AdminDetailField(
|
||||
label: 'Numero agrement',
|
||||
value: _v(assistante.approvalNumber),
|
||||
),
|
||||
),
|
||||
],
|
||||
AdminDetailField(
|
||||
label: 'Ville residence',
|
||||
value: _v(assistante.residenceCity),
|
||||
),
|
||||
AdminDetailField(
|
||||
label: 'Capacite max',
|
||||
value: assistante.maxChildren?.toString() ?? '-',
|
||||
),
|
||||
AdminDetailField(
|
||||
label: 'Places disponibles',
|
||||
value: assistante.placesAvailable?.toString() ?? '-',
|
||||
),
|
||||
AdminDetailField(
|
||||
label: 'Telephone',
|
||||
value: _v(assistante.user.telephone),
|
||||
),
|
||||
AdminDetailField(label: 'Adresse', value: _v(assistante.user.adresse)),
|
||||
AdminDetailField(label: 'Ville', value: _v(assistante.user.ville)),
|
||||
AdminDetailField(
|
||||
label: 'Code postal',
|
||||
value: _v(assistante.user.codePostal),
|
||||
),
|
||||
],
|
||||
onEdit: () {
|
||||
Navigator.of(context).pop();
|
||||
ScaffoldMessenger.of(this.context).showSnackBar(
|
||||
const SnackBar(content: Text('Action Modifier a implementer')),
|
||||
);
|
||||
},
|
||||
onDelete: () {
|
||||
Navigator.of(context).pop();
|
||||
ScaffoldMessenger.of(this.context).showSnackBar(
|
||||
const SnackBar(content: Text('Action Supprimer a implementer')),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _v(String? value) => (value == null || value.isEmpty) ? '-' : value;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user