DIG-1127 | Fixed tab icon for CC Bar Accept all button.

brainsum · May 25, 2022 · e1fa33d · e1fa33d
1 parent f081e60
commit e1fa33d
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 7 deletions.
diff --git a/build/cookieconsent.js b/build/cookieconsent.js
@@ -1425,17 +1425,26 @@ var Interface = /*#__PURE__*/function () {
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var tabGroup = _step.value;
+          var lightSwitch = tabGroup.querySelector('button.ccm__switch-group');
+          var tabStatus = tabGroup.querySelector('.ccm__tab-head__status');
 
           if (window.CookieConsent.config.categories[tabGroup.dataset.category].checked) {
             if (!tabGroup.classList.contains('checked-5jhk')) {
               tabGroup.classList.add('checked-5jhk');
-              tabGroup.querySelector('button.ccm__switch-group').setAttribute('aria-checked', 'true');
+              lightSwitch.setAttribute('aria-checked', 'true');
+              tabStatus.classList.remove('ccm__tab-head__status--unchecked');
+              tabStatus.setAttribute('aria-label', Language.getTranslation(window.CookieConsent.config, window.CookieConsent.config.language.current, 'checked'));
+              tabStatus.textContent = '✔';
+              tabStatus.classList.add('ccm__tab-head__status--checked');
             }
 
             ;
           } else {
             if (tabGroup.classList.contains('checked-5jhk')) tabGroup.classList.remove('checked-5jhk');
-            tabGroup.querySelector('button.ccm__switch-group').setAttribute('aria-checked', 'false');
+            lightSwitch.setAttribute('aria-checked', 'false');
+            tabStatus.setAttribute('aria-label', Language.getTranslation(window.CookieConsent.config, window.CookieConsent.config.language.current, 'unchecked'));
+            tabStatus.textContent = '×';
+            tabStatus.classList.add('ccm__tab-head__status--unchecked');
           }
         }
       } catch (err) {

diff --git a/build/cookieconsent.min.js b/build/cookieconsent.min.js
diff --git a/docs/assets/js/cookieconsent.min.js b/docs/assets/js/cookieconsent.min.js
diff --git a/docs_src/src/assets/js/cookieconsent.min.js b/docs_src/src/assets/js/cookieconsent.min.js
diff --git a/src/lib/Interface.js b/src/lib/Interface.js
@@ -191,14 +191,24 @@ export default class Interface {
     var tabGroups = this.elements['modal'].querySelectorAll('.ccm__tabgroup');
 
     for(let tabGroup of tabGroups) {
+      var lightSwitch = tabGroup.querySelector('button.ccm__switch-group');
+      var tabStatus = tabGroup.querySelector('.ccm__tab-head__status');
+
       if(window.CookieConsent.config.categories[tabGroup.dataset.category].checked) {
         if( ! tabGroup.classList.contains('checked-5jhk')) {
           tabGroup.classList.add('checked-5jhk');
-          tabGroup.querySelector('button.ccm__switch-group').setAttribute('aria-checked', 'true');
+          lightSwitch.setAttribute('aria-checked', 'true');
+          tabStatus.classList.remove('ccm__tab-head__status--unchecked');
+          tabStatus.setAttribute('aria-label', Language.getTranslation(window.CookieConsent.config, window.CookieConsent.config.language.current, 'checked'));
+          tabStatus.textContent = '✔';
+          tabStatus.classList.add('ccm__tab-head__status--checked');
         };
       } else {
         if(tabGroup.classList.contains('checked-5jhk')) tabGroup.classList.remove('checked-5jhk');
-        tabGroup.querySelector('button.ccm__switch-group').setAttribute('aria-checked', 'false');
+        lightSwitch.setAttribute('aria-checked', 'false');
+        tabStatus.setAttribute('aria-label', Language.getTranslation(window.CookieConsent.config, window.CookieConsent.config.language.current, 'unchecked'));
+        tabStatus.textContent = '×';
+        tabStatus.classList.add('ccm__tab-head__status--unchecked');
       }
     }
   }