MediaWiki:Mobile.js

Revision as of 01:20, August 23, 2024 by Johnrdorazio (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for users using the mobile site */
console.log('Running from Mobile.js');
mw.hook('wikipage.content').add(function() {
    console.log('Hello World from Mobile.js');
});
// Commenting out the following line since it should be taken care of by Global.js
//mw.loader.load( '/w/index.php?title=MediaWiki:BibleGet.js&action=raw&ctype=text/javascript' );
//mw.loader.using('mobile.site.styles');
// MakeMobileCollapsible, enables collapsible templates/infoboxes on the mobile site.
// See https://en.wikipedia.org/wiki/Wikipedia:MakeMobileCollapsible for more information.
// This is a spinoff from Factotum. (https://en.wikipedia.org/wiki/User:Alexis_Jazz/Factotum)
// MakeMobileCollapsible is public domain, irrevocably released as WTFPL Version 2[www.wtfpl.net/about/] by its author, Alexis Jazz.
/*globals $:false,mw:false*/
//<nowiki>
let MMCollap = {};
MMCollap.do = function( $content ) {
	console.log('MMCollap.do was called');
	/* Outcommented for now, to be revisited later as some people raised potential concerns with providing mobile-only features:
	Allow content to be collapsible only on the mobile site which could be useful as mobile displays are smaller, so the threshold to wish to make something collapsible could be greater
	to achieve this, change "mw-" to "MMC-" in all classes used. Do NOT use custom toggles as they won't be hidden on the desktop site.
	classes = ['collapsible','collapsed','collapsible-toggle','collapsible-content','collapsible-toggle-placeholder','collapsible-toggle-expanded'];
	if ( $('.MMC-collapsible,.MMC-collapsed')[0] ) {
		for(int=0;int<classes.length;int++){
			$('.MMC-'+classes[int]).addClass('mw-'+classes[int]);
		}
	}*/
	MMCollap.modules = [];
	MMCollap.els = $content.find( '.mw-collapsible' );
	if ( MMCollap.els.length ) {
		MMCollap.modules.push( 'jquery.makeCollapsible' );
	}
	if ( MMCollap.modules.length ) {
		console.log('collapsible elements were found');
		mw.loader.using( MMCollap.modules ).then( function () {
			if ( MMCollap.els && MMCollap.els.length ) {
				mw.loader.addStyleTag('.mw-parser-output .mw-collapsible-toggle{font-weight:normal;min-width:6em}');
				$(MMCollap.els).makeCollapsible(); //T111565 FTFY
			}
		});
	}
	if ( $content[ 0 ] && $content[ 0 ].isConnected === false ) {
		mw.log.warn( 'wikipage.content hook should not be fired on unattached content' );
	}
};
mw.hook( 'wikipage.content' ).add( MMCollap.do ); //make collapsible content collapsible whenever the page is rendered, on load but also e.g. after saving an edit
//</nowiki>