Widget:EMMNavigatorTree: verschil tussen versies

Huidige versie van 24 jun 2024 om 14:30

Dit is de Widget:EMMNavigatorTree Widget.

@@ Regel 1: / Regel 1: @@
-<noinclude>
+<noinclude>Dit is de Widget:EMMNavigatorTree Widget.</noinclude>
-    Dit is de Widget:EMMNavigatorTree Widget.
-</noinclude>
 <includeonly>
+     <div id="emm-navtree" class="demo" style="margin-top:1em;"></div>
-     <div id="results" class="demo" style="margin-top:1em;"></div>
      <link rel="stylesheet" type="text/css" href="../extensions/emm-navigation-tree/js/lib/style.css">
-    <script type="text/javascript" src="../extensions/emm-navigation-tree/js/lib/jquery-1.9.1.js"></script>
+<script type="text/javascript">
-    <script src="../extensions/emm-navigation-tree/js/lib/jstree.js" charset="utf-8"></script>
+function checkIfReadyAndExecute()
-<!--    <script src="../extensions/emm-navigation-tree/js/lib/jquery.sticky.js"></script>
+{
-      </script>
+var c='<!--{$rootPages}-->';
-  <style>
+var emmNavigationTree=new EMMNavigationTree(mw,
+"<!--{$currentPageName|default:'Pagename niet doorgekregen'}-->",c);
-    #results {
+}
-      background: #bada55;
+RLQ.push(function () {
-      color: white;<!--{$rootPages}-->
+    function waitForMwLoaderUsing(callback) {
-      width: 300px;
+        if (typeof mw !== 'undefined' && mw.loader && typeof mw.loader.using === 'function') {
-      border-radius: 50px;
+            callback();
+        } else {
+            console.warn('mw.loader.using is not available yet. Retrying...');
+            setTimeout(function() {
+                waitForMwLoaderUsing(callback);
+            }, 100); // Retry every 100 milliseconds
+        }
      }
-  </style>-->
-    <script src="../extensions/emm-navigation-tree/js/Emm-Jstree.js" charset="utf-8"></script>
-    <script type="text/javascript">
-        function checkIfReadyAndExecute()
-        {
-            //$("#results").sticky({topSpacing:0});
-            var c='<!--{$rootPages}-->';
-            console.log("rootPages:",c);
-            var emmNavigationTree=new EMMNavigationTree(
-                "<!--{$currentPageName|default:'Pagename niet doorgekregen'}-->",c);
-         }
+    waitForMwLoaderUsing(function () {
-        /*RLQ.push(function () {
+         mw.loader.using(['ext.EMMNavigationTree', 'mediawiki.api'])
-         console.log("jquery now loaded");
+            .then(function () {
-         //
+                console.log('Modules loaded');
-         $.getScript("../extensions/emm-navigation-tree/js/lib/jstree.js", function(){
+                checkIfReadyAndExecute();
-         $.getScript("../extensions/emm-navigation-tree/js/Emm-Jstree.js", function(){
+            })
+            .catch(function (err) {
+                console.error('Error loading modules:', err);
+            });
+    });
+});
-         checkIfReadyAndExecute();
-         });
+</script>
-         });
-         });*/
-        checkIfReadyAndExecute();
-    </script>
 </includeonly>