[TASK] Renew PageOverview CSS/JS includings

in2code-de · Oct 31, 2024 · 4df8c57 · 4df8c57
1 parent 9dc853c
commit 4df8c57
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 14 deletions.
diff --git a/Resources/Private/Build/JavaScript/Backend/Module.js b/Resources/Private/Build/JavaScript/Backend/Module.js
@@ -1,3 +1,6 @@
+import "@in2code/lux/Diagram.min.js";
+import "@in2code/lux/PageOverview.min.js";
+
 const LuxBackend = function() {
   /**
    * @type {LuxBackend}

diff --git a/Resources/Private/Build/JavaScript/Backend/PageOverview.js b/Resources/Private/Build/JavaScript/Backend/PageOverview.js
@@ -3,7 +3,7 @@
  *
  * @class LuxBackend
  */
-function LuxPageOverview() {
+const LuxPageOverview = function() {
   'use strict';
 
   /**
@@ -116,7 +116,3 @@ function LuxPageOverview() {
 
 var LuxPageOverviewObject = new LuxPageOverview();
 LuxPageOverviewObject.initialize();
-
-
-
-
diff --git a/Resources/Private/Templates/Backend/PageOverview.html b/Resources/Private/Templates/Backend/PageOverview.html
@@ -1,4 +1,13 @@
 <f:if condition="{visitors}">
+
+    <f:be.pageRenderer includeJavaScriptModules="{
+        0: '@in2code/lux/PageOverview.min.js',
+        1: '@in2code/lux/Diagram.min.js'
+        2: '@in2code/lux/Module.min.js'
+    }" includeCssFiles="{
+        0: '{f:uri.resource(path:\'Css/PageOverview.min.css\',extensionName:\'Lux\')}'
+    }"/>
+
     <div class="lux">
         <lux:condition.isLuxenterpriseExtensionActivated>
             <f:else>
@@ -27,12 +36,5 @@ <h4 class="callout-title">
                 </p>
             </lux:backend.getRenderingTime>
         </div>
-
-        <link rel="stylesheet" type="text/css" href="{f:uri.resource(path:'Css/PageOverview.min.css',extensionName:'lux')}" media="all">
-        <f:comment>
-            <lux:backend.addRequireJsModule moduleName="TYPO3/CMS/Lux/Lux/Diagram.min" />
-            <lux:backend.addRequireJsModule moduleName="TYPO3/CMS/Lux/Lux/Module.min" />
-        </f:comment>
-        <script src="{f:uri.resource(path:'JavaScript/Lux/PageOverview.min.js',extensionName:'lux')}"></script>
     </div>
 </f:if>
diff --git a/Resources/Public/JavaScript/Lux/Module.min.js b/Resources/Public/JavaScript/Lux/Module.min.js
diff --git a/Resources/Public/JavaScript/Lux/PageOverview.min.js b/Resources/Public/JavaScript/Lux/PageOverview.min.js