MediaWiki:Mobile.js: Difference between revisions

MediaWiki:Mobile.js (view source)

Revision as of 20:36, 26 August 2025

443 bytes added , 26 August

no edit summary

Jayprakash12345

Bureaucrats, Interface administrators, Administrators

557

edits

@@ Line 1: / Line 1: @@
 /* All JavaScript here will be loaded for users of the mobile site */
-$( function(){
-	if (window.matchMedia("(max-width: 768px)").matches) {
-		if( mw.config.get("skin") !== "minerva" ){
-			const currWikiUrl = new URL(window.location.href);
-			currWikiUrl.searchParams.set('mobileaction', 'toggle_view_mobile');
-			window.location.replace(currWikiUrl);
-		}
-		$("#footer-places-desktop-toggle").remove();
-	} else {
-		if(  mw.config.get("skin") !== "vector" ){
-			const currWikiUrl = new URL(window.location.href);
-			currWikiUrl.searchParams.set('mobileaction', 'toggle_view_desktop');
-			window.location.replace(currWikiUrl);
+// Define table sorting function outside the main block
-		}
-	}
-	var countPoem2 = $(".Poem2-Ekatra");
-	if( countPoem2.length > 0 ){
-	var Poem2lenghtArray = [];
-	for (var k = 0; k <= countPoem2.length; k++) {
-	   Poem2lenghtArray.push(k);
-	}
-		Poem2lenghtArray.forEach(function(j) {
-			var poemElement = $(".Poem2-Ekatra").eq(j);
-			if( poemElement.length ){
-				var poemText = poemElement.html();
-				var poemArray = poemText.split("\n");
-				poemElement.text("");
-				// First measure
-				poemArray.forEach( function(i) {
-					poemElement.append( '<p style="text-indent: 2em;">' + i + '</p>' );
-				});
-				// Second measure
-				poemElement.children('p').each(function () {
-					$(this).css('text-indent', '2em');
-				});
-			}
-		});
-	}
-// Compatible table sorting for mobile - no mw.user dependencies
 function initMobileSorting() {
      console.log('Initializing mobile sorting...');
@@ Line 64: / Line 13: @@
          if (tables.length > 0) {
-            // Try to load jQuery tablesorter
              if (typeof mw !== 'undefined' && mw.loader) {
                  mw.loader.using('jquery.tablesorter').then(function() {
@@ Line 92: / Line 40: @@
 }
-// Try multiple initialization methods
+// Main initialization function
-$(document).ready(function() {
+$( function(){
+    // Mobile/Desktop view switching logic
+    if (window.matchMedia("(max-width: 768px)").matches) {
+        if( mw.config.get("skin") !== "minerva" ){
+            const currWikiUrl = new URL(window.location.href);
+            currWikiUrl.searchParams.set('mobileaction', 'toggle_view_mobile');
+            window.location.replace(currWikiUrl);
+        }
+        $("#footer-places-desktop-toggle").remove();
+    } else {
+        if(  mw.config.get("skin") !== "vector" ){
+            const currWikiUrl = new URL(window.location.href);
+            currWikiUrl.searchParams.set('mobileaction', 'toggle_view_desktop');
+            window.location.replace(currWikiUrl);
+        }
+    }
+    // Poem formatting code
+    var countPoem2 = $(".Poem2-Ekatra");
+    if( countPoem2.length > 0 ){
+        var Poem2lenghtArray = [];
+        for (var k = 0; k <= countPoem2.length; k++) {
+           Poem2lenghtArray.push(k);
+        }
+        Poem2lenghtArray.forEach(function(j) {
+            var poemElement = $(".Poem2-Ekatra").eq(j);
+            if( poemElement.length ){
+                var poemText = poemElement.html();
+                var poemArray = poemText.split("\n");
+                poemElement.text("");
+                // First measure
+                poemArray.forEach( function(i) {
+                    poemElement.append( '<p style="text-indent: 2em;">' + i + '</p>' );
+                });
+                // Second measure
+                poemElement.children('p').each(function () {
+                    $(this).css('text-indent', '2em');
+                });
+            }
+        });
+    }
+    // Initialize table sorting
      initMobileSorting();
-});
+    // Also reinitialize when new content loads (like after editing)
-// Also try when content loads
+    mw.hook('wikipage.content').add(function() {
-mw.hook('wikipage.content').add(function() {
+        initMobileSorting();
-    initMobileSorting();
+    });
-});
 });