MediaWiki:Common.js - Revision history

Philip: Rebuilding from scratch

2024-01-11T04:04:25Z

Rebuilding from scratch

← Older revision	Revision as of 14:04, 11 January 2024
Line 1:	Line 1:
		/**
		* 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 ) {
		var $tables = $content
		.find( 'table.collapsible:not(.mw-collapsible)' )
		.addClass( 'mw-collapsible' );

		$.each( $tables, function ( index, table ) {
		// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
		if ( $( table ).hasClass( '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 ) {
		mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
		$tables.makeCollapsible();
		} );
		}
		}
		mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

		/**
		* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
		*
		* Maintainers: TheDJ
		*/
		function mwCollapsibleSetup( $collapsibleContent ) {
		var $element,
		$toggle,
		autoCollapseThreshold = 2;
		$.each( $collapsibleContent, function ( index, element ) {
		$element = $( element );
		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' ) ) {
		if ( $element.parents( '.outercollapse' ).length > 0 ) {
		$element.data( 'mw-collapsible' ).collapse();
		}
		}
		// because of colored backgrounds, style the link in the text color
		// to ensure accessible contrast
		$toggle = $element.find( '.mw-collapsible-toggle' );
		if ( $toggle.length ) {
		// Make the toggle inherit text color (Updated for T333357 2023-04-29)
		if ( $toggle.parent()[ 0 ].style.color ) {
		$toggle.css( 'color', 'inherit' );
		$toggle.find( '.mw-collapsible-text' ).css( 'color', 'inherit' );
		}
		}
		} );
		}

		mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

Philip: Blanked page to see if this fixes error

2024-01-11T03:42:21Z

Blanked page to see if this fixes error

Show changes

Philip: Removed experimental navbar code

2024-01-11T03:40:49Z

Removed experimental navbar code

@@ Line 18: / Line 18: @@
+}
 mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );
 // adds show/hide-button to navigation bars

Philip: Collapsible tables update

2024-01-11T03:37:46Z

Collapsible tables update

Show changes

Philip: Undo revision 1647 by Philip (talk)

2024-01-10T10:42:12Z

Undo revision 1647 by Philip (talk)

@@ Line 274: / Line 274: @@
+   }
+}
 // Highlight recent changes

Philip: Undo revision 1648 by Philip (talk)

2024-01-10T10:41:50Z

Undo revision 1648 by Philip (talk)

Show changes

Philip: Blanked page to see if this fixes fatal error

2024-01-09T11:39:27Z

Blanked page to see if this fixes fatal error

Show changes

Philip: Removed outdated hook possibly

2024-01-09T11:39:02Z

Removed outdated hook possibly

@@ Line 274: / Line 274: @@
+   }
+}
 // Highlight recent changes

Philip: Replaced collapsible table code with code from Wikipedia

2016-09-03T06:27:28Z

Replaced collapsible table code with code from Wikipedia

Show changes

Philip: Created page with "/* Any JavaScript here will be loaded for all users on every page load. */ / Collapsible tables ******************************************************* * * Descriptio..."

2016-06-20T03:50:08Z

Created page with "Any JavaScript here will be loaded for all users on every page load.: /** Collapsible tables ********************************************************* * * Descriptio..."

New page

/* Any JavaScript here will be loaded for all users on every page load. */

/** Collapsible tables *********************************************************
*
* Description: Allows tables to be collapsed, showing only the header. See
* http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
* Maintainers: [[en:User:R. Koot]]
*/

var autoCollapse = 2;
var collapseCaption = 'hide';
var expandCaption = 'show';

function collapseTable( tableIndex ) {
var Button = document.getElementById( 'collapseButton' + tableIndex );
var Table = document.getElementById( 'collapsibleTable' + tableIndex );

if ( !Table || !Button ) {
return false;
}

var Rows = Table.rows;

if ( Button.firstChild.data == collapseCaption ) {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = 'none';
}
Button.firstChild.data = expandCaption;
} else {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = Rows[0].style.display;
}
Button.firstChild.data = collapseCaption;
}
}

function createCollapseButtons() {
var tableIndex = 0;
var NavigationBoxes = new Object();
var Tables = document.getElementsByTagName( 'table' );

for ( var i = 0; i < Tables.length; i++ ) {
if ( hasClass( Tables[i], 'collapsible' ) ) {

/* only add button and increment count if there is a header row to work with */
var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
if ( !HeaderRow ) {
continue;
}
var Header = HeaderRow.getElementsByTagName( 'th' )[0];
if ( !Header ) {
continue;
}

NavigationBoxes[tableIndex] = Tables[i];
Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );

var Button = document.createElement( 'span' );
var ButtonLink = document.createElement( 'a' );
var ButtonText = document.createTextNode( collapseCaption );

Button.className = 'collapseButton'; // Styles are declared in [[MediaWiki:Common.css]]

ButtonLink.style.color = Header.style.color;
ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" );
ButtonLink.appendChild( ButtonText );

Button.appendChild( document.createTextNode( '[' ) );
Button.appendChild( ButtonLink );
Button.appendChild( document.createTextNode( ']' ) );

Header.insertBefore( Button, Header.childNodes[0] );
tableIndex++;
}
}

