MediaWiki:Common.js - Revision history

Shawndouglas: Removed secondary script call.

2021-08-03T18:12:41Z

Removed secondary script call.

← Older revision		Revision as of 18:12, 3 August 2021
Line 516:		Line 516:

	mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );		mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );

	~~/* Load any necessary secondary scripts */~~
	~~importScript('MediaWiki:JBBWidget.js');~~

	/* Tweak to get CategoryTree extension to have trees expanded by default */		/* Tweak to get CategoryTree extension to have trees expanded by default */
	$( document ).ready(function() { $('.CategoryTreeToggle[data-ct-state="collapsed"]').click(); });		$( document ).ready(function() { $('.CategoryTreeToggle[data-ct-state="collapsed"]').click(); });

Shawndouglas: Tweaking a couple .js functions

2021-08-03T17:59:56Z

Tweaking a couple .js functions

Show changes

Shawndouglas: Undo revision 43482 by Shawndouglas (talk)

2021-07-29T18:56:34Z

Undo revision 43482 by Shawndouglas (talk)

Show changes

Shawndouglas: Testing VisualEditor error

2021-07-29T18:55:34Z

Testing VisualEditor error

Show changes

Shawndouglas: Updated collapsible code.

2020-03-10T20:31:48Z

Updated collapsible code.

Show changes

Shawndouglas: Added CatTree tweak

2017-09-13T19:26:07Z

Added CatTree tweak

← Older revision		Revision as of 19:26, 13 September 2017
Line 460:		Line 460:
	/* Load any necessary secondary scripts */		/* Load any necessary secondary scripts */
	importScript('MediaWiki:JBBWidget.js');		importScript('MediaWiki:JBBWidget.js');

			/* Tweak to get CategoryTree extension to have trees expanded by default */
			$( document ).ready(function() { $('.CategoryTreeToggle[data-ct-state="collapsed"]').click(); });

Shawndouglas: Testing new dynamic navigation code - Test 1

2016-03-01T22:43:12Z

Testing new dynamic navigation code - Test 1

← Older revision		Revision as of 22:43, 1 March 2016
Line 355:		Line 355:
	}		}

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

	// set up the words in your language		/* set up the words in your language */
	// var NavigationBarHide = '[' + collapseCaption + ']';		var NavigationBarHide = '[' + collapseCaption + ']';
	// var NavigationBarShow = '[' + expandCaption + ']';		var NavigationBarShow = '[' + expandCaption + ']';
	var ~~NavigationBarHide~~ = ~~'[Collapse]'~~;		var indexNavigationBar = 0;
	~~var NavigationBarShow = '[Expand]';~~
			/**
	~~// shows~~ and hides content and picture (if available) of navigation bars		* Shows and hides content and picture (if available) of navigation bars
	// Parameters:		* Parameters:
	// indexNavigationBar: the index of navigation bar to be toggled		* indexNavigationBar: the index of navigation bar to be toggled
	window.toggleNavigationBar = function(indexNavigationBar){		**/
	var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);		window.toggleNavigationBar = function ( indexNavigationBar, event ) {
	var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);		var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
			var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
	if (!NavFrame \|\| !NavToggle) {		var NavChild;

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

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

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

			event.preventDefault();
			};

			/* adds show/hide-button to navigation bars */
			function createNavigationBarToggleButton( $content ) {
			var NavChild;
			/* iterate over all < div >-elements */
			var $divs = $content.find( 'div' );
			$divs.each( function ( i, NavFrame ) {
			/* 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', '#' );
			$( 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 );

	/* Load any necessary secondary scripts */		/* Load any necessary secondary scripts */
	importScript('MediaWiki:JBBWidget.js');		importScript('MediaWiki:JBBWidget.js');

Shawndouglas: Updating collapsible table code - Test 1

2016-03-01T22:40:26Z

Updating collapsible table code - Test 1

Show changes

Shawndouglas at 18:19, 6 March 2015

2015-03-06T18:19:38Z

← Older revision		Revision as of 18:19, 6 March 2015
Line 432:		Line 432:
	NavToggle.firstChild.data = NavigationBarHide;		NavToggle.firstChild.data = NavigationBarHide;
	}		}
	}

	~~/* Experiment to see if adding LESS script here works */~~
	~~// Framework grid generation~~
	//
	~~// Used only by Bootstrap to generate the correct number of grid classes given~~
	~~// any value of `@grid-columns`.~~

	~~.make-grid-columns() {~~
	~~// Common styles for all sizes of grid columns, widths 1-12~~
	~~.col(@index) { // initial~~
	~~@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";~~
	~~.col((@index + 1), @item);~~
	}
	~~.col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo~~
	~~@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";~~
	~~.col((@index + 1), ~"@{list}, @{item}");~~
	}
	~~.col(@index, @list) when (@index > @grid-columns) { // terminal~~
	~~@{list} {~~
	~~position: relative;~~
	~~// Prevent columns from collapsing when empty~~
	~~min-height: 1px;~~
	~~// Inner gutter via padding~~
	~~padding-left: (@grid-gutter-width / 2);~~
	~~padding-right: (@grid-gutter-width / 2);~~
	}
	}
	~~.col(1); // kickstart it~~
	}

	~~.float-grid-columns(@class) {~~
	~~.col(@index) { // initial~~
	~~@item: ~".col-@{class}-@{index}";~~
	~~.col((@index + 1), @item);~~
	}
	~~.col(@index, @list) when (@index =< @grid-columns) { // general~~
	~~@item: ~".col-@{class}-@{index}";~~
	~~.col((@index + 1), ~"@{list}, @{item}");~~
	}
	~~.col(@index, @list) when (@index > @grid-columns) { // terminal~~
	~~@{list} {~~
	~~float: left;~~
	}
	}
	~~.col(1); // kickstart it~~
	}

	~~.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {~~
	~~.col-@{class}-@{index} {~~
	~~width: percentage((@index / @grid-columns));~~
	}
	}
	~~.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {~~
	~~.col-@{class}-push-@{index} {~~
	~~left: percentage((@index / @grid-columns));~~
	}
	}
	~~.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {~~
	~~.col-@{class}-push-0 {~~
	~~left: auto;~~
	}
	}
	~~.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {~~
	~~.col-@{class}-pull-@{index} {~~
	~~right: percentage((@index / @grid-columns));~~
	}
	}
	~~.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {~~
	~~.col-@{class}-pull-0 {~~
	~~right: auto;~~
	}
	}
	~~.calc-grid-column(@index, @class, @type) when (@type = offset) {~~
	~~.col-@{class}-offset-@{index} {~~
	~~margin-left: percentage((@index / @grid-columns));~~
	}
	}

	~~// Basic looping in LESS~~
	~~.loop-grid-columns(@index, @class, @type) when (@index >= 0) {~~
	~~.calc-grid-column(@index, @class, @type);~~
	~~// next iteration~~
	~~.loop-grid-columns((@index - 1), @class, @type);~~
	}

	~~// Create grid for specific class~~
	~~.make-grid(@class) {~~
	~~.float-grid-columns(@class);~~
	~~.loop-grid-columns(@grid-columns, @class, width);~~
	~~.loop-grid-columns(@grid-columns, @class, pull);~~
	~~.loop-grid-columns(@grid-columns, @class, push);~~
	~~.loop-grid-columns(@grid-columns, @class, offset);~~
	}		}

	/* Load any necessary secondary scripts */		/* Load any necessary secondary scripts */
	importScript('MediaWiki:JBBWidget.js');		importScript('MediaWiki:JBBWidget.js');

