FEATURE: Provide events to initialize backend module JS

Neos.Neos/Resources/Public/JavaScript/index.js

@@ -15,61 +15,79 @@ import { isNil } from "./Helper";
 window.jQuery = jQuery;
 window.$ = jQuery;
 
-// init API's
-Helper.init();
-Configuration.init();
-Notification.init();
-Localization.init();
-
-cachedFetch(Configuration.get("XliffUri")).then((xliffData) => {
-  if (xliffData) {
-    Localization.initTranslations(xliffData);
-  }
+document.addEventListener("DOMContentLoaded", (event) => {
+  initialize();
 });
 
-document.addEventListener("DOMContentLoaded", (event) => {
+const initialize = () => {
+  // init API's
+  Helper.init();
+  Configuration.init();
+  Notification.init();
+  Localization.init();
 
-  const dropDownMenuElements = document.querySelectorAll(".neos-user-menu");
-  dropDownMenuElements.forEach((dropDownElement) => {
-    new DropDownMenu(dropDownElement);
+  cachedFetch(Configuration.get("XliffUri")).then((xliffData) => {
+    if (xliffData) {
+        Localization.initTranslations(xliffData);
+    }
   });
 
+  initializeMenuPanel();
+  initializeDropDownMenus();
+  initializeExpandableElements();
+  initializeUserMenu();
+  initializeUserManagement();
+  initializeTree();
+  initializeModal();
+}
+const initializeMenuPanel = () => {
   const menuPanelElements = document.querySelectorAll(".neos-menu");
   menuPanelElements.forEach((panelElement) => {
     new MenuPanel(panelElement);
   });
+}
+const initializeExpandableElements = () => {
+  const expandableElements = document.querySelectorAll(
+      "[data-neos-expandable=dropdown]"
+  );
+  expandableElements.forEach((expandableElement) => {
+    new DropDown(expandableElement);
+  });
 
+  const expandableGroupElements = document.querySelectorAll(
+      "[data-neos-expandable=dropdown-group]"
+  );
+  expandableGroupElements.forEach((expandableElement) => {
+    new DropDownGroup(expandableElement);
+  });
+}
+
+const initializeDropDownMenus = () => {
+  const dropDownMenuElements = document.querySelectorAll(".neos-user-menu");
+  dropDownMenuElements.forEach((dropDownElement) => {
+    new DropDownMenu(dropDownElement);
+  });
+}
+const initializeTree = () => {
   const treeElements = document.querySelectorAll(".neos-tree-container");
   treeElements.forEach((treeElement) => {
     new Tree(treeElement);
   });
-
+}
+const initializeModal = () => {
   const modalTrigger = Array.from(
-    document.querySelectorAll('[data-toggle="modal"]')
+      document.querySelectorAll('[data-toggle="modal"]')
   );
   modalTrigger.forEach((_modalTrigger) => {
     const modalElement = document.querySelector(
-      _modalTrigger.getAttribute("href")
+        _modalTrigger.getAttribute("href")
     );
     if (!isNil(modalElement)) {
       new Modal(modalElement);
     }
   });
-
-  const expandableElements = document.querySelectorAll(
-    "[data-neos-expandable=dropdown]"
-  );
-  expandableElements.forEach((expandableElement) => {
-    new DropDown(expandableElement);
-  });
-
-  const expandableGroupElements = document.querySelectorAll(
-    "[data-neos-expandable=dropdown-group]"
-  );
-  expandableGroupElements.forEach((expandableElement) => {
-    new DropDownGroup(expandableElement);
-  });
-
+}
+const initializeUserManagement = () => {
   const userModuleContainer = document.querySelector('.neos-module-administration-users');
   if (!isNil(userModuleContainer)) {
     Array.from(userModuleContainer.querySelectorAll('.neos-table')).forEach(
@@ -80,9 +98,58 @@ document.addEventListener("DOMContentLoaded", (event) => {
         }
     )
   }
-
+}
+const initializeUserMenu = () => {
   const userMenuContainer = document.querySelector('#neos-top-bar .neos-user-menu');
   if (!isNil(userMenuContainer)) {
     new UserMenu(userMenuContainer);
   }
-});
+}
+
+window.addEventListener(
+    'neos:neos:initialize',
+    initialize,
+    false
+)
+
+window.addEventListener(
+    'neos:neos:initialize-menu-panel',
+    initializeMenuPanel,
+    false
+)
+
+window.addEventListener(
+    'neos:neos:initialize-expandable-elements',
+    initializeExpandableElements,
+    false
+)
+
+window.addEventListener(
+    'neos:neos:initialize-drop-down-menus',
+    initializeDropDownMenus,
+    false
+)
+
+window.addEventListener(
+    'neos:neos:initialize-tree',
+    initializeTree,
+    false
+)
+
+window.addEventListener(
+    'neos:neos:initialize-modal',
+    initializeModal,
+    false
+)
+
+window.addEventListener(
+    'neos:neos:initialize-user-management',
+    initializeUserManagement,
+    false
+)
+
+window.addEventListener(
+    'neos:neos:initialize-user-menu',
+    initializeUserMenu,
+    false
+)