aswi20220x00-gitlab/webapp/utils/alerts.ts @ c4f198c3

import Swal, { SweetAlertIcon, SweetAlertPosition } from 'sweetalert2';
import withReactContent from 'sweetalert2-react-content';

const MySwal = withReactContent(Swal);

export function ShowToast(
    text: string,
    icon: SweetAlertIcon = 'success',
    timer = 3000,
    position: SweetAlertPosition = 'top-right'
) {
    const Toast = Swal.mixin({
        toast: true,
        position: position,
        showConfirmButton: false,
        timer: timer,
        timerProgressBar: true,
        didOpen: (toast) => {
            toast.addEventListener('mouseenter', Swal.stopTimer);
            toast.addEventListener('mouseleave', Swal.resumeTimer);
        },
    });

    Toast.fire({
        icon: icon,
        title: text,
    });
}

export function ShowConfirmDelete(deleteAction: () => void, deleteSubjectLabel: string) {
    Swal.fire({
        icon: 'question',
        title: 'Opravdu si přejete smazat ' + deleteSubjectLabel + '?',
        showCancelButton: true,
        confirmButtonText: 'Smazat',
        confirmButtonColor: '#d33',
        cancelButtonText: 'Zrušit',
        cancelButtonColor: '#c0c0c0',
    }).then((result) => {
        if (result.isConfirmed) {
            deleteAction();
        }
    });
}

export function ShowConfirm(
    action: () => void,
    actionLabel: string,
    description: string = '',
    icon: SweetAlertIcon = 'question'
) {
    Swal.fire({
        icon: icon,
        title: 'Opravdu si přejete ' + actionLabel + '?',
        html: description,
        showCancelButton: true,
        confirmButtonText: 'Potvrdit',
        confirmButtonColor: '#5278ff',
        cancelButtonText: 'Zrušit',
        cancelButtonColor: '#c0c0c0',
    }).then((result) => {
        if (result.isConfirmed) {
            action();
        }
    });
}