MediaWiki:Common.js: Difference between revisions

From HUIJIA FUN
Created page with "→All the codes under are from https://otomad.wiki/MediaWiki:Common.js: console.log("\n%c _____ ______ _____ ___ __ ______ ____ %c__ __ ______ __ __ ______ \n%c/\\ __ \\/\\__ _\\/\\ __ \\ \\ \\_\\ \\/\\ _ \\/\\ _ \\ %c/\\ \\ __/\\ \\/\\__ _\\ /\\ \\/\\ \\ /\\__ _\\ \n%c\\ \\ \\/\\ \\/_/\\ \\/\\ \\ \\/\\ \\/\\ \\ \\ \\/\\ \\ \\ \\/\\ \\ %c\\ \\/\\ \\ \\ \\/_/\\ \\/ \\ \\ \\/ /\\/_/\\ \\/ \n%c \\ \\ \\ \\ \\ \\ \\ \\ \\ \\..."
 
New System
Line 1: Line 1:
/* All the codes under are from https://otomad.wiki/MediaWiki:Common.js */
console.log("\n%c _____  ______  _____  ___  __  ______  ____    %c__      __  ______  __  __  ______    \n%c/\\  __ \\/\\__  _\\/\\  __ \\ \\  \\_\\ \\/\\  _  \\/\\  _ \\ %c/\\ \\  __/\\ \\/\\__  _\\ /\\ \\/\\ \\ /\\__ _\\    \n%c\\ \\ \\/\\ \\/_/\\ \\/\\ \\ \\/\\ \\/\\      \\ \\ \\/\\ \\ \\ \\/\\ \\ %c\\ \\/\\ \\ \\ \\/_/\\ \\/ \\ \\ \\/ /\\/_/\\ \\/    \n%c \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\__\\ \\ \\  __ \\ \\ \\ \\ \\ %c\\ \\ \\ \\ \\ \\ \\ \\ \\  \\ \\  <    \\ \\ \\    \n%c  \\ \\ \\_\\ \\ \\ \\ \\ \\ \\ \\_\\ \\ \\ \\_/\\ \\ \\ \\/\\ \\ \\ \\_\\ \\ %c\\ \\_\\ \\_\\ \\ \\_\\ \\__\\ \\\\\\ \\  \\_\\ \\__ \n%c  \\ \\_____\\ \\ \\_\\ \\ \\_____\\ \\_\\\\ \\_\\ \\_\\ \\_\\ \\____/%c\\ \\____/___/ /\\_____\\\\ \\_\\ \\_\\ \\_____\\\n%c    \\/_____/  \\/_/  \\/_____/\\/_/ \\/_/\\/_/\\/_/\\/___/  %c\\/___//__/  \\/_____/ \\/_/\\/_/ \\/_____/\n\n%c      ✧ Otomad%cWiki ✧\n        %c♥ # KAWAII FOREVER # ♥\n","color: #f06e8e;","color: #00aeec;","color: #f06e8e;","color: #00aeec;","color: #f06e8e;","color: #00aeec;","color: #f06e8e;","color: #00aeec;","color: #f06e8e;","color: #00aeec;","color: #f06e8e;","color: #00aeec;","color: #f06e8e;","color: #00aeec;","color: #f06e8e;","color: #00aeec;","color: #f06e8e;");
/* 以下内容均从https://en.wikipedia.org/wiki/MediaWiki:Common.js导入 */
/**
/**
  * Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
  * HUIJIA FUN (EN) - MediaWiki:Common.js - v2
  * loaded for all users on every wiki page. If possible create a gadget that is
  * Loaded on every page, so only the two parts actually in use are kept:
  * enabled by default instead of adding it here (since gadgets are fully
  *   1. Tables using the old class="collapsible" -> MediaWiki's built-in mw-collapsible
  * optimized ResourceLoader modules with possibility to add dependencies etc.)
  *   2. autocollapse / innercollapse support for mw-collapsible
  *
  * Removed:
  * Since Common.js isn't a gadget, there is no place to declare its
  *   - the console banner printed on every page load (it carried another wiki's name);
  * dependencies, so we have to lazy load them with mw.loader.using on demand and
  *   - the NavFrame toggle function (only the function was defined, nothing ever created
  * then execute the rest in the callback. In most cases these dependencies will
  *     the toggle buttons, so it never ran).
  * be loaded (or loading) already and the callback will not be delayed. In case a
  * Adapted from en.wikipedia.org MediaWiki:Common.js (CC BY-SA).
* dependency hasn't arrived yet it'll make sure those are loaded before this.
  */
  */
