<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()voidOuvre la modale de connexion
closeModal()voidFerme la modale
login(login, password)Promise<void>Soumet la connexion à l'API Useritium
logout()voidDé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();