From ff972f80a255dba69f671e0c9de63bb20e6624bb Mon Sep 17 00:00:00 2001 From: Matt Shaw Date: Tue, 25 Feb 2025 14:31:15 +0000 Subject: [PATCH] modular js --- web/src/js/modules/cookie-banner.js | 92 ++++++++++++++--------------- 1 file changed, 45 insertions(+), 47 deletions(-) diff --git a/web/src/js/modules/cookie-banner.js b/web/src/js/modules/cookie-banner.js index 9449cbf..a2fd278 100644 --- a/web/src/js/modules/cookie-banner.js +++ b/web/src/js/modules/cookie-banner.js @@ -1,51 +1,49 @@ -(function () { - // Dont display if cookies policy already set - if ( - !document.cookie - .split(";") - .some((item) => item.trim().startsWith("cookies_policy=")) - ) { - const cookieBanner = document.getElementById("cookie-banner"); - const defaultMessage = document.getElementById("default-message"); - const acceptedMessage = document.getElementById("accepted-message"); - const rejectedMessage = document.getElementById("rejected-message"); +// Dont display if cookies policy already set +if ( + !document.cookie + .split(";") + .some((item) => item.trim().startsWith("cookies_policy=")) +) { + const cookieBanner = document.getElementById("cookie-banner"); + const defaultMessage = document.getElementById("default-message"); + const acceptedMessage = document.getElementById("accepted-message"); + const rejectedMessage = document.getElementById("rejected-message"); - // Accept additional cookies - document - .getElementById("accept-cookies") - .addEventListener("click", function () { - // If only using one category of cookie, ammend the policy content as appropriate - document.cookie = - 'cookies_policy={"analytics": "yes", "functional": "yes"}; max-age=31557600; path=/; secure; samesite=lax'; - defaultMessage.hidden = true; - acceptedMessage.hidden = false; - }); + // Accept additional cookies + document + .getElementById("accept-cookies") + .addEventListener("click", function () { + // If only using one category of cookie, ammend the policy content as appropriate + document.cookie = + 'cookies_policy={"analytics": "yes", "functional": "yes"}; max-age=31557600; path=/; secure; samesite=lax'; + defaultMessage.hidden = true; + acceptedMessage.hidden = false; + }); - // Reject additional cookies - document - .getElementById("reject-cookies") - .addEventListener("click", function () { - // If only using one category of cookie, ammend the policy content as appropriate - document.cookie = - 'cookies_policy={"analytics": "no", "functional": "no"}; max-age=31557600; path=/; secure; samesite=lax'; - defaultMessage.hidden = true; - rejectedMessage.hidden = false; - }); + // Reject additional cookies + document + .getElementById("reject-cookies") + .addEventListener("click", function () { + // If only using one category of cookie, ammend the policy content as appropriate + document.cookie = + 'cookies_policy={"analytics": "no", "functional": "no"}; max-age=31557600; path=/; secure; samesite=lax'; + defaultMessage.hidden = true; + rejectedMessage.hidden = false; + }); - // Hide accepted message - document - .getElementById("accepted-hide") - .addEventListener("click", function () { - acceptedMessage.hidden = true; - cookieBanner.hidden = true; - }); + // Hide accepted message + document + .getElementById("accepted-hide") + .addEventListener("click", function () { + acceptedMessage.hidden = true; + cookieBanner.hidden = true; + }); - // Hide rejected message - document - .getElementById("rejected-hide") - .addEventListener("click", function () { - rejectedMessage.hidden = true; - cookieBanner.hidden = true; - }); - } -})(); + // Hide rejected message + document + .getElementById("rejected-hide") + .addEventListener("click", function () { + rejectedMessage.hidden = true; + cookieBanner.hidden = true; + }); +}