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

Orange-OpenSource · Oct 18, 2021 · 363808f · 363808f
1 parent 54f50d7
commit 363808f
Showing 1 changed file with 21 additions and 26 deletions.
diff --git a/site/assets/js/tac.js b/site/assets/js/tac.js
@@ -45,49 +45,44 @@
   }, { once: true })
 
   document.addEventListener(
-    "googletagmanager_added",
+    'googletagmanager_added',
     function () {
       var ask = document.querySelector(
         '#googletagmanagerLine .tarteaucitronAsk'
-      );
+      )
       var choiceEvent =
-        'tarteaucitron.userInterface.respond(document.getElementById("googletagmanagerAllowed"),document.getElementById("googletagmanagerAllowed").checked);';
+        '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);
+        )
+      ask.innerHTML = ''
+      ask.append(toggle)
 
-      var allowConsentButton = document.querySelector('.tarteaucitronAllow')
-      var denyConsentButton = document.querySelector('.tarteaucitronDeny')
+      var allowConsentButton = document.querySelector('#tarteaucitronAllAllowed')
+      var denyConsentButton = document.querySelector('#tarteaucitronAllDenied')
       var checkboxes = document.querySelectorAll('.form-check-input')
 
-      [allowConsentButton].forEach(function (button) {
-        button.addEventListener('click', function () {
-          for (var i = 0; i < checkboxes.length; i++) {
-            if (!checkboxes.checked) {
-              checkboxes[i].checked = true;
-            }
+      allowConsentButton.addEventListener('click', function () {
+        for (var i = 0; i < checkboxes.length; i++) {
+          if (!checkboxes.checked) {
+            checkboxes[i].checked = true
           }
-        })
-      });
-
-      [denyConsentButton].forEach(function (button) {
-        button.addEventListener('click', function () {
-          for (var i = 0; i < checkboxes.length; i++) {
-            if (checkboxes.checked !== true) {
-              checkboxes[i].checked = false;
-            }
+        }
+      })
+      denyConsentButton.addEventListener('click', function () {
+        for (var i = 0; i < checkboxes.length; i++) {
+          if (checkboxes.checked !== true) {
+            checkboxes[i].checked = false
           }
-        });
-      });
+        }
+      })
     },
     { once: true }
-  );
+  )
 })()
 
 if (typeof tarteaucitron !== 'undefined') {