put code to funcs

ibexa · Nov 27, 2024 · c1df592 · c1df592
1 parent b1a1edf
commit c1df592
Showing 1 changed file with 39 additions and 33 deletions.
diff --git a/src/bundle/Resources/public/js/scripts/admin.distraction.free.mode.js b/src/bundle/Resources/public/js/scripts/admin.distraction.free.mode.js
@@ -5,6 +5,43 @@
     const DISTRACTION_FREE_DISABLE_EVENT_NAME = 'ibexa-distraction-free:disable';
     const distractionFreeModeEnableBtns = doc.querySelectorAll('.ibexa-field-edit__distraction-free-mode-control-btn--enable');
     const distractionFreeModeDisableBtns = doc.querySelectorAll('.ibexa-field-edit__distraction-free-mode-control-btn--disable');
+    const resetAncestorsPositions = (field) => {
+        let parentElement = field.parentNode;
+
+        while (parentElement && parentElement !== doc.body) {
+            const { overflow, position } = getComputedStyle(parentElement);
+
+            if (overflow !== 'visible' || position === 'absolute') {
+                clearedPositionNodesData.push({
+                    node: parentElement,
+                    originalInlineOverflow: parentElement.style.overflow,
+                    originalInlinePosition: parentElement.style.position,
+                });
+
+                parentElement.style.overflow = 'visible';
+                parentElement.style.position = 'static';
+            }
+
+            parentElement = parentElement.parentNode;
+        }
+    }
+    const restoreAncestorsPositions = () => {
+        clearedPositionNodesData.forEach(({ node, originalInlineOverflow, originalInlinePosition }) => {
+            if (originalInlineOverflow) {
+                node.style.overflow = originalInlineOverflow;
+            } else {
+                node.style.removeProperty('overflow');
+            }
+
+            if (originalInlinePosition) {
+                node.style.position = originalInlinePosition;
+            } else {
+                node.style.removeProperty('position');
+            }
+        });
+
+        clearedPositionNodesData = [];
+    }
     const changeDistractionFreeModeState = (active) => {
         if (!activeFieldEdit) {
             return;
@@ -18,40 +55,9 @@
         editorInstance.set('distractionFreeModeActive', active);
 
         if (active) {
-            let parentElement = activeFieldEdit.parentNode;
-
-            while (parentElement && parentElement !== doc.body) {
-                const { overflow, position } = getComputedStyle(parentElement);
-
-                if (overflow !== 'visible' || position === 'absolute') {
-                    clearedPositionNodesData.push({
-                        node: parentElement,
-                        originalInlineOverflow: parentElement.style.overflow,
-                        originalInlinePosition: parentElement.style.position,
-                    });
-
-                    parentElement.style.overflow = 'visible';
-                    parentElement.style.position = 'static';
-                }
-
-                parentElement = parentElement.parentNode;
-            }
+            resetAncestorsPositions(activeFieldEdit);
         } else {
-            clearedPositionNodesData.forEach(({ node, originalInlineOverflow, originalInlinePosition }) => {
-                if (originalInlineOverflow) {
-                    node.style.overflow = originalInlineOverflow;
-                } else {
-                    node.style.removeProperty('overflow');
-                }
-
-                if (originalInlinePosition) {
-                    node.style.position = originalInlinePosition;
-                } else {
-                    node.style.removeProperty('position');
-                }
-            });
-
-            clearedPositionNodesData = [];
+            restoreAncestorsPositions();
         }
 
         doc.body.dispatchEvent(