for ( var i = 0; i < tableIndex; i++ ) {
if ( hasClass( NavigationBoxes[i], 'collapsed' ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) ) ) {
collapseTable( i );
} else if ( hasClass( NavigationBoxes[i], 'innercollapse' ) ) {
var element = NavigationBoxes[i];
while ( element = element.parentNode ) {
if ( hasClass( element, 'outercollapse' ) ) {
collapseTable( i );
break;
}
}
}
}
}

addOnloadHook( createCollapseButtons );

/** Test if an element has a certain class **************************************
*
* Description: Uses regular expressions and caching for better performance.
* Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
*/

var hasClass = ( function() {
var reCache = {};
return function( element, className ) {
return ( reCache[className] ? reCache[className] : ( reCache[className] = new RegExp( "(?:\\s|^)" + className + "(?:\\s|$)" ) ) ).test( element.className );
};
})();

/** Dynamic Navigation Bars (experimental) *************************************
*
* Description: See [[w:NavFrame]].
* Maintainers: UNMAINTAINED
*/

// set up the words in your language
var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';

// shows and hides content and picture (if available) of navigation bars
// Parameters:
// indexNavigationBar: the index of navigation bar to be toggled
function toggleNavigationBar(indexNavigationBar)
{
var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);

if (!NavFrame || !NavToggle) {
return false;
}

// if shown now
if (NavToggle.firstChild.data == NavigationBarHide) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if (hasClass(NavChild, 'NavContent') || hasClass(NavChild, 'NavPic')) {
NavChild.style.display = 'none';
}
}
NavToggle.firstChild.data = NavigationBarShow;

// if hidden now
} else if (NavToggle.firstChild.data == NavigationBarShow) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if (hasClass(NavChild, 'NavContent') || hasClass(NavChild, 'NavPic')) {
NavChild.style.display = 'block';
}
}
NavToggle.firstChild.data = NavigationBarHide;
}
}

// adds show/hide-button to navigation bars
function createNavigationBarToggleButton()
{
var indexNavigationBar = 0;
// iterate over all < div >-elements
var divs = document.getElementsByTagName("div");
for (var i = 0; NavFrame = divs[i]; i++) {
// if found a navigation bar
if (hasClass(NavFrame, "NavFrame")) {

indexNavigationBar++;
var NavToggle = document.createElement("a");
NavToggle.className = 'NavToggle';
NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');

var isCollapsed = hasClass( NavFrame, "collapsed" );
/*
* Check if any children are already hidden. This loop is here for backwards compatibility:
* the old way of making NavFrames start out collapsed was to manually add style="display:none"
* to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make
* the content visible without JavaScript support), the new recommended way is to add the class
* "collapsed" to the NavFrame itself, just like with collapsible tables.
*/
for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
if ( NavChild.style.display == 'none' ) {
isCollapsed = true;
}
}
}
if (isCollapsed) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
NavChild.style.display = 'none';
}
}
}
var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);
NavToggle.appendChild(NavToggleText);

// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
for(var j=0; j < NavFrame.childNodes.length; j++) {
if (hasClass(NavFrame.childNodes[j], "NavHead")) {
NavToggle.style.color = NavFrame.childNodes[j].style.color;
NavFrame.childNodes[j].appendChild(NavToggle);
}
}
NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
}
}
}

addOnloadHook( createNavigationBarToggleButton );

