[Frontend] Bandeau dashboard générique (type Gitea) #100

Closed
opened 2026-02-25 10:20:53 +00:00 by jmartin · 0 comments
Owner

Description

Unifier le bandeau (header) de tous les dashboards (admin, gestionnaire, parent, AM) en un widget générique et customisable, sur le modèle du bandeau Gitea : icône | onglets | capsule utilisateur avec menu déroulant.

Comportement visé

  • Gauche : logo / icône P'tits Pas.
  • Centre : onglets de navigation du dashboard (configurables par écran).
  • Droite : capsule affichant Prénom Nom + flèche vers le bas (pas de bouton « Se déconnecter » dans la barre). Au clic sur la capsule : menu déroulant avec :
    • En-tête : email de l'utilisateur connecté
    • Modification du profil (action ou route à définir)
    • Paramètres (action ou route à définir)
    • Déconnexion en bas du menu (avec confirmation puis AuthService.logout + redirection login)

Tâches

  • Créer le widget générique DashboardBandeau (ou équivalent) dans widgets/dashboard/ avec paramètres : leading, tabItems, selectedTabIndex, onTabSelected, userDisplayName, userEmail, onProfileTap, onSettingsTap, onLogout, showLogoutConfirmation
  • Capsule utilisateur (Prénom Nom + flèche) ouvrant un menu (PopupMenu / DropdownMenu) avec en-tête email, entrées Profil, Paramètres, Déconnexion
  • Remplacer DashboardAppBarAdmin (admin + gestionnaire) par ce bandeau
  • Remplacer DashboardAppBar (parent) par ce bandeau
  • Brancher userDisplayName et userEmail depuis l'utilisateur connecté (AuthService ou API) selon le rôle
  • Prévoir onProfileTap / onSettingsTap en placeholder ou routes vides si contenu non défini
  • Supprimer ou déprécier les anciens widgets de bandeau après migration

Référence : Plan « Bandeau dashboard générique » (capsule type Gitea, menu avec email en en-tête).

## Description Unifier le bandeau (header) de tous les dashboards (admin, gestionnaire, parent, AM) en un widget générique et customisable, sur le modèle du bandeau Gitea : icône | onglets | capsule utilisateur avec menu déroulant. ## Comportement visé - **Gauche** : logo / icône P'tits Pas. - **Centre** : onglets de navigation du dashboard (configurables par écran). - **Droite** : capsule affichant **Prénom Nom** + **flèche vers le bas** (pas de bouton « Se déconnecter » dans la barre). Au clic sur la capsule : menu déroulant avec : - **En-tête** : email de l'utilisateur connecté - **Modification du profil** (action ou route à définir) - **Paramètres** (action ou route à définir) - **Déconnexion** en bas du menu (avec confirmation puis AuthService.logout + redirection login) ## Tâches - [ ] Créer le widget générique DashboardBandeau (ou équivalent) dans widgets/dashboard/ avec paramètres : leading, tabItems, selectedTabIndex, onTabSelected, userDisplayName, userEmail, onProfileTap, onSettingsTap, onLogout, showLogoutConfirmation - [ ] Capsule utilisateur (Prénom Nom + flèche) ouvrant un menu (PopupMenu / DropdownMenu) avec en-tête email, entrées Profil, Paramètres, Déconnexion - [ ] Remplacer DashboardAppBarAdmin (admin + gestionnaire) par ce bandeau - [ ] Remplacer DashboardAppBar (parent) par ce bandeau - [ ] Brancher userDisplayName et userEmail depuis l'utilisateur connecté (AuthService ou API) selon le rôle - [ ] Prévoir onProfileTap / onSettingsTap en placeholder ou routes vides si contenu non défini - [ ] Supprimer ou déprécier les anciens widgets de bandeau après migration **Référence** : Plan « Bandeau dashboard générique » (capsule type Gitea, menu avec email en en-tête).
jmartin changed title from [Frontend] Dashboard Gestionnaire - Liste AM to [Frontend] Bandeau dashboard générique (type Gitea) 2026-02-25 15:53:32 +00:00
Sign in to join this conversation.
No description provided.