MediaWiki:Mobile.js

/* 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);
		}
	}
	
	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');
				});
			}
		
		});
	}
// Enhanced table sorting for mobile
mw.hook('wikipage.content').add(function($content) {
    if (mw.config.get('skin') === 'minerva') {
        // Find all tables that should be sortable
        var $tables = $content.find('.wikitable, table.sortable');
        
        if ($tables.length > 0) {
            mw.loader.using('jquery.tablesorter').done(function() {
                $tables.each(function() {
                    var $table = $(this);
                    if (!$table.hasClass('sortable')) {
                        $table.addClass('sortable');
                    }
                    
                    // Initialize tablesorter with mobile-friendly options
                    $table.tablesorter({
                        theme: 'blue',
                        headerTemplate: '{content} {icon}',
                        widgets: ['zebra'],
                        widgetOptions: {
                            zebra: ["even", "odd"]
                        }
                    });
                });
            });
        }
    }
	});
});