Initial version

themes/zen/assets/js/cookieconsent.js

@@ -0,0 +1,44 @@
+/**
+ * @file
+ * A JavaScript file for cookie consent.
+ */
+
+(function () {
+
+  'use strict';
+
+  const cookiebanner = document.querySelector('.cookieconsent');
+  const cookieconsent = localStorage.getItem('cookieconsent');
+
+  if (cookiebanner && !cookieconsent) {
+    cookiebanner.classList.remove('hidden');
+    cookiebanner.classList.add('js-cookieconsent-open');
+  }
+
+  const cookie_buttons = document.querySelectorAll('button[data-consent]');
+  cookie_buttons.forEach(function (button) {
+    button.addEventListener('click', function () {
+      if (button.getAttribute('data-consent') === 'true') {
+        localStorage.setItem('cookieconsent', 'accept');
+      }
+      else {
+        localStorage.setItem('cookieconsent', 'decline');
+      }
+      cookiebanner.classList.remove('js-cookieconsent-open');
+      cookiebanner.classList.add('hidden');
+    });
+  });
+
+  const clear_buttons = document.querySelectorAll('.clearcookieconsent');
+  clear_buttons.forEach(function (button) {
+    button.addEventListener('click', function (e) {
+      e.preventDefault();
+      if (cookiebanner && cookieconsent) {
+        localStorage.removeItem('cookieconsent');
+        cookiebanner.classList.remove('hidden');
+        cookiebanner.classList.add('js-cookieconsent-open');
+      }
+    });
+  });
+
+})();