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}}"
                    }
                }
            }
        }
    } );
    
    // Apply styling after the buttons are created
    setTimeout(function () {

        $('a[rel="Poem1"], a[rel="Poem2"]').each(function () {

            this.style.setProperty('margin-top', '7px', 'important');
            this.style.setProperty('width', '40px', 'important');
            this.style.setProperty('height', '40px', 'important');
            this.style.setProperty('min-width', '40px', 'important');
            this.style.setProperty('min-height', '40px', 'important');
            this.style.setProperty('background-size', '28px 28px', 'important');
            this.style.setProperty('background-position', 'center', 'important');
            this.style.setProperty('background-repeat', 'no-repeat', 'important');

        });

    }, 500);
    
};

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