/* displayTimer.js taken from http://bulbapedia.bulbagarden.net/wiki/MediaWiki:Monobook.js
Add the following to [[Special:MyPage/vector.js|your vector.js]] file for customisation:
timerDisplay = false; // de-activates the timer
timerTimezone = [offset]; // set the timer offset, e.g. timerTimezone = +10; for AEST */
hookEvent( 'load', displayTimer );
function displayTimer ()
{
if ( typeof( timerDisplay ) !== 'undefined' && timerDisplay === false )
return;

var date;
var timerParent = document.getElementById( 'p-personal' ).getElementsByTagName( 'ul' )[0];
var timerLink = document.createElement( 'a' );
var timerObj = document.createElement( 'li' );
timerLink.href = '/index.php?title=' + wgPageName + '&action=purge';
timerLink.title = 'Purge the server cache and update the contents of this page.'
timerObj.id = 'pt-timer';
timerObj.style.textTransform = 'none';
timerObj.style.fontWeight = 'bold';
timerObj.style.fontSize = '72%';
timerObj.appendChild( timerLink );
timerParent.insertBefore( timerObj, timerParent.firstChild );

function actualizeUTC ()
{
timerDate = new Date();
timerLink.innerHTML = ( timerDate.getUTCHours() < 10 ? '0' : '' ) + timerDate.getUTCHours() + ':'
+ ( timerDate.getUTCMinutes() < 10 ? '0' : '' ) + timerDate.getUTCMinutes() + ':'
+ ( timerDate.getUTCSeconds() < 10 ? '0' : '' ) + timerDate.getUTCSeconds() + ' (UTC)';
}

function actualizeCustom ()
{
timerDate = new Date();
timerDate.setMinutes( timerDate.getMinutes() + timerDate.getTimezoneOffset() + timerTimezone * 60 );
timerLink.innerHTML = ( timerDate.getHours() < 10 ? '0' : '' ) + timerDate.getHours() + ':'
+ ( timerDate.getMinutes() < 10 ? '0' : '' ) + timerDate.getMinutes() + ':'
+ ( timerDate.getSeconds() < 10 ? '0' : '' ) + timerDate.getSeconds()
+ ' (UTC' + ( timerTimezone < 0 ? '' : '+' ) + timerTimezone + ')';
}

// start
if ( typeof( timerTimezone ) !== 'number' )
{
actualizeUTC();
setInterval( actualizeUTC, 1000 );
}
else
{
actualizeCustom();
setInterval( actualizeCustom, 1000 );
}
}

// Add a new section link to the bottom of discussion pages
function addsectionbottom() {
if (!wgIsArticle) return;
if ((document.URL.indexOf('?')>=0) && (document.URL.indexOf('action=delete')>=0)) return;
var caplus;
if (!(caplus = document.getElementById("ca-addsection"))) return;
var addsection = document.createElement("span");
addsection.innerHTML = "<h3> <a " + "href=\"" + caplus.childNodes[0].getAttribute("href") +
"\" title=\"" + caplus.childNodes[0].getAttribute("title") +
"\" accesskey=\"" + caplus.childNodes[0].getAttribute("accesskey") +
"\" >" + (skin == "vector" ? "<span> Add topic</span>" : "<span> Add section</span>" ) + "</a> </h3>"
addsection.className = "noprint";
addsection.id = "addsectionbottom";
var content;
if (!(content = document.getElementById("bodyContent"))) return;
var catlinks = document.getElementById("catlinks");
if (catlinks == null)
{
content.appendChild(addsection);
} else {
content.insertBefore(addsection, catlinks);
}
}
addOnloadHook(addsectionbottom);

// Highlight recent changes
hookEvent( 'load', recentChangesHighlights );
function recentChangesHighlights() {
if ( wgPageName == 'Special:RecentChanges' ) {
var targetContent = document.getElementById( 'bodyContent' );
var rows = targetContent.getElementsByTagName( 'li' );
for ( var l = 0; l < rows.length; l++ ) {
liHTML = rows[l].innerHTML
liText = rows[l].textContent;
if ( liHTML.indexOf( '/index.php?title=Special:Log/' ) != -1 ) {
rows[l].style.backgroundColor = '#DDF';
}
if ( liHTML.indexOf( '/index.php?title=Special:Log/block' ) != -1 || liHTML.indexOf( '/index.php?title=Special:Log/delete' ) != -1 ) {
rows[l].style.backgroundColor = '#FCC';
}
if ( liHTML.indexOf( 'class="newpage"' ) != -1 ) {
rows[l].style.backgroundColor = '#DFD';
}
if ( liHTML.indexOf( 'class="minor"' ) != -1 ) {
rows[l].style.backgroundColor = '#FEF';
}
}
}
}

MediaWiki:Common.js - Revision history

Philip: Rebuilding from scratch

Philip: Blanked page to see if this fixes error

Philip: Removed experimental navbar code

Philip: Collapsible tables update

Philip: Undo revision 1647 by Philip (talk)

Philip: Undo revision 1648 by Philip (talk)

Philip: Blanked page to see if this fixes fatal error

Philip: Removed outdated hook possibly

Philip: Replaced collapsible table code with code from Wikipedia

Philip: Created page with "/* Any JavaScript here will be loaded for all users on every page load. */ /** Collapsible tables ********************************************************* * * Descriptio..."

Philip: Created page with "/* Any JavaScript here will be loaded for all users on every page load. */ / Collapsible tables ******************************************************* * * Descriptio..."