MediaWiki:Gadget-Edittools.js

/** * EditTools support: add a selector, change  into buttons. * The special characters to insert are defined at MediaWiki:Edittools. * * @author Arnomane, 2006 (on the Commons.wikimedia.org/wiki/MediaWiki:Edittools.js) * @author Kaganer, 2007 (adapting to mediawiki.org) * @author Krinkle, 2012 * @source www.mediawiki.org/wiki/MediaWiki:Edittools.js * @revision 2012-02-29 */ /*jslint browser: true*/ /*global jQuery, mediaWiki*/ (function ($) {	"use strict";	var conf, editTools, $sections;	conf = {		initialSubset: window.EditTools_initial_subset === undefined ? window.EditTools_initial_subset : 0	};	editTools = {		/**		 * Creates the selector		 */		setup: function {			var $container, $select, initial;			$container = $('#mw-edittools-charinsert');			if (!$container.length) {				return;			}			$sections = $container.find('.mw-edittools-section');			if ($sections.length <= 1) {				// Only care if there is more than one				return;			}			$select = $(' ').css('display', 'inline');			initial = conf.initialSubset;			if (isNaN(initial) || initial < 0 || initial >= $select.length) {				initial = 0;			}			$sections.each(function (i, el) { var $section, sectionTitle, $option; $section = $(el); sectionTitle = $section.data('sectionTitle'); $option = $(' ') .text(sectionTitle) .prop('value', i)					.prop('selected', i === initial); $select.append($option); });			$select.change(editTools.handleOnchange);			$container.prepend($select);			editTools.chooseSection(initial);		},		/**		 * Handle onchange event of the 		 *		 * @context {Element}		 * @param e {jQuery.Event}		 */		handleOnchange: function {			editTools.chooseSection(Number($(this).val));			return true;		},		/**		 * Toggle the currently visible section		 *		 * @param sectionNr {Number}		 * @param setFocus {Boolean}		 */		chooseSection: function (sectionNr) {			var $choise = $sections.eq(sectionNr);			if ($choise.length !== 1) {				return;			}			// Making these buttons is a little slow,			// If we made them all at once the browser would hang			// for over 2 seconds, so instead we're doing it on-demand			// for each section. No need to do it twice thoguh, so remember			// in data whether it was done already			if (!$choise.data('charInsert.buttonsMade')) {				$choise.data('charInsert.buttonsMade', true); editTools.makeButtons($choise); }			$choise.show; $sections.not($choise).hide; },		/**		 * Convert the links to buttons in a given section. *		 * @param $section {jQuery} */		makeButtons: function ($section) { var $links; if (!$section.length) { return; }			$links = $section.find('a'); $links.each(function (i, a) {				var $a, button;				$a = $(a);				button = document.createElement('input');				button.type = 'button';				button.onclick = a.onclick;				button.value = $a.text;				$a.replaceWith(button);			}); }	};	$(document).ready(editTools.setup); }(jQuery));