fix(#831): checkboxes display when user accept or deny cookies

site/assets/js/tac.js

@@ -41,13 +41,50 @@
  })
  }, { once: true })
 
- document.addEventListener('googletagmanager_added', function () {
- var ask = document.querySelector('#googletagmanagerLine .tarteaucitronAsk')
- var choiceEvent = 'tarteaucitron.userInterface.respond(document.getElementById(\'googletagmanagerAllowed\'),document.getElementById(\'googletagmanagerAllowed\').checked);'
- var toggle = document.createRange().createContextualFragment('<div class="form-check form-switch my-2 my-lg-0"><input class="form-check-input ms-0" type="checkbox" id="googletagmanagerAllowed" aria-describedby="tacCLgoogletagmanager" onchange="' + choiceEvent + '"><label class="form-check-label visually-hidden" for="googletagmanagerAllowed">Google Tag Manager</label></div>')
- ask.innerHTML = ''
- ask.append(toggle)
- }, { once: true })
+ document.addEventListener(
+ "googletagmanager_added",
+ function () {
+ var ask = document.querySelector(
+ "#googletagmanagerLine .tarteaucitronAsk"
+ );
+ var choiceEvent =
+ "tarteaucitron.userInterface.respond(document.getElementById('googletagmanagerAllowed'),document.getElementById('googletagmanagerAllowed').checked);";
+ var toggle = document
+ .createRange()
+ .createContextualFragment(
+ '<div class="form-check form-switch my-2 my-lg-0"><input class="form-check-input ms-0" type="checkbox" id="googletagmanagerAllowed" aria-describedby="tacCLgoogletagmanager" onchange="' +
+ choiceEvent +
+ '"><label class="form-check-label visually-hidden" for="googletagmanagerAllowed">Google Tag Manager</label></div>'
+ );
+ ask.innerHTML = "";
+ ask.append(toggle);
+
+ let allowConsentButton = document.querySelector(".tarteaucitronAllow");
+ let denyConsentButton = document.querySelector(".tarteaucitronDeny");
+ let checkboxes = document.querySelectorAll(".form-check-input");
+
+ [allowConsentButton].forEach((button) => {
+ button.addEventListener("click", () => {
+ for (let i = 0; i < checkboxes.length; i++) {
+ if (!checkboxes.checked) {
+ checkboxes[i].checked = true;
+ }
+ }
+ });
+ });
+
+ [denyConsentButton].forEach((button) => {
+ button.addEventListener("click", () => {
+ for (let i = 0; i < checkboxes.length; i++) {
+ if (checkboxes.checked !== true) {
+ checkboxes[i].checked = false;
+ }
+ }
+ });
+ });
+ },
+ { once: true }
+ );
 })()
 
 if (typeof tarteaucitron !== 'undefined') {