feat(front): implement AM dashboard shell with 3 columns (#169)

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

frontend/android/app/src/main/AndroidManifest.xml

@@ -2,7 +2,7 @@
     <application
         android:label="p_tits_pas"
         android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/launcher_icon">
         <activity
             android:name=".MainActivity"
             android:exported="true"

frontend/lib/models/absence_garde.dart

@@ -0,0 +1,58 @@
+class AbsenceGarde {
+  final String id;
+  final String idPlacement;
+  final String type;
+  final String dateDebut;
+  final String dateFin;
+  final String statut;
+  final String expireAt;
+  final String? creePar;
+  final String? motif;
+  final String? idEnfant;
+  final String? prenomEnfant;
+  final String? idAm;
+  final String? prenomAm;
+  final String? nomAm;
+  final String creeLe;
+  final String modifieLe;
+
+  AbsenceGarde({
+    required this.id,
+    required this.idPlacement,
+    required this.type,
+    required this.dateDebut,
+    required this.dateFin,
+    required this.statut,
+    required this.expireAt,
+    this.creePar,
+    this.motif,
+    this.idEnfant,
+    this.prenomEnfant,
+    this.idAm,
+    this.prenomAm,
+    this.nomAm,
+    required this.creeLe,
+    required this.modifieLe,
+  });
+
+  factory AbsenceGarde.fromJson(Map<String, dynamic> json) {
+    return AbsenceGarde(
+      id: json['id'] ?? '',
+      idPlacement: json['id_placement'] ?? '',
+      type: json['type'] ?? '',
+      dateDebut: json['date_debut'] ?? '',
+      dateFin: json['date_fin'] ?? '',
+      statut: json['statut'] ?? '',
+      expireAt: json['expire_at'] ?? '',
+      creePar: json['cree_par'],
+      motif: json['motif'],
+      idEnfant: json['id_enfant'],
+      prenomEnfant: json['prenom_enfant'],
+      idAm: json['id_am'],
+      prenomAm: json['prenom_am'],
+      nomAm: json['nom_am'],
+      creeLe: json['cree_le'] ?? '',
+      modifieLe: json['modifie_le'] ?? '',
+    );
+  }
+}

frontend/lib/screens/am/am_dashboard_screen.dart

@@ -1,11 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:p_tits_pas/models/user.dart';
 import 'package:p_tits_pas/services/auth_service.dart';
-import 'package:p_tits_pas/widgets/app_footer.dart';
-import 'package:p_tits_pas/widgets/dashboard/dashboard_bandeau.dart';
+import 'package:p_tits_pas/widgets/quotidien/quotidien_shell.dart';
+import 'package:p_tits_pas/widgets/quotidien/quotidien_theme.dart';
 
-/// Dashboard assistante maternelle – page blanche avec bandeau générique.
-/// Contenu détaillé à venir.
+/// Dashboard assistante maternelle – coquille 3 colonnes quotidien (#169).
+/// Colonne gauche : sélecteur de couple enfant–parent(s) (à venir #170).
+/// Métier cartes / blog / messagerie : tickets C/D/E.
 class AmDashboardScreen extends StatefulWidget {
   const AmDashboardScreen({super.key});
 
@@ -14,7 +15,7 @@ class AmDashboardScreen extends StatefulWidget {
 }
 
 class _AmDashboardScreenState extends State<AmDashboardScreen> {
-  int selectedTabIndex = 0;
+  QuotidienNavSection _section = QuotidienNavSection.liaison;
   AppUser? _user;
 
   @override
@@ -28,51 +29,58 @@ class _AmDashboardScreenState extends State<AmDashboardScreen> {
     if (mounted) setState(() => _user = user);
   }
 
+  String get _displayName {
+    final n = _user?.fullName.trim() ?? '';
+    if (n.isNotEmpty) return n;
+    final email = _user?.email.trim() ?? '';
+    if (email.isNotEmpty) return email.split('@').first;
+    return 'Assistante maternelle';
+  }
+
+  void _soon(String label) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(content: Text('$label — à venir')),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: PreferredSize(
-        preferredSize: const Size.fromHeight(60.0),
-        child: DashboardBandeau(
-          tabItems: const [
-            DashboardTabItem(label: 'Mon tableau de bord'),
-            DashboardTabItem(label: 'Paramètres'),
-          ],
-          selectedTabIndex: selectedTabIndex,
-          onTabSelected: (index) => setState(() => selectedTabIndex = index),
-          userDisplayName: _user?.fullName.isNotEmpty == true
-              ? _user!.fullName
-              : 'Assistante maternelle',
+    return QuotidienShell(
+      selectedSection: _section,
+      onSectionSelected: (s) => setState(() => _section = s),
+      userDisplayName: _displayName,
       userEmail: _user?.email,
-          userRole: _user?.role,
-          onProfileTap: () {
-            ScaffoldMessenger.of(context).showSnackBar(
-              const SnackBar(
-                  content: Text('Modification du profil – à venir')),
-            );
-          },
-          onSettingsTap: () {
-            ScaffoldMessenger.of(context).showSnackBar(
-              const SnackBar(content: Text('Paramètres – à venir')),
-            );
-          },
-          onLogout: () {},
-          showLogoutConfirmation: true,
+      onProfileTap: () => _soon('Profil'),
+      onSettingsTap: () => _soon('Paramètres'),
+      // L'AM n'a pas de bouton "Recherche AM" dans le bandeau
+      onSearchAmTap: null,
+      leftColumn: const QuotidienColumnPlaceholder(
+        title: 'Cartes',
+        subtitle:
+            'Couple enfant–parent(s) et flux de cartes\n(à brancher — tickets #170 / #174).',
+        icon: Icons.style_outlined,
       ),
+      centerColumn: const QuotidienColumnPlaceholder(
+        title: 'Blog',
+        subtitle:
+            'Fil du quotidien (affichage par défaut)\n(à brancher — ticket #179).',
+        icon: Icons.auto_stories_outlined,
       ),
-      body: Column(
-        children: [
-          Expanded(
-            child: Center(
-              child: Text(
-                'Dashboard AM – à venir',
-                style: Theme.of(context).textTheme.titleLarge,
+      rightColumn: const QuotidienColumnPlaceholder(
+        title: 'Messagerie',
+        subtitle:
+            'Mess. Parents · Mess. RPE\n(à brancher — ticket #185).',
+        icon: Icons.chat_bubble_outline,
       ),
+      agendaBody: const QuotidienStubPage(
+        title: 'Agenda',
+        message: 'Agenda — contenu à venir (stub #187).',
       ),
-          ),
-          const AppFooter(),
-        ],
+      contratBody: const QuotidienStubPage(
+        title: 'Contrat',
+        message: 'Contrat — contenu à venir (stub #187).',
       ),
     );
   }
 }
+

frontend/lib/screens/home/parent_screen/ParentDashboardScreen.dart

@@ -6,6 +6,7 @@ import 'package:p_tits_pas/services/couple_garde_service.dart';
 import 'package:p_tits_pas/widgets/quotidien/couple_selector_bandeau.dart';
 import 'package:p_tits_pas/widgets/quotidien/quotidien_shell.dart';
 import 'package:p_tits_pas/widgets/quotidien/quotidien_theme.dart';
+import 'package:p_tits_pas/screens/home/parent_screen/agenda_absences_stub.dart';
 
 /// Tableau de bord parent — coquille 3 colonnes quotidien (#166).
 /// Colonne gauche : sélecteur de couple enfant–nounou (#167).
@@ -128,10 +129,7 @@ class _ParentDashboardScreenState extends State<ParentDashboardScreen> {
             'Mess. AM · Mess. RPE\n(à brancher — ticket #184).',
         icon: Icons.chat_bubble_outline,
       ),
-      agendaBody: const QuotidienStubPage(
-        title: 'Agenda',
-        message: 'Agenda — contenu à venir (stub #187).',
-      ),
+      agendaBody: AgendaAbsencesStub(placementId: _selectedCoupleId),
       contratBody: const QuotidienStubPage(
         title: 'Contrat',
         message: 'Contrat — contenu à venir (stub #187).',

frontend/lib/screens/home/parent_screen/agenda_absences_stub.dart

@@ -0,0 +1,192 @@
+import 'package:flutter/material.dart';
+import 'package:p_tits_pas/models/absence_garde.dart';
+import 'package:p_tits_pas/services/api/absences_garde_service.dart';
+import 'package:p_tits_pas/widgets/quotidien/quotidien_theme.dart';
+
+class AgendaAbsencesStub extends StatefulWidget {
+  final String? placementId;
+
+  const AgendaAbsencesStub({super.key, this.placementId});
+
+  @override
+  State<AgendaAbsencesStub> createState() => _AgendaAbsencesStubState();
+}
+
+class _AgendaAbsencesStubState extends State<AgendaAbsencesStub> {
+  List<AbsenceGarde> _absences = [];
+  bool _loading = true;
+  String? _error;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadAbsences();
+  }
+
+  @override
+  void didUpdateWidget(covariant AgendaAbsencesStub oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (oldWidget.placementId != widget.placementId) {
+      _loadAbsences();
+    }
+  }
+
+  Future<void> _loadAbsences() async {
+    setState(() {
+      _loading = true;
+      _error = null;
+    });
+    try {
+      final absences = await AbsencesGardeService.getAbsences(
+        placementId: widget.placementId,
+      );
+      if (!mounted) return;
+      setState(() {
+        _absences = absences;
+        _loading = false;
+      });
+    } catch (e) {
+      if (!mounted) return;
+      setState(() {
+        _error = e.toString();
+        _loading = false;
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: QuotidienTheme.ivory,
+      child: Center(
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(maxWidth: 600),
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              const Icon(
+                Icons.calendar_month_outlined,
+                size: 64,
+                color: QuotidienTheme.peach,
+              ),
+              const SizedBox(height: 24),
+              Text(
+                "Agenda (Stub) - Lignes d'absence",
+                textAlign: TextAlign.center,
+                style: Theme.of(context).textTheme.headlineSmall?.copyWith(
+                      color: QuotidienTheme.ink,
+                      fontWeight: FontWeight.bold,
+                    ),
+              ),
+              const SizedBox(height: 12),
+              Text(
+                'ID Placement courant: ${widget.placementId ?? 'Tous'}',
+                textAlign: TextAlign.center,
+                style: const TextStyle(color: QuotidienTheme.muted),
+              ),
+              const SizedBox(height: 24),
+              Expanded(
+                child: _buildList(),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildList() {
+    if (_loading) {
+      return const Center(child: CircularProgressIndicator());
+    }
+    if (_error != null) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            const Icon(Icons.error_outline, color: Colors.red, size: 48),
+            const SizedBox(height: 16),
+            Text(_error!, style: const TextStyle(color: Colors.red)),
+            const SizedBox(height: 16),
+            ElevatedButton(
+              onPressed: _loadAbsences,
+              child: const Text('Réessayer'),
+            ),
+          ],
+        ),
+      );
+    }
+    if (_absences.isEmpty) {
+      return const Center(
+        child: Text('Aucune absence ou congé trouvé.',
+            style: TextStyle(color: QuotidienTheme.muted)),
+      );
+    }
+    return ListView.separated(
+      itemCount: _absences.length,
+      separatorBuilder: (_, __) => const Divider(),
+      itemBuilder: (context, index) {
+        final abs = _absences[index];
+        return ListTile(
+          leading: _getIcon(abs.type),
+          title: Text('${abs.type} (${abs.statut})'),
+          subtitle: Text(
+            'Du ${abs.dateDebut} au ${abs.dateFin}\n'
+            'Enfant: ${abs.prenomEnfant ?? 'N/A'}, AM: ${abs.prenomAm ?? 'N/A'}',
+          ),
+          trailing: IconButton(
+            icon: const Icon(Icons.delete_outline, color: Colors.red),
+            onPressed: () => _confirmDelete(abs),
+          ),
+        );
+      },
+    );
+  }
+
+  Icon _getIcon(String type) {
+    switch (type) {
+      case 'absence_enfant':
+        return const Icon(Icons.child_care, color: QuotidienTheme.coral);
+      case 'conge_am':
+        return const Icon(Icons.beach_access, color: QuotidienTheme.turquoise);
+      case 'arret_maladie_am':
+        return const Icon(Icons.medical_services, color: QuotidienTheme.coral);
+      default:
+        return const Icon(Icons.event);
+    }
+  }
+
+  Future<void> _confirmDelete(AbsenceGarde abs) async {
+    final confirm = await showDialog<bool>(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: const Text('Supprimer ?'),
+        content: Text("Supprimer l'absence ${abs.type} du ${abs.dateDebut} ?"),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.pop(context, false),
+            child: const Text('Annuler'),
+          ),
+          TextButton(
+            onPressed: () => Navigator.pop(context, true),
+            style: TextButton.styleFrom(foregroundColor: Colors.red),
+            child: const Text('Supprimer'),
+          ),
+        ],
+      ),
+    );
+    
+    if (confirm == true) {
+      try {
+        await AbsencesGardeService.supprimerAbsence(abs.id);
+        _loadAbsences();
+      } catch (e) {
+        if (!mounted) return;
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Erreur: $e')),
+        );
+      }
+    }
+  }
+}

frontend/lib/services/api/absences_garde_service.dart

@@ -0,0 +1,94 @@
+import 'dart:convert';
+import 'package:http/http.dart' as http;
+import 'package:p_tits_pas/models/absence_garde.dart';
+import 'package:p_tits_pas/services/api/api_config.dart';
+import 'package:p_tits_pas/services/api/tokenService.dart';
+
+class AbsencesGardeService {
+  static Future<List<AbsenceGarde>> getAbsences({String? placementId}) async {
+    final token = await TokenService.getToken();
+    final headers = token != null ? ApiConfig.authHeaders(token) : ApiConfig.headers;
+
+    final uri = Uri.parse(ApiConfig.baseUrl +
+        '/absences-garde' +
+        (placementId != null ? '?placementId=$placementId' : ''));
+    
+    final res = await http.get(uri, headers: headers);
+    if (res.statusCode == 200) {
+      final json = jsonDecode(res.body);
+      final List items = json['items'] ?? [];
+      return items.map((e) => AbsenceGarde.fromJson(e)).toList();
+    } else {
+      throw Exception('Erreur de chargement des absences : ${res.statusCode}');
+    }
+  }
+
+  static Future<AbsenceGarde> creerAbsence({
+    required String idPlacement,
+    required String type,
+    required String dateDebut,
+    required String dateFin,
+    String? motif,
+  }) async {
+    final token = await TokenService.getToken();
+    final headers = token != null ? ApiConfig.authHeaders(token) : ApiConfig.headers;
+
+    final uri = Uri.parse('${ApiConfig.baseUrl}/absences-garde');
+    final res = await http.post(
+      uri,
+      headers: headers,
+      body: jsonEncode({
+        'id_placement': idPlacement,
+        'type': type,
+        'date_debut': dateDebut,
+        'date_fin': dateFin,
+        if (motif != null) 'motif': motif,
+      }),
+    );
+    if (res.statusCode == 201) {
+      return AbsenceGarde.fromJson(jsonDecode(res.body));
+    } else {
+      throw Exception("Erreur de création d'absence : ${res.statusCode}");
+    }
+  }
+
+  static Future<AbsenceGarde> modifierAbsence(
+    String id, {
+    String? dateDebut,
+    String? dateFin,
+    String? statut,
+    String? motif,
+  }) async {
+    final token = await TokenService.getToken();
+    final headers = token != null ? ApiConfig.authHeaders(token) : ApiConfig.headers;
+
+    final uri = Uri.parse('${ApiConfig.baseUrl}/absences-garde/$id');
+    final Map<String, dynamic> body = {};
+    if (dateDebut != null) body['date_debut'] = dateDebut;
+    if (dateFin != null) body['date_fin'] = dateFin;
+    if (statut != null) body['statut'] = statut;
+    if (motif != null) body['motif'] = motif;
+
+    final res = await http.patch(
+      uri,
+      headers: headers,
+      body: jsonEncode(body),
+    );
+    if (res.statusCode == 200) {
+      return AbsenceGarde.fromJson(jsonDecode(res.body));
+    } else {
+      throw Exception("Erreur de modification d'absence : ${res.statusCode}");
+    }
+  }
+
+  static Future<void> supprimerAbsence(String id) async {
+    final token = await TokenService.getToken();
+    final headers = token != null ? ApiConfig.authHeaders(token) : ApiConfig.headers;
+
+    final uri = Uri.parse('${ApiConfig.baseUrl}/absences-garde/$id');
+    final res = await http.delete(uri, headers: headers);
+    if (res.statusCode != 204) {
+      throw Exception("Erreur de suppression d'absence : ${res.statusCode}");
+    }
+  }
+}

frontend/lib/services/api/api_config.dart

@@ -96,7 +96,8 @@ class ApiConfig {
       };
 
   static Map<String, String> authHeaders(String token) => {
-        ...headers,
+        'Content-Type': 'application/json',
+        'Accept': 'application/json',
         'Authorization': 'Bearer $token',
       };
 }

frontend/lib/services/auth_service.dart

@@ -383,6 +383,13 @@ class AuthService {
   }
 
   /// Récupère l'utilisateur connecté depuis le cache
+  static const String tokenKey = 'auth_token';
+
+  static Future<String?> getToken() async {
+    final prefs = await SharedPreferences.getInstance();
+    return prefs.getString(tokenKey);
+  }
+
   static Future<AppUser?> getCurrentUser() async {
     final prefs = await SharedPreferences.getInstance();
     final userJson = prefs.getString(_currentUserKey);

frontend/lib/widgets/quotidien/quotidien_bandeau.dart

@@ -183,6 +183,7 @@ class _UserMenu extends StatelessWidget {
             title: Text('Profil'),
           ),
         ),
+        if (onSearchAmTap != null)
           const PopupMenuItem(
             value: 'search_am',
             child: ListTile(

frontend/lib/widgets/quotidien/quotidien_theme.dart

@@ -6,6 +6,7 @@ abstract final class QuotidienTheme {
   static const Color ink = Color(0xFF2F2F2F);
   static const Color ivory = Color(0xFFFFFEF9);
   static const Color turquoise = Color(0xFF8AD0C8);
+  static const Color peach = Color(0xFFFFCCB6);
   static const Color lavender = Color(0xFFC6A3D8);
   static const Color coral = Color(0xFFF4A28C);
   static const Color softGreenPill = Color(0xFFB8D9A8);

frontend/pubspec.lock

@@ -1,6 +1,22 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      sha256: "6c5bcd986e06b94e3c40244af471750840a3d2341d1f9763a1100a14add517b4"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.3.0"
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: d0481093c50b1da8910eb0bb301626d4d8eb7284aa739614d2b394ee09e3ea04
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.7.0"
   async:
     dependency: transitive
     description:
@@ -25,6 +41,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.4.0"
+  checked_yaml:
+    dependency: transitive
+    description:
+      name: checked_yaml
+      sha256: feb6bed21949061731a7a75fc5d2aa727cf160b91af9a3e464c5e3a32e28b5ff
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.3"
+  cli_util:
+    dependency: transitive
+    description:
+      name: cli_util
+      sha256: ff6785f7e9e3c38ac98b2fb035701789de90154024a75b6cb926445e83197d1c
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.4.2"
   clock:
     dependency: transitive
     description:
@@ -150,6 +182,14 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_launcher_icons:
+    dependency: "direct dev"
+    description:
+      name: flutter_launcher_icons
+      sha256: "526faf84284b86a4cb36d20a5e45147747b7563d921373d4ee0559c54fcdbcea"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.13.1"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -213,6 +253,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.0.2"
+  image:
+    dependency: transitive
+    description:
+      name: image
+      sha256: a1e7f4951e538a568e14b856702afc9ae1d2f4b202daced8d22c1b9cd211ce89
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.10.1"
   image_picker:
     dependency: "direct main"
     description:
@@ -293,6 +341,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.6.7"
+  json_annotation:
+    dependency: transitive
+    description:
+      name: json_annotation
+      sha256: "1ce844379ca14835a50d2f019a3099f419082cfdd231cd86a142af94dd5c6bb1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.9.0"
   leak_tracker:
     dependency: transitive
     description:
@@ -461,6 +517,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.8"
+  posix:
+    dependency: transitive
+    description:
+      name: posix
+      sha256: bc1bad54ad2b735816e31f8d4600cfde6c7839975085ddfbca48b6c9f7c4044e
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.5.2"
   provider:
     dependency: "direct main"
     description:
@@ -722,6 +786,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.0"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      sha256: f67cdd8e07d3c6329146aaef1ba043542b3134c12489f553ca9a7435d1068aea
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.4"
 sdks:
   dart: ">=3.7.0-0 <4.0.0"
   flutter: ">=3.19.0"

frontend/pubspec.yaml

@@ -30,6 +30,21 @@ dev_dependencies:
   flutter_test:
     sdk: flutter
   flutter_lints: ^2.0.0
+  flutter_launcher_icons: ^0.13.1
+
+flutter_launcher_icons:
+  android: "launcher_icon"
+  ios: false
+  image_path: "assets/images/icon.png"
+  web:
+    generate: true
+    image_path: "assets/images/icon.png"
+    background_color: "#ffffff"
+    theme_color: "#ffffff"
+  windows:
+    generate: true
+    image_path: "assets/images/icon.png"
+    icon_size: 256
 
 flutter:
   uses-material-design: true

frontend/web/manifest.json

@@ -3,19 +3,19 @@
     "short_name": "P'titsPas",
     "start_url": ".",
     "display": "standalone",
-    "background_color": "#FFFEF9",
-    "theme_color": "#8AD0C8",
+    "background_color": "#ffffff",
+    "theme_color": "#ffffff",
     "description": "P'titsPas - Grandir pas à pas, sereinement",
     "orientation": "portrait-primary",
     "prefer_related_applications": false,
     "icons": [
         {
-            "src": "assets/images/icon.png",
+            "src": "icons/Icon-192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "assets/images/icon.png",
+            "src": "icons/Icon-512.png",
             "sizes": "512x512",
             "type": "image/png"
         },