Widget:EMMNavigatorTree: verschil tussen versies

Huidige versie van 15 okt 2024 om 16:47

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 class="row">
+     <div id="emm-navtree" class="demo" style="margin-top:1em;"></div>
-        <div class="col-md-4 col-sm-8 col-xs-8">
+     <link rel="stylesheet" type="text/css" href="../extensions/emm-navigation-tree/js/lib/style.css">
-        <button type="button" class="btn btn-success btn-sm" onclick="demo_create();"><i class="glyphicon glyphicon-asterisk"></i> Create</button>
+<script type="text/javascript">
-        <button type="button" class="btn btn-warning btn-sm" onclick="demo_rename();"><i class="glyphicon glyphicon-pencil"></i> Rename</button>
+function checkIfReadyAndExecute()
-        <button type="button" class="btn btn-danger btn-sm" onclick="demo_delete();"><i class="glyphicon glyphicon-remove"></i> Delete</button>
+{
-    </div>
+var c='<!--{$rootPages}-->';
-    </div>-->
+var emmNavigationTree=new EMMNavigationTree(mw,
-    <div id="results" class="demo" style="margin-top:1em;"></div>
+"<!--{$currentPageName|default:'Pagename niet doorgekregen'}-->",c);
-     <script type="text/javascript" src="../extensions/emm-navigation-tree/js/lib/jquery-1.9.1.js"></script>
+}
-    <script src="../extensions/emm-navigation-tree/js/lib/jstree.js" charset="utf-8"></script>
+RLQ.push(function () {
-<!--    <script src="../extensions/emm-navigation-tree/js/lib/jquery.sticky.js"></script>
+     function waitForMwLoaderUsing(callback) {
-      </script>
+        if (typeof mw !== 'undefined' && mw.loader && typeof mw.loader.using === 'function') {
-  <style>
+            callback();
+        } else {
-     #results {
+            console.warn('mw.loader.using is not available yet. Retrying...');
-      background: #bada55;
+            setTimeout(function() {
-      color: white;<!--{$rootPages}-->
+                waitForMwLoaderUsing(callback);
-      width: 300px;
+            }, 100); // Retry every 100 milliseconds
-      border-radius: 50px;
+        }
      }
-  </style>-->
-     <script src="../extensions/emm-navigation-tree/js/Emm-Jstree.js" charset="utf-8"></script>
+     waitForMwLoaderUsing(function () {
+         mw.loader.using(['ext.EMMNavigationTree', 'mediawiki.api'])
+             .then(function () {
-    <script type="text/javascript">
+                console.log('Modules loaded');
-        function checkIfReadyAndExecute()
+                checkIfReadyAndExecute();
-         {
+            })
-             //$("#results").sticky({topSpacing:0});
+            .catch(function (err) {
-            var c='<!--{$rootPages}-->';
+                console.error('Error loading modules:', err);
-            console.log("rootPages:",c);
+            });
-            var emmNavigationTree=new EMMNavigationTree(
+    });
-                "<!--{$currentPageName|default:'Pagename niet doorgekregen'}-->",c);
+});
-        }
-        /*RLQ.push(function () {
-         console.log("jquery now loaded");
-         //
-         $.getScript("../extensions/emm-navigation-tree/js/lib/jstree.js", function(){
-         $.getScript("../extensions/emm-navigation-tree/js/Emm-Jstree.js", function(){
-         checkIfReadyAndExecute();
-         });
+</script>
-         });
-         });*/
-        checkIfReadyAndExecute();
-    </script>
 </includeonly>