Skip to main content

🧠 AlpuraModalViewModel – Guía de uso

El servicio AlpuraModalViewModel proporciona una interfaz programática para desplegar el componente AlpuraModal. Encapsula la configuración de Angular Material Dialog para asegurar la consistencia visual y de comportamiento (como el bloqueo de cierre externo) en toda la aplicación.

📁 Importación​

import { AlpuraModalViewModel } from '@alpura/commons';

📞 Métodos Públicos​

showModal(data: AlpuraModalDataM)​

Despliega un modal estandarizado con la configuración proporcionada.

  • Parámetros:
    • data: Objeto de tipo AlpuraModalDataM que define el título, mensaje, tipo y etiquetas de los botones.
  • Retorno:
    • MatDialogRef<AlpuraModalComponent, boolean>: Referencia del diálogo abierto que permite suscribirse al evento .afterClosed().

🧪 Estructura de Datos (AlpuraModalDataM)​

export interface AlpuraModalDataM {
  title: string;
  message: string;
  type: 'success' | 'error' | 'warning' | 'info';
  confirmText?: string;
  cancelText?: string;
}

💻 Ejemplo de uso​

this.alpuraModalViewModel.showModal({
  title: 'Atención',
  message: 'IMPORTANTE: Esta acción no se puede deshacer.',
  type: 'warning',
  confirmText: 'Aceptar',
  cancelText: 'Cancelar'
}).afterClosed().subscribe(result => {
  if (result) {
    // Lógica al confirmar
  }
});

📬 Soporte​

Para dudas o mantenimiento del servicio AlpuraModalViewModel, contactar al equipo de arquitectura.