<tyro-ui-navbar>
Navbar
Barre de navigation principale commune à tous les projets Tyrolium. Gère le menu apps, la recherche, la langue, le thème, l'utilisateur connecté et le burger mobile.
Aperçu - standalone
project="Tyrolium"
Aperçu - mode sidebar
project="Useritium" subtitle="Dashboard" [sidebar]="true"
Inputs
Propriété | Type | Défaut | Description |
|---|---|---|---|
[project] | string | '' | Nom du projet affiché dans la navbar (ex : "Tyrolium", "Useritium") |
[logo] | string | '' | URL du logo affiché à gauche - si vide, aucun logo |
[subtitle] | string | '' | Label utilitaire affiché sous le projet en mode sidebar (ex : "Dashboard") |
[pages] | ITyroUiNavbarPages[] | [] | Liens de navigation affichés dans la barre (voir interface ci-dessous) |
[placeholder] | boolean | true | Affiche un bloc vide sous la navbar pour compenser son position: fixed |
[sidebar] | boolean | false | Mode dashboard - passe la navbar en position: relative et affiche un burger qui émet sidebarBurgerClick |
[currentUser] | any[] | [] | Utiliser TyroUiAuthService à la place |
Outputs
Événement | Payload | Description |
|---|---|---|
(sidebarBurgerClick) | void | Émis quand le burger est cliqué en mode [sidebar]="true" - utilisé par tyro-ui-dashboard-layout pour ouvrir la sidebar mobile |
(loginClick) | void | Émis après l'ouverture de la modale login (pour usage externe) |
(registerClick) | void | Émis après l'ouverture de la modale inscription |
(logoutClick) | void | Émis après la déconnexion via TyroUiAuthService.logout() |
Interface - ITyroUiNavbarPages
Liens de navigation passés via [pages]
Champ | Type | Description |
|---|---|---|
label | string | Texte affiché (fr) |
labelEn? | string | Texte affiché (en) |
link? | string | Route Angular (routerLink) |
href? | string | Lien externe (window.location.href) |
ancre? | string | ID de l'élément vers lequel scroller |
ancreHost? | string | Domaine hôte pour le scroll cross-domaine |
icon? | string | Classe icône remix-icon |
children? | ITyroUiNavbarPages[] | Sous-liens (dropdown) |
childrenOpen? | boolean | État ouvert/fermé du dropdown |
Config - menu-navbar.ts
NavbarMenuPinned - app épinglée (Tyrolium)
Le menu "apps" (icône grille) est alimenté par deux constantes exportées depuis menu-navbar.ts, importées automatiquement par le composant.
Champ | Type | Description |
|---|---|---|
name | string | Nom affiché |
nameEn? | string | Nom en anglais |
description | string | Sous-titre (fr) |
descriptionEn? | string | Sous-titre (en) |
image? | string | URL logo couleur |
imageLight? | string | URL logo version dark |
icon? | string | Classe remix-icon (si pas d'image) |
link | string | URL de destination |
host? | string | Domaine hôte si lien relatif |
subItems? | ITyroUiNavbarMenuItem[] | Sous-entrées (niveau 2) |
subOpen? | boolean | État ouvert des sous-entrées |
isSubItem? | boolean | Marque visuellement un sous-item |
NavbarMenuCategory - catégories du menu apps
Champ | Type | Description |
|---|---|---|
label | string | Titre de la catégorie (fr) |
labelEn? | string | Titre de la catégorie (en) |
open | boolean | Catégorie dépliée par défaut |
items | ITyroUiNavbarMenuItem[] | Liste des apps dans cette catégorie |
Catégories actuellesFiliales (open: true) Corporate (open: false) Service & Info (open: false) Interne (open: false)