MediaWiki:PoemButtons.js: Difference between revisions

var poemBtn = function () {
	$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
        'section': 'main',
        'group': 'insert',
        'tools': {
            'Poem1': {
                label: 'Poem',
                type: 'button',
                icon: '//upload.wikimedia.org/wikipedia/commons/0/0f/Text_green_icon.svg',
                action: {
                    type: 'encapsulate',
                    options: {
                        pre: "<poem>\n",
                        post: "\n</poem>"
                    }
                }
            },
            'Poem2': {
                label: 'Poem2',
                type: 'button',
                icon: '//upload.wikimedia.org/wikipedia/commons/a/a1/Deepin_Icon_Theme_%E2%80%93_package_wordprocessing.svg',
                action: {
                    type: 'encapsulate',
                    options: {
                        pre: "{{Poem2Open}}\n",
                        post: "\n{{Poem2Close}}"
                    }
                }
            }
        }
    } );
};

/* Check if view is in edit mode and that the required modules are available. Then, customize the toolbar … */
if ( [ 'edit', 'submit' ].indexOf( mw.config.get( 'wgAction' ) ) !== -1 ) {
	mw.loader.using( 'user.options' ).then( function () {
		// This can be the string "0" if the user disabled the preference ([[phab:T54542#555387]])
		if ( mw.user.options.get( 'usebetatoolbar' ) == 1 ) {
			$.when(
				mw.loader.using( 'ext.wikiEditor' ), $.ready
			).then(function () {

			    poemBtn();
			
			    var interval = setInterval(function () {
			
			        var btn1 = document.querySelector('a[rel="Poem1"]');
			        var btn2 = document.querySelector('a[rel="Poem2"]');
			
			        if (btn1 && btn2) {
			
			            btn1.style.setProperty('margin-top', '7px', 'important');
			            btn1.style.setProperty('background-size', '28px 28px', 'important');
			            btn1.style.setProperty('width', '30px', 'important');
			            btn1.style.setProperty('height', '30px', 'important');
						btn1.style.setProperty('margin-right', '8px', 'important');
						
						btn2.style.setProperty('margin-top', '7px', 'important');
			            btn2.style.setProperty('background-size', '28px 28px', 'important');
			            btn2.style.setProperty('width', '30px', 'important');
			            btn2.style.setProperty('height', '30px', 'important');
			            btn2.style.setProperty('margin-right', '4px', 'important');
			
			            clearInterval(interval);
			        }
			
			    }, 100);
			
			});
		}
	} );
}