Shawndouglas: Testing.

2015-03-06T18:17:45Z

Testing.

← Older revision		Revision as of 18:17, 6 March 2015
Line 432:		Line 432:
	NavToggle.firstChild.data = NavigationBarHide;		NavToggle.firstChild.data = NavigationBarHide;
	}		}
			}

			/* Experiment to see if adding LESS script here works */
			// Framework grid generation
			//
			// Used only by Bootstrap to generate the correct number of grid classes given
			// any value of `@grid-columns`.

			.make-grid-columns() {
			// Common styles for all sizes of grid columns, widths 1-12
			.col(@index) { // initial
			@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
			.col((@index + 1), @item);
			}
			.col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
			@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
			.col((@index + 1), ~"@{list}, @{item}");
			}
			.col(@index, @list) when (@index > @grid-columns) { // terminal
			@{list} {
			position: relative;
			// Prevent columns from collapsing when empty
			min-height: 1px;
			// Inner gutter via padding
			padding-left: (@grid-gutter-width / 2);
			padding-right: (@grid-gutter-width / 2);
			}
			}
			.col(1); // kickstart it
			}

			.float-grid-columns(@class) {
			.col(@index) { // initial
			@item: ~".col-@{class}-@{index}";
			.col((@index + 1), @item);
			}
			.col(@index, @list) when (@index =< @grid-columns) { // general
			@item: ~".col-@{class}-@{index}";
			.col((@index + 1), ~"@{list}, @{item}");
			}
			.col(@index, @list) when (@index > @grid-columns) { // terminal
			@{list} {
			float: left;
			}
			}
			.col(1); // kickstart it
			}

			.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
			.col-@{class}-@{index} {
			width: percentage((@index / @grid-columns));
			}
			}
			.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
			.col-@{class}-push-@{index} {
			left: percentage((@index / @grid-columns));
			}
			}
			.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
			.col-@{class}-push-0 {
			left: auto;
			}
			}
			.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
			.col-@{class}-pull-@{index} {
			right: percentage((@index / @grid-columns));
			}
			}
			.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
			.col-@{class}-pull-0 {
			right: auto;
			}
			}
			.calc-grid-column(@index, @class, @type) when (@type = offset) {
			.col-@{class}-offset-@{index} {
			margin-left: percentage((@index / @grid-columns));
			}
			}

			// Basic looping in LESS
			.loop-grid-columns(@index, @class, @type) when (@index >= 0) {
			.calc-grid-column(@index, @class, @type);
			// next iteration
			.loop-grid-columns((@index - 1), @class, @type);
			}

			// Create grid for specific class
			.make-grid(@class) {
			.float-grid-columns(@class);
			.loop-grid-columns(@grid-columns, @class, width);
			.loop-grid-columns(@grid-columns, @class, pull);
			.loop-grid-columns(@grid-columns, @class, push);
			.loop-grid-columns(@grid-columns, @class, offset);
	}		}

	/* Load any necessary secondary scripts */		/* Load any necessary secondary scripts */
	importScript('MediaWiki:JBBWidget.js');		importScript('MediaWiki:JBBWidget.js');