Koha-clms/koha-tmpl/intranet-tmpl/prog/js/cookieconsent.js

(function () {
    // Has the user previously consented, establish our
    // initial state
    let selected = [];
    let existingConsent = "";
    // The presence of a 'cookieConsent' local storage item indicates
    // that previous consent has been set. If the value is empty, then
    // no consent to non-essential cookies was given
    const hasStoredConsent = localStorage.getItem("cookieConsent");
    getExistingConsent();

    // The consent bar may not be in the DOM if it is not being used
    const consentBar = $("#cookieConsentBar");
    const cookieConsentModalEl = document.getElementById("cookieConsentModal");
    if (!consentBar || !cookieConsentModalEl) {
        return;
    }

    // Initialize the consent modal and prevent the modal
    // from being closed with anything but the buttons
    const cookieConsentModal = new bootstrap.Modal(
        document.getElementById("cookieConsentModal"),
        {
            backdrop: "static",
            keyboard: false,
            focus: true,
            show: true,
        }
    );

    if (hasStoredConsent === null) {
        showConsentBar();
    }
    addButtonHandlers();

    // When the modal is opened, populate our state based on currently
    // selected values

    cookieConsentModalEl.addEventListener("shown.bs.modal", () => {
        initialiseSelected();
    });

    // Initialise existing consent based on local storage
    function getExistingConsent() {
        existingConsent = localStorage.getItem("cookieConsent")
            ? localStorage.getItem("cookieConsent")
            : [];
    }

    function showConsentBar() {
        const consentBar = $("#cookieConsentBar");
        const langmenu = $("#changelanguage");
        if (langmenu) {
            const height = langmenu.height();
            consentBar.css("bottom", height);
        }
        consentBar.attr("aria-hidden", "false");
        consentBar.css("display", "flex");
    }

    function hideConsentBar() {
        const consentBar = $("#cookieConsentBar");
        consentBar.attr("aria-hidden", "true");
        consentBar.hide();
    }

    // Hides the appropriate consent container, depending on what
    // is currently visible
    function hideContainer() {
        if ($(cookieConsentModalEl).is(":visible")) {
            cookieConsentModal.hide();
        } else {
            hideConsentBar();
        }
    }

    // Initialise our state of selected item and enable/disable
    // the "Accept selected" button appropriately
    function initialiseSelected() {
        selected = [];
        $(".consentCheckbox").each(function () {
            const val = $(this).val();
            if (existingConsent.indexOf(val) > -1) {
                $(this).prop("checked", true);
                selected.push(val);
            } else {
                $(this).prop("checked", false);
            }
        });
        enableDisableSelectedButton();
    }

    // Maintain our state of selected items and enable/disable
    // the "Accept selected" button appropriately
    function maintainSelected() {
        selected = [];
        $(".consentCheckbox:checked").each(function () {
            selected.push($(this).val());
        });
        enableDisableSelectedButton();
    }

    // Set the enabled / disabled state of the
    // "Accept selected button based on the checkbox
    // states
    function enableDisableSelectedButton() {
        $("#consentAcceptSelected").prop("disabled", selected.length === 0);
    }

    function runConsentedCode() {
        getExistingConsent();
        $(".consentCode").each(function () {
            // The user has explicitly consented to this code, or the
            // code doesn't require consent in the staff view
            if (
                existingConsent.indexOf($(this).data("consent-id")) > -1 ||
                !$(this).data("requires-consent")
            ) {
                const code = atob($(this).data("consent-code"));
                const func = Function(code);
                func();
            } else {
                // This code doesn't have consent to run, we may need to remove
                // any cookies it has previously set
                const matchPattern = $(this).data("consent-match-pattern");
                const cookieDomain = $(this).data("consent-cookie-domain");
                const cookiePath = $(this).data("consent-cookie-path");
                if (matchPattern.length > 0) {
                    const regex = new RegExp(matchPattern);
                    const allCookies = document.cookie.split("; ");
                    allCookies.forEach(function (cookie) {
                        const name = cookie.split("=")[0];
                        if (regex.test(name)) {
                            document.cookie =
                                name +
                                "=; expires=Thu, 01 Jan 1970 00:00:01 GMT; domain=" +
                                cookieDomain +
                                "; path=" +
                                cookiePath;
                        }
                    });
                }
            }
        });
    }

    function addButtonHandlers() {
        // "Accept all" handler
        $(".consentAcceptAll").on("click", function (e) {
            e.preventDefault();
            let toSave = [];
            $(".consentCheckbox").each(function () {
                const val = $(this).val();
                toSave.push(val);
            });
            localStorage.setItem("cookieConsent", toSave);
            hideContainer();
            runConsentedCode();
        });

        // "Accept essential" handler
        $(".consentAcceptEssential").on("click", function (e) {
            e.preventDefault();
            localStorage.setItem("cookieConsent", []);
            hideContainer();
            runConsentedCode();
        });

        // "Accept selected" handler
        $("#consentAcceptSelected").on("click", function (e) {
            e.preventDefault();
            const toSave = selected.length > 0 ? selected : [];
            localStorage.setItem("cookieConsent", toSave);
            hideContainer();
            runConsentedCode();
        });

        // "Cancel" handler
        $(".consentCloseModal").on("click", function (e) {
            e.preventDefault();
            hideContainer();
            showConsentBar();
        });

        // "More information" handler
        $("#consentMoreInfo, #viewCookieConsents").on("click", function (e) {
            e.preventDefault();
            hideConsentBar();
            // Ensure we're up to date with the existing consent
            getExistingConsent();
            cookieConsentModal.show();
        });
        $(".consentCheckbox").on("click", function () {
            maintainSelected();
        });
    }

    // On page load, run any code that has been given consent
    runConsentedCode();
})();