50 lines
1.9 KiB
Markdown
50 lines
1.9 KiB
Markdown
# Module Components
|
|
|
|
Ce module contient les composants d'interface utilisateur réutilisables pour l'application FabNum. Ces composants permettent de maintenir une apparence cohérente et de simplifier le développement en encapsulant des éléments d'interface communs.
|
|
|
|
## Structure du module
|
|
|
|
Le module components comprend plusieurs fichiers clés :
|
|
|
|
- **sidebar.py** : Gestion de la barre latérale de navigation et des fonctionnalités associées
|
|
- **header.py** : Composant d'en-tête unifié pour toutes les pages
|
|
- **footer.py** : Pied de page standardisé incluant les mentions légales et informations de contact
|
|
- **fiches.py** : Composants spécifiques à l'affichage et à la manipulation des fiches
|
|
- **connexion.py** : Composants spécifiques à la gestion de la connexion / déconnexion sur la base d'un token Gitea
|
|
|
|
## Fonctionnalités
|
|
|
|
### Barre latérale (sidebar.py)
|
|
- Menu de navigation prin>>>>>>>>>>>>> cipal entre les différentes sections
|
|
- Options de configuration et de personnalisation
|
|
- Affichage des informations sur l'impact environnemental
|
|
- Gestion du thème (clair/sombre)
|
|
|
|
### En-tête (header.py)
|
|
- Logo et identification visuelle de l'application
|
|
- Titre et sous-titre de l'application
|
|
- Messages système et notifications
|
|
|
|
### Pied de page (footer.py)
|
|
- Informations légales et mentions de copyright
|
|
- Liens vers les ressources externes
|
|
- Informations de contact et de support
|
|
|
|
## Utilisation
|
|
|
|
Ces composants sont conçus pour être facilement intégrés dans les différentes pages de l'application. Exemple d'utilisation :
|
|
|
|
```python
|
|
from components.sidebar import afficher_menu
|
|
from components.header import afficher_entete
|
|
from components.footer import afficher_pied_de_page
|
|
|
|
# Dans votre application principale
|
|
afficher_entete()
|
|
afficher_menu()
|
|
# Contenu principal de la page
|
|
afficher_pied_de_page()
|
|
```
|
|
|
|
Cette approche modulaire permet de maintenir une interface cohérente tout en facilitant les mises à jour de l'interface utilisateur.
|