MediaWiki:Common.js: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-/* Any JavaScript here will be loaded for all users on every page load. */
+/* MediaWiki:Common.js
+   Global JS for the wiki.
+   - Keeps FAQ expand/collapse handlers.
+   - Adds reliable body classes (mw-user / mw-anonuser) using mw.config.get('wgUserId').
+   - Lightweight and safe; fails silently if mw or mw.config is unavailable.
+*/
-$(document).ready(function () {
+/* Expand/Collapse all for FAQList */
+mw.hook('wikipage.content').add(function ($content) {
-//if (mw.config.get('wgUserName') != "ST") {
+    // Expand all
+    $content.on('click', '.faq-expand-all', function () {
+        $('.faq-list details').attr('open', true);
+    });
-if (jQuery.inArray("sysop", mw.config.get('wgUserGroups') ) > -1 ) {
+    // Collapse all
+    $content.on('click', '.faq-collapse-all', function () {
+        $('.faq-list details').removeAttr('open');
+    });
+});
-     //Disable cut copy paste
+/* Helper: ensure body has mw-user or mw-anonuser so CSS can target logged-in vs anon reliably.
-     $('body').bind('cut copy paste', function (e) {
+   Uses mw.config.get('wgUserId') which is present in all ResourceLoader contexts.
-        e.preventDefault();
+*/
-    });
+(function () {
+     try {
-    //Disable mouse right click
+        if ( typeof mw === 'undefined' || !mw.config || typeof mw.config.get !== 'function' ) {
-    $("body").on("contextmenu",function(e){
+            // mw or mw.config not available yet — try again after DOM ready
-        return false;
+            document.addEventListener('DOMContentLoaded', function () {
-    });
+                try {
+                    var uid = (window.mw && mw.config && mw.config.get) ? mw.config.get('wgUserId') : null;
+                    if (!uid) {
+                        document.body.classList.add('mw-anonuser');
+                        document.body.classList.remove('mw-user');
+                    } else {
+                        document.body.classList.add('mw-user');
+                        document.body.classList.remove('mw-anonuser');
+                    }
+                } catch (e) {
+                    if (window.console && console.warn) console.warn('Common.js body class helper (deferred) failed', e);
+                }
+            }, { once: true });
+            return;
+        }
-} else {
+        // If body exists now, set classes immediately; otherwise wait for DOMContentLoaded
+        function setBodyClass() {
+            try {
+                var uid = mw.config.get('wgUserId');
+                if (!uid || uid === 0 || uid === '') {
+                    document.body.classList.add('mw-anonuser');
+                    document.body.classList.remove('mw-user');
+                } else {
+                    document.body.classList.add('mw-user');
+                    document.body.classList.remove('mw-anonuser');
+                }
+            } catch (e) {
+                if (window.console && console.warn) console.warn('Common.js body class helper failed', e);
+            }
+        }
-     console.write("UserName =" + mw.config.get('wgUserName'))
+        if (document.body) {
+            setBodyClass();
+        } else {
+            document.addEventListener('DOMContentLoaded', setBodyClass, { once: true });
+        }
+    } catch (e) {
+        if (window.console && console.warn) console.warn('Common.js initialization failed', e);
+    }
+}());
- };
+// Add a simple sidebar toggle for small screens
+( function () {
+  if ( mw.config.get('skin') && window.matchMedia('(max-width: 800px)').matches ) {
+    var btn = document.createElement('button');
+    btn.className = 'sidebar-toggle';
+    btn.textContent = '☰';
+    document.body.appendChild(btn);
-});
+    btn.addEventListener('click', function () {
+      var sb = document.querySelector('.vector-sidebar, .mw-sidebar, #mw-panel');
+      if ( sb ) sb.classList.toggle('open');
+    });
+  }
+}() );