IBX-617: After CR

ezsystems · Jul 14, 2021 · d66f52f · d66f52f
1 parent 7df71b5
commit d66f52f
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/bundle/Resources/public/js/scripts/toggle.button.state.toggle.js b/src/bundle/Resources/public/js/scripts/toggle.button.state.toggle.js
@@ -4,38 +4,43 @@
     const toggleState = (event) => {
         event.preventDefault();
 
-        if (event.currentTarget.classList.contains('ibexa-toggle--is-disabled')) {
+        const toggler = event.currentTarget;
+
+        if (toggler.classList.contains('ibexa-toggle--is-disabled')) {
             return;
         }
 
-        event.currentTarget.classList.toggle('ibexa-toggle--is-checked');
+        const isChecked = toggler.classList.toggle('ibexa-toggle--is-checked');
 
-        const isChecked = event.currentTarget.classList.contains('ibexa-toggle--is-checked');
-        const valueToSet = isChecked ? 1 : 0;
+        if (toggler.classList.contains('ibexa-toggle--radio')) {
+            const valueToSet = isChecked ? 1 : 0;
 
-        if (event.currentTarget.classList.contains('ibexa-toggle--radio')) {
-            event.currentTarget.querySelector(`.form-check input[value="${valueToSet}"]`).checked = true;
+            toggler.querySelector(`.form-check input[value="${valueToSet}"]`).checked = true;
         } else {
-            event.currentTarget.querySelector('.ibexa-toggle__input').checked = isChecked;
+            toggler.querySelector('.ibexa-toggle__input').checked = isChecked;
         }
     };
     const addFocus = (event) => {
         event.preventDefault();
 
-        if (event.currentTarget.classList.contains('ibexa-toggle--is-disabled')) {
+        const toggler = event.currentTarget.closest('.ibexa-toggle');
+
+        if (toggler.classList.contains('ibexa-toggle--is-disabled')) {
             return;
         }
 
-        event.currentTarget.closest('.ibexa-toggle').classList.add('ibexa-toggle--is-focused');
+        toggler.classList.add('ibexa-toggle--is-focused');
     };
     const removeFocus = (event) => {
         event.preventDefault();
 
-        if (event.currentTarget.classList.contains('ibexa-toggle--is-disabled')) {
+        const toggler = event.currentTarget.closest('.ibexa-toggle');
+
+        if (toggler.classList.contains('ibexa-toggle--is-disabled')) {
             return;
         }
 
-        event.currentTarget.closest('.ibexa-toggle').classList.remove('ibexa-toggle--is-focused');
+        toggler.classList.remove('ibexa-toggle--is-focused');
     };
 
     toggleFields.forEach((toggleField) => toggleField.addEventListener('click', toggleState, false));