Tiziano: 1 revision from :mediawikiwiki:MediaWiki:Gadget-Edittools.js

2014-08-22T09:58:20Z

1 revision from mediawikiwiki:MediaWiki:Gadget-Edittools.js

New page

/**
* EditTools support: add a selector, change <a> 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 www.mediawiki.org)
* @author Krinkle, 2012
* @source www.mediawiki.org/wiki/MediaWiki:Gadget-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 = $('<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 = $('<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 <select>
*
* @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 <a onclick> 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));

MediaWiki:Gadget-Edittools.js - Revision history

Tiziano: 1 revision from :mediawikiwiki:MediaWiki:Gadget-Edittools.js