Initialisation du projet geosector complet (web + flutter)

flutt/lib/presentation/widgets/dashboard_app_bar.dart

@@ -0,0 +1,169 @@
+import 'package:flutter/material.dart';
+import 'package:geosector_app/app.dart';
+import 'package:geosector_app/presentation/widgets/connectivity_indicator.dart';
+import 'package:go_router/go_router.dart';
+
+/// AppBar personnalisée pour les tableaux de bord
+class DashboardAppBar extends StatelessWidget implements PreferredSizeWidget {
+  /// Le titre principal de l'AppBar (généralement le nom de l'application)
+  final String title;
+
+  /// Le titre de la page actuelle (optionnel)
+  final String? pageTitle;
+
+  /// Actions supplémentaires à afficher dans l'AppBar
+  final List<Widget>? additionalActions;
+
+  /// Indique si le bouton "Nouveau passage" doit être affiché
+  final bool showNewPassageButton;
+
+  /// Callback appelé lorsque le bouton "Nouveau passage" est pressé
+  final VoidCallback? onNewPassagePressed;
+
+  /// Indique si l'utilisateur est un administrateur
+  final bool isAdmin;
+
+  /// Callback appelé lorsque le bouton de déconnexion est pressé
+  final VoidCallback? onLogoutPressed;
+
+  const DashboardAppBar({
+    Key? key,
+    required this.title,
+    this.pageTitle,
+    this.additionalActions,
+    this.showNewPassageButton = true,
+    this.onNewPassagePressed,
+    this.isAdmin = false,
+    this.onLogoutPressed,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    return AppBar(
+      title: _buildTitle(context),
+      backgroundColor: theme.colorScheme.primary,
+      foregroundColor: theme.colorScheme.onPrimary,
+      elevation: 4,
+      leading: _buildLogo(),
+      actions: _buildActions(context),
+    );
+  }
+
+  /// Construction du logo dans l'AppBar
+  Widget _buildLogo() {
+    return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Image.asset(
+        'assets/images/geosector-logo-80.png',
+        width: 40,
+        height: 40,
+      ),
+    );
+  }
+
+  /// Construction des actions de l'AppBar
+  List<Widget> _buildActions(BuildContext context) {
+    final theme = Theme.of(context);
+    final List<Widget> actions = [];
+
+    // Ajouter l'indicateur de connectivité
+    actions.add(
+      Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 12.0),
+        child: const ConnectivityIndicator(
+          showErrorMessage: false,
+          showConnectionType: true,
+        ),
+      ),
+    );
+
+    // Ajouter les actions supplémentaires si elles existent
+    if (additionalActions != null && additionalActions!.isNotEmpty) {
+      actions.addAll(additionalActions!);
+    } else if (showNewPassageButton) {
+      // Ajouter le bouton "Nouveau passage" en haut à droite
+      actions.add(
+        TextButton.icon(
+          icon: const Icon(Icons.add_location_alt, color: Colors.white),
+          label: const Text('Nouveau passage',
+              style: TextStyle(color: Colors.white)),
+          onPressed: onNewPassagePressed,
+          style: TextButton.styleFrom(
+            backgroundColor: theme.colorScheme.secondary,
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+          ),
+        ),
+      );
+    }
+
+    // Ajouter le bouton de déconnexion
+    actions.add(
+      IconButton(
+        icon: const Icon(Icons.logout),
+        tooltip: 'Déconnexion',
+        onPressed: onLogoutPressed ??
+            () {
+              // Si aucun callback n'est fourni, utiliser le userRepository global
+              showDialog(
+                context: context,
+                builder: (context) => AlertDialog(
+                  title: const Text('Déconnexion'),
+                  content:
+                      const Text('Voulez-vous vraiment vous déconnecter ?'),
+                  actions: [
+                    TextButton(
+                      onPressed: () => Navigator.of(context).pop(),
+                      child: const Text('Annuler'),
+                    ),
+                    TextButton(
+                      onPressed: () async {
+                        Navigator.of(context).pop();
+                        // Appeler la méthode logout du userRepository
+                        // qui nettoie les hive boxes, lance la requête API logout
+                        // et supprime user.sessionId
+                        await userRepository.logout();
+
+                        // Rediriger vers la landing page
+                        if (context.mounted) {
+                          // Utiliser go_router pour la navigation
+                          context.go('/public');
+                        }
+                      },
+                      child: const Text('Déconnexion'),
+                    ),
+                  ],
+                ),
+              );
+            },
+      ),
+    );
+
+    actions.add(const SizedBox(width: 8)); // Espacement à droite
+
+    return actions;
+  }
+
+  /// Construction du titre de l'AppBar
+  Widget _buildTitle(BuildContext context) {
+    // Si aucun titre de page n'est fourni, afficher simplement le titre principal
+    if (pageTitle == null) {
+      return Text(title);
+    }
+
+    // Construire un titre composé en fonction du rôle de l'utilisateur
+    final String prefix = isAdmin ? 'Administration' : title;
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Text(prefix),
+        const Text(' - '),
+        Text(pageTitle!),
+      ],
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}