|
|
Строка 1: |
Строка 1: |
− | /**
| |
− | * 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));
| |