<tyro-ui-auth-modal>
Auth Modal
Modale de connexion, entièrement pilotée par
TyroUiAuthService. Aucun @Input() - placer le composant une fois dans le layout racine. Démo
Ouvrir la modale de connexion
Signals (lecture)
Membre | Type | Description |
|---|---|---|
user() | Signal<ITyroUiUser | null> | Utilisateur connecté - null si déconnecté |
modalOpen() | Signal<boolean> | Vrai si la modale est ouverte |
modalTab() | Signal<'login' | 'register'> | Onglet actif dans la modale |
loading() | Signal<boolean> | Vrai pendant l'appel API de connexion |
error() | Signal<string | null> | Message d'erreur de la dernière tentative |
Méthodes
Membre | Type | Description |
|---|---|---|
openModal() | void | Ouvre la modale de connexion |
closeModal() | void | Ferme la modale |
login(login, password) | Promise<void> | Soumet la connexion à l'API Useritium |
logout() | void | Déconnecte et efface la session |
Setup
Layout racine - à ajouter une fois
<tyro-ui-dashboard-layout [...]>
<router-outlet />
</tyro-ui-dashboard-layout>
<tyro-ui-auth-modal></tyro-ui-auth-modal>Utilisation dans un composant
readonly auth = inject(TyroUiAuthService);
// Ouvrir la modale
this.auth.openModal();
// Lire l'utilisateur (signal)
const user = this.auth.user(); // ITyroUiUser | null
// Déconnexion
this.auth.logout();