MediaWiki:Mobile.js: Difference between revisions

From Seeds of the Word, the encyclopedia of the influence of the Gospel on culture
Content deleted Content added
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 10: Line 10:
let MMCollap = {};
let MMCollap = {};
MMCollap.do = function(classes,int) {
MMCollap.do = function(classes,int) {
console.log('MMCollap.do was called');

/* Outcommented for now, to be revisited later as some people raised potential concerns with providing mobile-only features:
/* 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
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
Line 22: Line 22:
MMCollap.els = $('.mw-collapsible');
MMCollap.els = $('.mw-collapsible');
if ( MMCollap.els[0] ) {
if ( MMCollap.els[0] ) {
console.log('collapsible elements were found');
if ( MMCollap.els.length > 1 && ( ['enwiki'].indexOf(mw.config.get('wgDBname')) != -1) ) {
if ( MMCollap.els.length > 1 && ( ['enwiki'].indexOf(mw.config.get('wgDBname')) != -1) ) {
$('.autocollapse').addClass('mw-collapsed'); //the "autocollapse" class is handled by code in Common.js on enwiki, but Common.js isn't loaded on mobile.
$('.autocollapse').addClass('mw-collapsed'); //the "autocollapse" class is handled by code in Common.js on enwiki, but Common.js isn't loaded on mobile.

Revision as of 21:36, August 22, 2024

/* Any JavaScript here will be loaded for users using the mobile site */
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(classes,int) {
	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.els = $('.mw-collapsible');
	if ( MMCollap.els[0] ) {
		console.log('collapsible elements were found');
		if ( MMCollap.els.length > 1  && ( ['enwiki'].indexOf(mw.config.get('wgDBname')) != -1) ) {
			$('.autocollapse').addClass('mw-collapsed'); //the "autocollapse" class is handled by code in Common.js on enwiki, but Common.js isn't loaded on mobile.
		}
		mw.loader.using(['jquery.makeCollapsible']).then( function () {
			mw.loader.addStyleTag('.mw-parser-output .mw-collapsible-toggle{font-weight:normal;min-width:6em}');
			$(MMCollap.els).makeCollapsible(); //T111565 FTFY
		});
	}
};
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>