TyroUiConfirmService

Confirm Modal

Modale de confirmation oui/non avec fermeture. Retourne une Promise<boolean>. Déclencher via TyroUiConfirmService.confirm(config). Placer <tyro-ui-confirm-modal> une fois dans le layout racine.

Démo

Cliquer un bouton et voir la valeur retournée

ITyroUiConfirmConfig

Propriété	Type	Défaut	Description
`title`	`string`	`-`	Titre de la modale
`message`	`string`	`-`	Corps du message
`icon`	`string (Remix Icon)`	`-`	Icône - défaut selon type
`type`	`'default' \| 'danger'`	`'default'`	Couleur du bouton confirmer et de l'icône
`confirmLabel`	`string`	`'Confirmer'`	Texte du bouton de confirmation
`cancelLabel`	`string`	`'Annuler'`	Texte du bouton annuler

Setup

Layout racine - à ajouter une fois

<tyro-ui-dashboard-layout [...]>
  <router-outlet />
</tyro-ui-dashboard-layout>
<tyro-ui-confirm-modal></tyro-ui-confirm-modal>

Utilisation - async/await

private readonly confirm = inject(TyroUiConfirmService);

async deleteItem(): Promise<void> {
  const ok = await this.confirm.confirm({
    type:         'danger',
    icon:         'ri-delete-bin-line',
    title:        'Supprimer cet élément ?',
    message:      'Cette action est irréversible.',
    confirmLabel: 'Supprimer',
    cancelLabel:  'Annuler',
  });

  if (ok) {
    // l'utilisateur a confirmé
  }
}