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}}"
                    }
                }
            }
        }
    } );
    
    // Style the two custom buttons after they are added
    setTimeout(function () {

        $('.group-insert a[rel="Poem1"], .group-insert a[rel="Poem2"]').css({
            'margin-top': '7px',
            'width': '36px',
            'height': '36px',
            'min-width': '36px',
            'min-height': '36px',
            'background-size': '28px 28px',
            'background-position': 'center',
            'background-repeat': 'no-repeat'
        });

    }, 100);
    
};

/* 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( poemBtn );
		}
	} );
}