modal-link.js

// Fancybox
// -------------------------------------------------- //
$('.modal-link').click(function (evt) {
    evt.preventDefault();

    const url = this.href;
    const breakPoint = this.dataset.breakPoint || 768;
    const separator = /\?/.test(url) ? '&' : '?';

    // Leave some room on either side of a modal.
    const screenMaxWidth = window.innerWidth - 60;

    // Markup can specify `data-modal-width` as a shortcut to set both min and max.
    const defaultMinWidth = this.dataset.modalWidth || this.dataset.modalMinWidth || 700;
    const defaultMaxWidth = this.dataset.modalWidth || this.dataset.modalMaxWidth || 900;

    // Don't let a modal exceed the width of the screen.
    const minWidth = Math.min(screenMaxWidth, defaultMinWidth);
    const maxWidth = Math.min(screenMaxWidth, defaultMaxWidth);

    if ($(window).width() >= breakPoint) {
        $.fancybox.open({
            type: 'iframe',
            src: url + separator + 'view=modal',
            iframe: {
                css: {
                    'width': minWidth + 'px',
                    'max-width': maxWidth + 'px',
                },
            },
        });
    } else {
        window.location = url;
    }
});

window.onModalSuccess = (reload = true) => {
    window.jQuery.fancybox.close();
    if (reload) {
        window.location.reload(true);
    }
}