/* global mw, $ */
/* global mw, $ */
/* jshint strict:false, browser:true */
mw.loader.using( [ 'mediawiki.util' ] ).done( function () {


mw.loader.using( [ 'mediawiki.util' ] ).done( function () {
// 1. class="collapsible" -> mw-collapsible
/**
* Collapsible tables; reimplemented with mw-collapsible
* Styling is also in place to avoid FOUC
*
* Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]].
* @version 3.0.0 (2018-05-20)
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
* @author [[User:R. Koot]]
* @author [[User:Krinkle]]
* @author [[User:TheDJ]]
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
* is supported in MediaWiki core. Shimmable since MediaWiki 1.32
*
* @param {jQuery} $content
*/
function makeCollapsibleMwCollapsible( $content ) {
function makeCollapsibleMwCollapsible( $content ) {
var $tables = $content
var $tables = $content
Line 41: Line 19:
.addClass( 'mw-collapsible' );
.addClass( 'mw-collapsible' );


$.each( $tables, function ( index, table ) {
$tables.each( function () {
// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
if ( $( this ).hasClass( 'collapsed' ) ) {
if ( $( table ).hasClass( 'collapsed' ) ) {
$( this ).addClass( 'mw-collapsed' );
$( table ).addClass( 'mw-collapsed' );
// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
}
}
} );
} );
if ( $tables.length > 0 ) {
if ( $tables.length ) {
mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
$tables.makeCollapsible();
$tables.makeCollapsible();
Line 56: Line 32:
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );


/**
// 2. autocollapse (collapse when a page has two or more) and innercollapse (collapse inside outercollapse)
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
*
* Maintainers: TheDJ
*/
function mwCollapsibleSetup( $collapsibleContent ) {
function mwCollapsibleSetup( $collapsibleContent ) {
var $element,
var autoCollapseThreshold = 2;
$toggle,
$collapsibleContent.each( function () {
autoCollapseThreshold = 2;
var $element = $( this ),
$.each( $collapsibleContent, function ( index, element ) {
$toggle;
$element = $( element );
if ( $element.hasClass( 'collapsible' ) ) {
if ( $element.hasClass( 'collapsible' ) ) {
$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
Line 72: Line 43:
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
$element.data( 'mw-collapsible' ).collapse();
$element.data( 'mw-collapsible' ).collapse();
} else if ( $element.hasClass( 'innercollapse' ) ) {
} else if ( $element.hasClass( 'innercollapse' ) && $element.parents( '.outercollapse' ).length ) {
if ( $element.parents( '.outercollapse' ).length > 0 ) {
$element.data( 'mw-collapsible' ).collapse();
$element.data( 'mw-collapsible' ).collapse();
}
}
}
// because of colored backgrounds, style the link in the text color
// On colored header backgrounds, the toggle link takes the text color to keep contrast
// to ensure accessible contrast
$toggle = $element.find( '.mw-collapsible-toggle' );
$toggle = $element.find( '.mw-collapsible-toggle' );
if ( $toggle.length ) {
if ( $toggle.length && $toggle.parent()[ 0 ].style.color ) {
// Make the toggle inherit text color
$toggle.find( 'a' ).css( 'color', 'inherit' );
if ( $toggle.parent()[ 0 ].style.color ) {
$toggle.find( 'a' ).css( 'color', 'inherit' );
}
}
}
} );
} );
}
}
mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );
mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );
/**
* Dynamic Navigation Bars (experimental)
*
* Description: See [[Wikipedia:NavFrame]].
* Maintainers: UNMAINTAINED
*/
var collapseCaption = '隐藏';
var expandCaption = '显示';
// Set up the words in your language
var navigationBarHide = '[' + collapseCaption + ']';
var navigationBarShow = '[' + expandCaption + ']';
/**
* Shows and hides content and picture (if available) of navigation bars.
*
* @param {number} indexNavigationBar The index of navigation bar to be toggled
* @param {jQuery.Event} event Event object
* @return {boolean}
*/
function toggleNavigationBar( indexNavigationBar, event ) {
var navToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
var navFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
var navChild;
if ( !navFrame || !navToggle ) {
return false;
}
// If shown now
if ( navToggle.firstChild.data === navigationBarHide ) {
for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
if ( $( navChild ).hasClass( 'NavContent' ) ) {
navChild.style.display = 'none';
}
}
navToggle.firstChild.data = navigationBarShow;
// If hidden now
} else if ( navToggle.firstChild.data === navigationBarShow ) {
for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
if ( $( navChild ).hasClass( 'NavContent' ) ) {
navChild.style.display = 'block';
}
}
navToggle.firstChild.data = navigationBarHide;
}
event.preventDefault();
}
/* End of mw.loader.using callback */
} );
} );
/* DO NOT ADD CODE BELOW THIS LINE */
/* DO NOT ADD CODE BELOW THIS LINE */

