MediaWiki: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 ($, mw) {	"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, mediaWiki));