AdminJO Front - Documentation API - v0.1.0
    Preparing search index...

    Function EmployeesPage

    • Composant de la page de gestion des employés

      Cette page offre une interface simple pour l'administration des employés des JO 2024. Elle permet la consultation, la recherche, le filtrage et la création d'employés, ainsi que l'activation/désactivation de leurs comptes.

      Returns Element

      Interface complète de gestion des employés

      EmployeesPage

      • Affichage de liste : Consultation des employés existants dans un tableau
      • Création d'employés : Formulaire modal pour ajouter de nouveaux employés
      • Activation/Désactivation : Basculer le statut actif/inactif des employés
      • Actualisation : Rechargement manuel de la liste des employés
      • Recherche textuelle : Recherche par nom, prénom ou autres critères
      • Filtre par statut : Filtrage par statut actif/inactif des employés
      • Titre de la section
      • Bouton "Ajouter un employé" qui ouvre le formulaire de création
      • Champ de recherche textuelle
      • Sélecteur de filtre par statut (actif/inactif)
      • Tableau des employés avec colonnes d'informations
      • Boutons d'action pour activer/désactiver les employés
      • Bouton de rafraîchissement des données
      • Gestion des états de chargement et d'erreur
      • Formulaire modal de création d'employé
      • Validation des champs requis
      • Soumission avec gestion du loading
      1. Consultation : Affichage de la liste des employés existants
      2. Recherche : Utilisation de la barre de recherche pour filtrer
      3. Filtrage : Application du filtre par statut si nécessaire
      4. Création : Clic sur "Ajouter" → ouverture du formulaire modal
      5. Gestion des statuts : Activation/désactivation via les boutons d'action
      6. Actualisation : Rechargement des données via le bouton refresh
      • Loading : Spinner pendant le chargement des données
      • Error : Affichage des messages d'erreur
      • Success : Notifications de réussite des opérations
      • Empty : État quand aucun employé n'est trouvé
      • Hook useEmployesManagement : Logique métier et appels API
      • Hook useSessionExpiry : Gestion de l'expiration de session
      • Composant Notification : Système de notifications utilisateur
      • Responsive design : Interface adaptée mobile/desktop
      • EmployesHeader - En-tête avec bouton d'ajout
      • EmployesSearchAndFilters - Outils de recherche et filtrage
      • EmployesTable - Tableau d'affichage des employés
      • CreateEmployeForm - Formulaire de création d'employé
      • useEmployesManagement - Hook de gestion des employés