IBX-9137: Fixed disabled state on translate button when no languages … (

#1377)
ibexa · Oct 24, 2024 · 881be3b · 881be3b
1 parent 2867274
commit 881be3b
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/src/bundle/Resources/public/js/scripts/admin.location.add.translation.js b/src/bundle/Resources/public/js/scripts/admin.location.add.translation.js
@@ -1,17 +1,15 @@
 (function (global, doc) {
     const SELECTOR_MODAL = '.ibexa-modal';
+    const toggleBtnDisabledState = (select) => {
+        const modal = select.closest(SELECTOR_MODAL);
+        const buttonCreate = modal.querySelector('.ibexa-btn--create-translation');
+
+        buttonCreate.toggleAttribute('disabled', !select.value);
+    };
 
     doc.querySelectorAll('.ibexa-translation__language-wrapper--language').forEach((select) => {
-        select.addEventListener(
-            'change',
-            (event) => {
-                const modal = event.target.closest(SELECTOR_MODAL);
-                const buttonCreate = modal.querySelector('.ibexa-btn--create-translation');
-                const method = event.target.value ? 'removeAttribute' : 'setAttribute';
+        toggleBtnDisabledState(select);
 
-                buttonCreate[method]('disabled', true);
-            },
-            false,
-        );
+        select.addEventListener('change', toggleBtnDisabledState, false);
     });
 })(window, window.document);