MediaWiki:Common.js

/*****************************************************************************************
 * Any JavaScript here will be loaded for all users on every page load.
 *
 * As such, the content of this file page should be kept as minimal as possible.
 *
 *****************************************************************************************/

mw.loader.using( ["mediawiki.util", "mediawiki.notify", "jquery.client"], function() { /* BEGIN mw.loader WRAPPER */

/*****************************************************************************************
 * Redirect User:Name/skin.js and skin.css to the current skin's pages
 * (unless the 'skin' page really exists)
 * @source: http://www.mediawiki.org/wiki/Snippets/Redirect_skin.js
 * @rev: 2
 * Copied from Wikipedia's MediaWiki:Common.js
 */

	if ( mw.config.get( "wgArticleId" ) === 0 && mw.config.get( "wgNamespaceNumber" ) == 2 ) {
		var titleParts = mw.config.get( "wgPageName" ).split( "/" );
		// Make sure there was a part before and after the slash
		// And that the latter is "skin.js" or "skin.css"
		if ( titleParts.length == 2 ) {
			var userSkinPage = titleParts.shift() + "/" + mw.config.get( "skin" );
			if ( titleParts.slice( -1 ) == "skin.js" ) {
				window.location.href = mw.util.wikiGetlink( userSkinPage + ".js" );
			} else if ( titleParts.slice( -1 ) == "skin.css" ) {
				window.location.href = mw.util.wikiGetlink( userSkinPage + ".css" );
			}
		}
	}

/*****************************************************************************************/

/*****************************************************************************************
 * Map addPortletLink to mw.util
 * Used for adding links to the left side navigation panel
 * Copied from Wikipedia's MediaWiki:Common.js
 */

	window.addPortletLink = function() {
		return mw.util.addPortletLink.apply( mw.util, arguments );
	};

/*****************************************************************************************/

/*****************************************************************************************
 * Extract a URL parameter from the current URL
 * @deprecated: Use mw.util.getParamValue with proper escaping
 * Copied from Wikipedia's MediaWiki:Common.js
 */

	function getURLParamValue( paramName, url ) {
		return mw.util.getParamValue( paramName, url );
	}

/*****************************************************************************************/

/*****************************************************************************************
 * &withCSS= and &withJS= URL parameters
 * Allow to try custom scripts from MediaWiki space 
 * without editing personal .css or .js files
 * Copied from Wikipedia's MediaWiki:Common.js
 */

	var extraCSS = mw.util.getParamValue( "withCSS" );
	if ( extraCSS && extraCSS.match( /^MediaWiki:[^&<>=%]*\.css$/ ) ) {
		importStylesheet( extraCSS );
	}
	var extraJS = mw.util.getParamValue( "withJS" );
	if ( extraJS && extraJS.match( /^MediaWiki:[^&<>=%]*\.js$/) ) {
		importScript( extraJS );
	}

/*****************************************************************************************/

/*****************************************************************************************
 * Internet Explorer bug fix
 * Description: Fixes IE horizontal scrollbar bug
 * Maintainers: [[User:Tom-]]?
 * Copied from Wikipedia's MediaWiki:Common.js
 */

	if ( navigator.appName == "Microsoft Internet Explorer" ) {
		var oldWidth,
			docEl = document.documentElement,
			fixIEScroll = function() {
				if ( !oldWidth || docEl.clientWidth > oldWidth ) {
					doFixIEScroll();
				} else {
					setTimeout( doFixIEScroll, 1 );
				}
				oldWidth = docEl.clientWidth;
			},
			doFixIEScroll = function () {
				docEl.style.overflowX = ( docEl.scrollWidth - docEl.clientWidth < 4 ) ? "hidden" : "";
			};
		document.attachEvent( "onreadystatechange", fixIEScroll );
		document.attachEvent( "onresize", fixIEScroll );
		// In print IE (7?) does not like line-height
		mw.util.addCSS( "@media print { sup, sub, p, .documentDescription { line-height: normal; }}" );
		// IE overflow bug
		mw.util.addCSS( "div.overflowbugx { overflow-x: scroll !important; overflow-y: hidden !important; } div.overflowbugy { overflow-y: scroll !important; overflow-x: hidden !important; }" );
		// IE zoomfix
		// Use to fix right floating div/table inside tables
		mw.util.addCSS( ".iezoomfix div, .iezoomfix table { zoom: 1;}" );
		// .hlist fix for IE - remove dot after last list item
		if ( $.browser.version < "9.0" ) {
			$( function() {
				$( ".hlist" ).find( "li:last-child" ).css( "background", "none" ).css( "padding-right", "0" );
			} );
		}
	}

/*****************************************************************************************/

/*****************************************************************************************
 * Test if an element has a certain class
 * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
 * @deprecated:  Use $(element).hasClass() instead.
 * Copied from Wikipedia's MediaWiki:Common.js
 */

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

/*****************************************************************************************/

/*****************************************************************************************
 * Collapsible tables
 * Allows tables to be collapsed, showing only the header. See  [[Wikipedia:NavFrame]].
 * @version 2.0.3 (2014-03-14)
 * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
 * @author [[User:R. Koot]]
 * @author [[User:Krinkle]]
 * @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
 *  is supported in MediaWiki core.
 * Copied from Wikipedia's MediaWiki:Common.js
 */
 
	var autoCollapse = 2,
		collapseCaption = "hide",
		expandCaption = "show";
	function collapseTable( tableIndex ) {
		var Button = document.getElementById( "collapseButton" + tableIndex ),
			Table = document.getElementById( "collapsibleTable" + tableIndex );
		if ( !Table || !Button ) {
			return false;
		}
		var Rows = Table.rows,
			i;
		if ( Button.firstChild.data === collapseCaption ) {
			for ( i = 1; i < Rows.length; i++ ) {
				Rows[i].style.display = "none";
			}
			Button.firstChild.data = expandCaption;
		} else {
			for ( i = 1; i < Rows.length; i++ ) {
				Rows[i].style.display = Rows[0].style.display;
			}
			Button.firstChild.data = collapseCaption;
		}
	}
	function createClickHandler( tableIndex ) {
		return function( e ) {
			e.preventDefault();
			collapseTable( tableIndex );
		};
	}
	function createCollapseButtons() {
		var tableIndex = 0,
			NavigationBoxes = {},
			Tables = document.getElementsByTagName( "table" ),
			i;
		for ( i = 0; i < Tables.length; i++ ) {
			if ( $( Tables[i] ).hasClass( "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" ),
					ButtonLink = document.createElement( "a" ),
					ButtonText = document.createTextNode( collapseCaption );
				// Styles are declared in [[MediaWiki:Common.css]]
				Button.className = "collapseButton";
				ButtonLink.style.color = Header.style.color;
				ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
				ButtonLink.setAttribute( "href", "#" );
				$( ButtonLink ).on( "click", createClickHandler( tableIndex ) );
				ButtonLink.appendChild( ButtonText );
				Button.appendChild( document.createTextNode( "[" ) );
				Button.appendChild( ButtonLink );
				Button.appendChild( document.createTextNode( "]" ) );
				Header.insertBefore( Button, Header.firstChild );
				tableIndex++;
			}
		}
		for ( i = 0;  i < tableIndex; i++ ) {
			if ( $( NavigationBoxes[i] ).hasClass( "collapsed" ) ||
				( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( "autocollapse" ) )
			) {
				collapseTable( i );
			} 
			else if ( $( NavigationBoxes[i] ).hasClass ( "innercollapse" ) ) {
				var element = NavigationBoxes[i];
				while ((element = element.parentNode)) {
					if ( $( element ).hasClass( "outercollapse" ) ) {
						collapseTable ( i );
						break;
					}
				}
			}
		}
	}
	mw.hook( "wikipage.content" ).add( createCollapseButtons );

/*****************************************************************************************/

/*****************************************************************************************
 * Dynamic Navigation Bars (experimental)
 * Description: See [[Wikipedia:NavFrame]].
 * Maintainers: UNMAINTAINED. Updated by BIKI User:Fred Gandt
 * Copied from Wikipedia's MediaWiki:Common.js
 */

	// set up the words in your language
	var NavigationBarHide = "[" + collapseCaption + "]",
		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 ),
			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 ( $( NavChild ).hasClass( "NavContent" ) || $( NavChild ).hasClass( "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 ( $( NavChild ).hasClass( "NavContent" ) || $( NavChild ).hasClass( "NavPic" ) ) {
					NavChild.style.display = "block";
				}
			}
			NavToggle.firstChild.data = NavigationBarHide;
		}
	}
	// adds show/hide-button to navigation bars
	function createNavigationBarToggleButton() {
		var indexNavigationBar = 0,
			divs = document.getElementsByTagName( "div" );
		 // iterate over all < div >-elements
		for ( var i = 0; NavFrame = divs[i]; i++ ) {
			// if found a navigation bar
			if ( $( NavFrame ).hasClass( "NavFrame" ) ) {
				indexNavigationBar++;
				var NavToggle = document.createElement( "a" );
				NavToggle.className = "NavToggle";
				NavToggle.setAttribute( "id", "NavToggle" + indexNavigationBar );
				NavToggle.setAttribute( "href", "javascript:toggleNavigationBar(" + indexNavigationBar + ");" );
				var isCollapsed = $( NavFrame ).hasClass( "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 ( $( NavChild ).hasClass( "NavPic" ) || $( NavChild ).hasClass( "NavContent" ) ) {
						if ( NavChild.style.display == "none" ) {
							isCollapsed = true;
						}
					}
				}
				if ( isCollapsed ) {
					for ( var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
						if ( $( NavChild ).hasClass( "NavPic" ) || $( NavChild ).hasClass( "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 ( $( 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 );

/*****************************************************************************************/

/*****************************************************************************************
 * Table sorting fixes
 * Description: Disables code in table sorting routine to set classes on even/odd rows
 * Maintainers: [[User:Random832]]
 * Copied from Wikipedia's MediaWiki:Common.js
 */
 
	ts_alternate_row_colors = false;

/*****************************************************************************************/

/*****************************************************************************************
 * uploadwizard_newusers
 * Switches in a message for non-autoconfirmed users at [[Wikipedia:Upload]]
 * Maintainers: [[User:Krimpet]]
 * Copied from Wikipedia's MediaWiki:Common.js
 */
 
	function uploadwizard_newusers() {
		if ( wgNamespaceNumber == 4 && wgTitle == "Upload" && wgAction == "view" ) {
			var oldDiv = document.getElementById( "autoconfirmedusers" ),
				newDiv = document.getElementById( "newusers" );
			if ( oldDiv && newDiv ) {
				if ( typeof wgUserGroups == "object" && wgUserGroups ) {
					for ( i = 0; i < wgUserGroups.length; i++ ) {
						if ( wgUserGroups[i] == "autoconfirmed")  {
							oldDiv.style.display = "block";
							newDiv.style.display = "none";
							return;
						}
					}
				}
				oldDiv.style.display = "none";
				newDiv.style.display = "block";
				return;
			}
		}
	}
	mw.hook( "wikipage.content" ).add( uploadwizard_newusers );

/*****************************************************************************************/

/*****************************************************************************************
 * Add checkbox toggle of allowence to use TAB key in editing textarea to insert TAB chars
 * Maintainer: BIKI User:Fred Gandt
 */

	function allowTabs() {
		var tb1 = document.getElementById( "wpTextbox1" ),
			ecb = document.getElementsByClassName( "editCheckboxes" )[0],
			cb = document.createElement( "input" ),
			cb_lbl = document.createElement( "label" ),
			tabsAllowed = function( evt ) {
				if ( evt.keyCode == 9 ) {
					evt.preventDefault();
					var ss = tb1.selectionStart;
					tb1.value = tb1.value.substr( 0, ss ) + String.fromCharCode( evt.keyCode ) + tb1.value.substr( tb1.selectionEnd );
					tb1.setSelectionRange (ss + 1, ss + 1 );
				}
			}
			initTabsAllowed = function() {
				tb1.addEventListener( "keydown", tabsAllowed, false );
				tb1.form.action += "&allowTabs";
			};
		cb.setAttribute( "id", "allowTabs" );
		cb.setAttribute( "type", "checkbox" );
		cb.setAttribute( "style", "margin-left: 3em;" );
		cb_lbl.setAttribute( "for", "allowTabs" );
		cb_lbl.setAttribute( "title", "Allows insertion of Tab characters when and where the Tab key is pressed" );
		cb_lbl.innerHTML = "&nbsp;Allow Tabs (<span style='color:green;'>experimental</span>)";
		cb.addEventListener( "change", function( evt ) {
			if ( this.checked ) {
				initTabsAllowed();
			} else {
				tb1.removeEventListener( "keydown", tabsAllowed, false );
				tb1.form.action = this.form.action.replace( "&allowTabs", "" );
			}
		}, false );
		if ( ~window.location.search.indexOf( "&allowTabs" ) ) {
			cb.checked = true;
			initTabsAllowed();
		}
		ecb.appendChild( cb );
		ecb.appendChild( cb_lbl );
	}
	if ( mw.config.get( "wgAction" ) == "edit" || mw.config.get( "wgAction" ) == "submit" ) { // Only if editing
		mw.hook( "wikipage.content" ).add( allowTabs ); // When DOM ready
	}

/*****************************************************************************************/

/*****************************************************************************************
 * Next ***
 */

	// code code code

/*****************************************************************************************/

} ); /* END mw.loader WRAPPER */