Revision as of 16:22, 9 October 2026

/**
 * HUIJIA FUN (EN) - MediaWiki:Common.js - v2
 * Loaded on every page, so only the two parts actually in use are kept:
 *   1. Tables using the old class="collapsible" -> MediaWiki's built-in mw-collapsible
 *   2. autocollapse / innercollapse support for mw-collapsible
 * Removed:
 *   - the console banner printed on every page load (it carried another wiki's name);
 *   - the NavFrame toggle function (only the function was defined, nothing ever created
 *     the toggle buttons, so it never ran).
 * Adapted from en.wikipedia.org MediaWiki:Common.js (CC BY-SA).
 */
/* global mw, $ */
mw.loader.using( [ 'mediawiki.util' ] ).done( function () {

	// 1. class="collapsible" -> mw-collapsible
	function makeCollapsibleMwCollapsible( $content ) {
		var $tables = $content
			.find( 'table.collapsible:not(.mw-collapsible)' )
			.addClass( 'mw-collapsible' );

		$tables.each( function () {
			if ( $( this ).hasClass( 'collapsed' ) ) {
				$( this ).addClass( 'mw-collapsed' );
			}
		} );
		if ( $tables.length ) {
			mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
				$tables.makeCollapsible();
			} );
		}
	}
	mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

	// 2. autocollapse (collapse when a page has two or more) and innercollapse (collapse inside outercollapse)
	function mwCollapsibleSetup( $collapsibleContent ) {
		var autoCollapseThreshold = 2;
		$collapsibleContent.each( function () {
			var $element = $( this ),
				$toggle;
			if ( $element.hasClass( 'collapsible' ) ) {
				$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
			}
			if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
				$element.data( 'mw-collapsible' ).collapse();
			} else if ( $element.hasClass( 'innercollapse' ) && $element.parents( '.outercollapse' ).length ) {
				$element.data( 'mw-collapsible' ).collapse();
			}
			// On colored header backgrounds, the toggle link takes the text color to keep contrast
			$toggle = $element.find( '.mw-collapsible-toggle' );
			if ( $toggle.length && $toggle.parent()[ 0 ].style.color ) {
				$toggle.find( 'a' ).css( 'color', 'inherit' );
			}
		} );
	}
	mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );
} );
/* DO NOT ADD CODE BELOW THIS LINE */