MediaWiki:Common.js: Difference between revisions

From Step Mods | Change The Game
No edit summary
mNo edit summary
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */


/** Collapsible tables *********************************************************
/* Any JavaScript here will be loaded for all users on every page load. *//** * Dynamic Navigation Bars. See [[Wikipedia:NavFrame]] *  * Based on script from en.wikipedia.org, 2008-09-15. * * @source www.mediawiki.org/wiki/MediaWiki:Gadget-NavFrame.js * @maintainer Helder.wiki, 2012–2013 * @maintainer Krinkle, 2013 */( function () {// Set up the words in your languagevar collapseCaption = 'hide';var expandCaption = 'show';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} e Event object */function toggleNavigationBar( indexNavigationBar, e ) { var navChild, navToggle = document.getElementById( 'NavToggle' + indexNavigationBar ), navFrame = document.getElementById( 'NavFrame' + indexNavigationBar ); // Prevent browser from jumping to href "#" e.preventDefault(); 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 ).hasClass( 'NavPic' ) ) { 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 ).hasClass( 'NavPic' ) ) { navChild.style.display = 'block'; } } navToggle.firstChild.data = navigationBarHide; }}/** * Adds show/hide-button to navigation bars. * * @param {jQuery} $content */function createNavigationBarToggleButton( $content ) { var i, j, navChild, navToggle, navToggleText, isCollapsed, indexNavigationBar = 0; // iterate over all < div >-elements var $divs = $content.find( 'div.NavFrame' ); $divs.each( function ( i, navFrame ) { indexNavigationBar++; navToggle = document.createElement( 'a' ); navToggle.className = 'NavToggle'; navToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar ); navToggle.setAttribute( 'href', '#' ); $( navToggle ).on( 'click', $.proxy( toggleNavigationBar, null, indexNavigationBar ) ); isCollapsed = $( navFrame ).hasClass( 'collapsed' ); // backwards compatibility for old technique where the collapsed class was not yet used for ( navChild = navFrame.firstChild; navChild !== null && !isCollapsed; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) { if ( navChild.style.display === 'none' ) { isCollapsed = true; } } } if ( isCollapsed ) { for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) { navChild.style.display = 'none'; } } } 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 ( j = 0; j < navFrame.childNodes.length; j++ ) { if ( $( navFrame.childNodes[j] ).hasClass( 'NavHead' ) ) { navToggle.style.color = navFrame.childNodes[j].style.color; navFrame.childNodes[j].appendChild( navToggle ); } } navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar ); } );}mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );}());
  *
*  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 );
        };
})();

Revision as of 22:21, November 27, 2020

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

/* Any JavaScript here will be loaded for all users on every page load. *//** * Dynamic Navigation Bars. See [[Wikipedia:NavFrame]] *  * Based on script from en.wikipedia.org, 2008-09-15. * * @source www.mediawiki.org/wiki/MediaWiki:Gadget-NavFrame.js * @maintainer Helder.wiki, 2012–2013 * @maintainer Krinkle, 2013 */( function () {// Set up the words in your languagevar collapseCaption = 'hide';var expandCaption = 'show';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} e Event object */function toggleNavigationBar( indexNavigationBar, e ) {	var navChild,		navToggle = document.getElementById( 'NavToggle' + indexNavigationBar ),		navFrame = document.getElementById( 'NavFrame' + indexNavigationBar );	// Prevent browser from jumping to href "#"	e.preventDefault();	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 ).hasClass( 'NavPic' ) ) {				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 ).hasClass( 'NavPic' ) ) {				navChild.style.display = 'block';			}		}		navToggle.firstChild.data = navigationBarHide;	}}/** * Adds show/hide-button to navigation bars. * * @param {jQuery} $content */function createNavigationBarToggleButton( $content ) {	var i, j, navChild, navToggle, navToggleText, isCollapsed,		indexNavigationBar = 0;	// iterate over all < div >-elements	var $divs = $content.find( 'div.NavFrame' );	$divs.each( function ( i, navFrame ) {		indexNavigationBar++;		navToggle = document.createElement( 'a' );		navToggle.className = 'NavToggle';		navToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );		navToggle.setAttribute( 'href', '#' );		$( navToggle ).on( 'click', $.proxy( toggleNavigationBar, null, indexNavigationBar ) );		isCollapsed = $( navFrame ).hasClass( 'collapsed' );		// backwards compatibility for old technique where the collapsed class was not yet used		for ( navChild = navFrame.firstChild; navChild !== null && !isCollapsed; navChild = navChild.nextSibling ) {			if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {				if ( navChild.style.display === 'none' ) {					isCollapsed = true;				}			}		}		if ( isCollapsed ) {			for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {				if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {					navChild.style.display = 'none';				}			}		}		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 ( j = 0; j < navFrame.childNodes.length; j++ ) {			if ( $( navFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {				navToggle.style.color = navFrame.childNodes[j].style.color;				navFrame.childNodes[j].appendChild( navToggle );			}		}		navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );	} );}mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );}());
Retrieved from "https://stepmodifications.org/wiki/index.php?title=MediaWiki:Common.js&oldid=130957"