Alerta simple:showSimpleAlert('MENSAJA DE ALERTA', 'TITULO DE ALERTA');
Alerta con configuración:
showAlert({
text: 'Texto de alerta',
title: 'Titulo de alerta', // Por defecto 'Bizuit Forms'
icon: 'success', // Por defecto undefined
allowEscapeKey: true, // Por defecto true
allowOutsideClick: true, // Por defecto true
cancelButtonText: 'Cancelar', // Por defecto 'Cancelar'
confirmButtonText: 'Cerrar', // Por defecto 'Aceptar'
showCancelButton: false, // Por defecto false
showConfirmButton: true // Por defecto false
})
Diálogo Yes/No: Mostrará un diálogo con las opciones de Confirmar/Cancelar
showYesNo({
text: 'Texto del dialogo',
title: 'Titulo', // Por defecto 'Bizuit Forms'
confirmButtonText: 'Si!', // Por defecto 'Aceptar'
cancelButtonText: 'NO!!' // Por defecto 'Cancelar'
}).then(result => {
console.log('YesNo', result)
})
En las opciones para el diálogo, el único requerido es text. Las demás (title, confirmButtonText, cancelButtonText) son opcionales con valores por defecto.
El resultado del diálogo en caso de confirmación:
{
isConfirmed: true
isDenied: false
isDismissed: false
value: true
}
El resultado en caso de cancelación:
{
dismiss: "cancel"
isConfirmed: false
isDenied: false
isDismissed: true
}
Ejemplo:
Si se desea cambiar el valor de un control en la respuesta al swal, el result debe ser async como se indica:
showYesNo({
text: 'Confirma que desea cambiar el valor del InputTextbox1 por lo ingresado en el InputTextbox2?',
title: 'Titulo de su cuadro de diálogo', // Por defecto 'Bizuit Forms'
confirmButtonText: 'Si!', // Por defecto 'Aceptar'
cancelButtonText: 'NO!!' // Por defecto 'Cancelar'
}).then(async result => {
if (result.isConfirmed)
{
BizuitForm.controls['InputTextbox1'].value = await FORM.controls['InputTextbox2'].value;
}
else
{
showSimpleAlert('No se cambió el valor', 'Titulo de su Alerta');
}
})
Alertas de tipo Toast:
Existen 4 tipos de Toast: Info, Warning, Error y Success, cada tipo se indica mediante la llamada a las funciones:
Cada función recibe como parámetro obligatorio el mensaje a mostrar y como parámetros opcionales el título de la alerta y el timeout en segundos.
Ejemplos:
showToastInfo('Mensaje de Información');
showToastInfo('Mensaje de Información', 'Titulo de Información',5);
showToastError('Mensaje de Error', 'Titulo de Error',5);
showToastWarning('Mensaje de Alerta', 'Titulo de Alerta',5);
showToastSuccess('Mensaje de Exito', 'Titulo de Exito',5);