MediaWiki:Common.js

/**
 * Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
 * loaded for all users on every wiki page. If possible create a gadget that is
 * enabled by default instead of adding it here (since gadgets are fully
 * optimized ResourceLoader modules with possibility to add dependencies etc.)
 *
 * Since Common.js isn't a gadget, there is no place to declare its
 * dependencies, so we have to lazy load them with mw.loader.using on demand and
 * then execute the rest in the callback. In most cases these dependencies will
 * be loaded (or loading) already and the callback will not be delayed. In case a
 * dependency hasn't arrived yet it'll make sure those are loaded before this.
 */
 
 /* global mw, $, importStylesheet, importScript */
/* jshint curly:false eqnull:true, strict:false, browser:true */

mw.loader.using( ['mediawiki.util', 'mediawiki.notify', 'jquery.client'], function () {
/* Begin of mw.loader.using callback */

/*
 * we are expanding the breadcrumb, if present
 */

function addToBreadcrumb( breadcrumb, pageToAdd ) {
	var href = mw.util.getUrl( pageToAdd );
	var pageName = pageToAdd.replace( /_/g, ' ' )
	var link = $( '<a>' ).attr( 'href', href ).attr( 'title', pageName ).text( pageName );
	var node = link.wrap( '<li></li>' ).parent();
	breadcrumb.append( node )
}

function expandBreadcrumb() {
	var breadcrumb = $( '.breadcrumb' )
	if ( breadcrumb.length === 0 ) {
		return false;
	}
	// this container will be placed by Module:Artice, if it can "calculate" a viable parent
	var parentPageNameContainer = $( '#breadcrumb_parent_pageName' )
	if ( parentPageNameContainer.length > 0 ) {
		addToBreadcrumb( breadcrumb, parentPageNameContainer.text() )
	}
	var me = mw.config.get( 'wgPageName' )
	addToBreadcrumb( breadcrumb, me )
}

mw.hook( 'wikipage.content' ).add( expandBreadcrumb() );
 
/**
 * Dynamic Navigation Bars (experimental)
 *
 * Description: See [[Wikipedia:NavFrame]].
 * Maintainers: UNMAINTAINED
 */

/* set up the words in your language */
var collapseCaption = 'hide';
var expandCaption   = 'show';


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
 **/
window.toggleNavigationBar = function ( indexNavigationBar, event ) {
	var NavToggle = $( '#NavToggle' + indexNavigationBar );
	var NavFrame = $( '#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 ).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;
	}

	event.preventDefault();
};

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

			indexNavigationBar++;
			var NavToggle = $( '<a>' );
			NavToggle.attr( 'class', 'NavToggle' )
				.attr( 'id', 'NavToggle' + indexNavigationBar )
				.attr( 'href', '#' );
			$( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, 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 ( 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';
					}
				}
			}
			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 );

/* adding functions for service portal listing's disambiguation collapsing */
var TriggerContentCollapse = '[less]';
var TriggerContentExpand = '[more]';
var defaultStateHidden = true;
var defaultcid = '';

/* when document is ready, generate the collapse toggler buttons on all disambiguation rows */
$(document).ready(function() {
	if ( defaultStateHidden ) { $('.collapseToggler').text(TriggerContentExpand); } else { $('.collapseToggler').text(TriggerContentCollapse); }
});

/* when a collapse toggler is clicked, expand or collapse according to current state */
$('.collapseToggler').click(function()
{
	var aid = $(this).attr('id');
	$('.collapsibleArea_' + aid)
		.stop(true, true)
		.fadeToggle(800);
	if ( $(this).text()== TriggerContentExpand ) {$(this).text(TriggerContentCollapse)} else {$(this).text(TriggerContentExpand)}
});

/* this is a different approache using a hover toggle. not used atm */
$('.rowToHover').hover(function()
{
	var rel = $(this).attr('id');

	$('.row' + rel + 'Collapse')
		.stop(true, true)
		.animate({height:"toggle", opacity: "toggle"},800); // fadeToggle(800);
});

/* End of mw.loader.using callback */
} );

/* DO NOT ADD CODE BELOW THIS LINE */