Медијавики:Gadget-charinsert-core.js

/**
 * <https://en.wikipedia.org/wiki/MediaWiki:Gadget-charinsert-core.js>
 *
 * Originally based on [[mw:User:Alex Smotrov/edittools.js]], modified for use on the English Wikipedia.
 *
 * Configuration (to be set from [[Special:MyPage/common.js]]):
 *   window.charinsertCustom – Object. Merged into the default charinsert list. For example, setting
 *       this to { Symbols: '‽' } will add the interrobang to the end of the Symbols section.
 *   window.editToolsRecall – Boolean. Set true to create a recall switch.
 *   window.charinsertDontMove – Boolean. Set true to leave the box in its default position, rather
 *       than moving it above the edit summary.
 *   window.updateEditTools() – Function. Call after updating window.charinsertCustom to regenerate the
 *       EditTools window.
 */
/* global $, mw, charinsertCustom */

window.updateEditTools = function () {
};

$( function () {
	var $currentFocused,
		editTools;

    function getSelectedSection() {
		var selectedSection = mw.storage.get( editTools.storageKey )
			|| mw.storage.session.get( editTools.storageKey );
		
		return selectedSection;
    }
    
    function saveSelectedSection( newIndex ) {
		mw.storage.set( editTools.storageKey, newIndex )
			|| mw.storage.session.set( editTools.storageKey, newIndex );
    }
    
    editTools = {
        // Entries prefixed with ␥ (U+2425 SYMBOL FOR DELETE FORM TWO) will not appear in the article namespace (namespace 0).
        // Please make any changes to [[MediaWiki:Edittools]] as well, however, instead of using the ␥ symbol, use {{#ifeq:{{NAMESPACE}}|{{ns:0}}| | }}.
        charinsert: {
            'Основно': '— ° ’ „ ” [+] [\[+]] | -{+}- {\{+}} = ≈ ≠ ≤ ≥ ± − × ÷ ← → · § ´ ˋ ˆ ˝ ̏   ␥Потпишите_своје_поруке_на_страницама_за_разговор: ␥~~\~~ Наведите_изворе: <ref>+</ref>',
            'Викиозначавање': '— ° ’ ’+’ „+” … = ≈ ≠ ≤ ≥ ± − × ÷ ← → · § ␥~~\~~ (+) -{+}- {\{+}} {\{|+}} {\{\{+}}} {\{\{|+}}} | [+] [\[+]] [\[|+]] [\[Категорија:+]] {{размаци}} <u>+</u> <s>+</s> <br> <code>+</code> <pre>+</pre> <ref.name="+"_/> {\{извори|+}} {\{напомена|име=|+}} {\{напомене|+}} <includeonly>+</includeonly> <noinclude>+</noinclude> {\{DEFAULTSORT:+}} <!--.+_--> <span.class="plainlinks">+</span>',
            'Симболи': '~ | ¡¿†‡↔↑↓•¶#∞ ’+’ „+” »+« ¤₳฿₵¢₡₢$₫₯€₠₣ƒ₴₭₤ℳ₥₦№₧₰£៛₨₪৳₮₩¥ ♠♣♥♦ ♭♯♮ ©®™ ◌ {\{уникод|+}}',
            'Шаблони': 'Разговор: {\{урађено}} {\{одговор|}} {\{коментар}} {\{издвојени_цитат_текста|}} {\{за}} {\{против}} {\{неутралан}} ~~\~~ {\{бп|+|}} {\{савети_за_новог_корисника}} {\{замени:добродошлица}}~~\~~ Одржавање: {\{ажурирати}} {\{преместити|+}} {\{објединити|+}} {\{разделити|+}} {\{категоризација}} {\{аски}} {\{чишћење|разлог=+|датум=}} {\{превођење}} {\{контроверзно}} {\{значај}} {\{неутралност}} {\{оспорена_тачност}} {\{чињеница|датум=+}} {\{без_извора|date=+}} {\{реклама}} {\{кршење_лиценце}} {\{за_брисање}}',
            'Упозорења': 'Вандализам: {\{замени:ук-вандализам1}} {\{замени:ук-вандализам2}} {\{замени:ук-вандализам3}} {\{замени:ук-вандализам4}} {\{замени:ук-вандализам4пу}} Уклањање_садржаја: {\{замени:ук-уклањање1}} {\{замени:ук-уклањање2}} {\{замени:ук-уклањање3}} {\{замени:ук-уклањање4}} {\{замени:ук-уклањање4пу}} Тестирање: {\{замени:ук-тест1}} {\{замени:ук-тест2}} {\{замени:ук-тест3}} {\{замени:ук-тест4}} Спам: {\{замени:ук-спам1}} {\{замени:ук-спам2}} {\{замени:ук-спам3}} {\{замени:ук-спам4}} {\{замени:ук-спам4пу}} Блокада: {\{замени:блок}} {\{замени:блок-неодређено}}',
            'Ћирилица': 'А а Б б В в Г г Д д Ђ ђ Е е Ж ж З з И и Ј ј К к Л л Љ љ М м Н н Њ њ О о П п Р р С с Т т Ћ ћ У у Ф ф Х х Ц ц Ч ч Џ џ Ш ш Акценти: А́ а́ А̀ а̀ А̑ а̑  А̏ а̏  А̄ а̄ А̂ а̂  Е́ е́ Ѐѐ Е̑ е̑  Е̏ е̏  Е̄ е̄ И́ и́ Ѝ ѝ И̑ и̑  И̏ и̏  Ӣ ӣ И̂ и̂  О́ о́ О̀ о̀ О̑ о̑  О̏ о̏  О̄ о̄ О̂ о̂  У́ у́ У̀ у̀ У̑ у̑  У̏ у̏  Ӯ ӯ У̂ у̂  У̂ у̂  Р́ р́  Р̀ р̀  Р̑ р̑  Р̏ р̏  Р̄ р̄  Р̂ р̂ ',
            'Латиница': 'A a B b C c Ć ć Č č D d Dž dž Đ đ E e F f G g H h I i J j K k L l Lj lj M m N n Nj nj O o P p R r S s Š š T t U u V v Z z Ž ž Акценти: Á á À à Ȃ ȃ Ȁ ȁ Ā ā Â â É é È è Ȇ ȇ Ȅ ȅ Ē ē Ê ê Í í Ì ì Ȋ ȋ Ȉ ȉ Ī ī Î î Ó ó Ò ò Ȏ ȏ Ȍ ȍ Ō ō Ô ô Ú ú Ù ù Ȗ ȗ Ȕ ȕ Ū ū Û û Ŕ ŕ R̀ ̀r Ȓ ȓ Ȑ ȑ {\{уникод|+}}',
            'Математика и логика': '− × ÷ ⋅ ¹ ² ³ ½ ¼ ¾ ° ∗ ∘ ± ∓ ≤ ≥ ≠ ≡ ≅ ≜ ≝ ≐ ≃ ≈ ⊕ ⊗ ⇐ ⇔ ⇒ ∞ ← ↔ → ≪ ≫ ∝ √ ∤ ≀ ◅ ▻ ⋉ ⋊ ⋈ ∴ ∵ ↦ ¬ ∧ ∨ ⊻ ∀ ∃ ∈ ∉ ∋ ⊆ ⊈ ⊊ ⊂ ⊄ ⊇ ⊉ ⊋ ⊃ ⊅ ∪ ∩ ∑ ∏ ∐ ′ ∫ ∬ ∭ ∮ ∇ ∂ ∆ ∅ ℂ ℍ ℕ ℙ ℚ ℝ ℤ ℵ ⌊ ⌋ ⌈ ⌉ ⊤ ⊥ ⊢ ⊣ ⊧ □ ∠ ⟨ ⟩ <math>+</math> {\{math|+}} {\{mvar|+}} {\{frac|+|}} {\{sfrac|+|}}'
        },

        charinsertDivider: "\240",

        storageKey: 'edittoolscharsubset',

        createEditTools: function ( placeholder ) {
            var sel, id;
            var box = document.createElement( 'div' );
            var prevSubset = 0, curSubset = 0;
            box.id = 'editpage-specialchars';
            box.className = "nopopups";
            box.title = 'Кликните на знак, односно ознаку да бисте је убацили у оквир за уређивање';

            // append user-defined sets
            if ( window.charinsertCustom ) {
                for ( id in charinsertCustom ) {
                    if ( !editTools.charinsert[id] ) {
                        editTools.charinsert[id] = '';
                    }
                }
            }

            // create drop-down select
            sel = document.createElement( 'select' );
            for ( id in editTools.charinsert ) {
                sel.options[sel.options.length] = new Option( id, id );
            }
            sel.selectedIndex = 0;
            sel.style.marginRight = '.3em';
            sel.title = 'Изаберите скуп знакова';
            sel.onchange = sel.onkeyup = selectSubset;
            box.appendChild( sel );

            // create "recall" switch
            if ( window.editToolsRecall ) {
                var recall = document.createElement( 'span' );
                recall.appendChild( document.createTextNode( '↕' ) ); // ↔
                recall.onclick = function() {
                    sel.selectedIndex = prevSubset;
                    selectSubset();
                };
                recall.style.cssFloat = 'left';
                recall.style.marginRight = '5px';
                recall.style.cursor = 'pointer';
                box.appendChild( recall );
            }

			if ( getSelectedSection() ) {
				sel.selectedIndex = getSelectedSection();
			}

            placeholder.parentNode.replaceChild( box, placeholder );
            selectSubset();
            return;

            function selectSubset() {
                // remember previous (for "recall" button)
                prevSubset = curSubset;
                curSubset = sel.selectedIndex;
                //save into web storage for persistence
                saveSelectedSection( curSubset );
                
                //hide other subsets
                var pp = box.getElementsByTagName( 'p' ) ;
                for ( var i = 0; i < pp.length; i++ ) {
                    pp[i].style.display = 'none';
                }
                //show/create current subset
                var id = sel.options[curSubset].value;
                var p = document.getElementById( id );
                if ( !p ) {
                    p = document.createElement( 'p' );
                    p.className = 'nowraplinks';
                    p.id = id;
                    if ( id == 'Arabic' || id == 'Hebrew' ) {
                        p.style.fontSize = '120%';
                        p.dir = 'rtl';
                    }
                    var tokens = editTools.charinsert[id];
                    if ( window.charinsertCustom && charinsertCustom[id] ) {
                        if ( tokens.length > 0 ) {
                            tokens += ' ';
                        }
                        tokens += charinsertCustom[id];
                    }
                    editTools.createTokens( p, tokens );
                    box.appendChild( p );
                }
                p.style.display = 'inline';
            }
        },

        createTokens: function ( paragraph, str ) {
            var tokens = str.split( ' ' ), token, i, n;
            for ( i = 0; i < tokens.length; i++ ) {
                token = tokens[i];
                n = token.indexOf( '+' );
                if ( token.charAt( 0 ) === '␥' ) {
                    if ( token.length > 1 && mw.config.get( 'wgNamespaceNumber' ) === 0 ) {
                        continue;
                    } else {
                        token = token.substring( 1 );
                    }
                }
                if ( token === '' || token === '_' ) {
                    addText( editTools.charinsertDivider + ' ' );
                } else if ( token === '\n' ) {
                    paragraph.appendChild( document.createElement( 'br' ) );
                } else if ( token === '___' ) {
                    paragraph.appendChild( document.createElement( 'hr' ) );
                } else if ( token.charAt( token.length-1 ) === ':' ) { // : at the end means just text
                    addBold( token );
                } else if ( n === 0 ) { // +<tag>  ->   <tag>+</tag>
                    addLink( token.substring( 1 ), '</' + token.substring( 2 ), token.substring( 1 ) );
                } else if ( n > 0 ) { // <tag>+</tag>
                    addLink( token.substring( 0, n ), token.substring( n+1 ) );
                } else if ( token.length > 2 && token.charCodeAt( 0 ) > 127 ) { // a string of insertable characters
                    for ( var j = 0; j < token.length; j++ ) {
                        addLink( token.charAt( j ), '' );
                    }
                } else {
                    addLink( token, '' );
                }
            }
            return;

            function addLink( tagOpen, tagClose, name ) {
                var handler;
                var dle = tagOpen.indexOf( '\x10' );
                var a = document.createElement( 'a' );
                
                if ( dle > 0 ) {
                    var path = tagOpen.substring( dle + 1 ).split( '.' );
                    tagOpen = tagOpen.substring( 0, dle );
                    handler = window;
                    for ( var i = 0; i < path.length; i++ ) {
                        handler = handler[path[i]];
                    }
	                $( a ).on( 'click', handler );
                } else {
                    tagOpen = tagOpen.replace( /\./g,' ' );
                    tagClose = tagClose ? tagClose.replace( /_/g,' ' ) : '';
                    $( a ).on( 'click', {
                    	tagOpen: tagOpen,
                    	sampleText: '',
                    	tagClose: tagClose
                    }, insertTags );
                }

                name = name || tagOpen + tagClose;
                name = name.replace( /\\n/g,'' );
                a.appendChild( document.createTextNode( name ) );
                a.href = '';
                paragraph.appendChild( a );
                addText( ' ' );
            }

            function addBold( text ) {
                var b = document.createElement( 'b' );
                b.appendChild( document.createTextNode( text.replace( /_/g,' ' ) ) );
                paragraph.appendChild( b );
                addText( ' ' );
            }
            function addText( txt ) {
                paragraph.appendChild( document.createTextNode( txt ) );
            }
            function insertTags( e ) {
            	e.preventDefault();
            	if ( $currentFocused && $currentFocused.length && !$currentFocused.prop( 'readonly' ) ) {
					$currentFocused.textSelection(
						'encapsulateSelection', {
							pre: e.data.tagOpen,
							peri: e.data.sampleText,
							post: e.data.tagClose
						}
					);
				}
            }
        },

        setup: function () {
            var placeholder;
            if ( $( '#editpage-specialchars' ).length ) {
                placeholder = $( '#editpage-specialchars' )[0];
            } else {
                placeholder = $( '<div id="editpage-specialchars"> </div>' ).prependTo( '.mw-editTools' )[0];
            }
            if ( !placeholder ) {
                return;
            }
            if ( !window.charinsertDontMove ) {
                $( '.editOptions' ).before( placeholder );
            }
            // Find the element that is focused
            $currentFocused = $( '#wpTextbox1' );
            // Apply to dynamically created textboxes as well as normal ones
			$( document ).on( 'focus', 'textarea, input:text, .CodeMirror', function () {
				if ( $( this ).is( '.CodeMirror' ) ) {
					// CodeMirror hooks into #wpTextbox1 for textSelection changes
					$currentFocused = $( '#wpTextbox1' );
				} else {
					$currentFocused = $( this );
				}
			} );

			// Used to determine where to insert tags
            editTools.createEditTools( placeholder );
            window.updateEditTools = function () {
                editTools.createEditTools( $( '#editpage-specialchars' )[0] );
            };
        }

    }; // end editTools

    editTools.setup();
} );