MediaWiki:Common.js

var customizeToolbar = function () {
	$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
		section: 'advanced',
		group: 'format',
		tools: {
			"youtube": {
				label: 'youtube',
				type: 'button',
				icon: 'https://canards-fantasy.fr/mediawiki/resources/assets/youtube.png',
				action: {
					type: 'encapsulate',
					options: {
						pre: "<youtube>",
						post: "</youtube>"
					}
				}
			},
			"pageLink": {
				label: 'Lien vers une page',
				type: 'button',
				icon: 'https://canards-fantasy.fr/mediawiki/resources/assets/pageLink.jpg',
				action: {
					type: 'encapsulate',
					options: {
						pre: "[[Titre de la page|Texte du lien]]",
						post: ""
					}
				}
			},
			"alertBlock": {
				label: 'Bloc d\'alert',
				type: 'button',
				icon: 'https://canards-fantasy.fr/mediawiki/resources/assets/alertblock.png',
				action: {
					type: 'encapsulate',
					options: {
						pre: "<div class='alertBlock'>",
						post: "</div>"
					}
				}
			},
			"infoBlock": {
				label: 'Bloc d\'info',
				type: 'button',
				icon: 'https://canards-fantasy.fr/mediawiki/resources/assets/info.png',
				action: {
					type: 'encapsulate',
					options: {
						pre: "<div class='alertInfo'>",
						post: "</div>"
					}
				}
			},
			"successBlock": {
				label: 'Bloc de succès (vert)',
				type: 'button',
				icon: 'https://canards-fantasy.fr/mediawiki/resources/assets/success.png',
				action: {
					type: 'encapsulate',
					options: {
						pre: "<div class='alertSuccess'>",
						post: "</div>"
					}
				}
			},
			"spoiler": {
				label: 'Spoiler',
				type: 'button',
				icon: 'https://canards-fantasy.fr/mediawiki/resources/assets/spoiler.jpg',
				action: {
					type: 'encapsulate',
					options: {
						pre: "<div class='spoiler'><span class='toggler'>Afficher</span><div class='spoiler-content'> ",
						post: " </div></div>"
					}
				}
			}
                        ,
			"testDialog": {
				label: 'Spoiler',
				type: 'button',
				icon: 'https://canards-fantasy.fr/mediawiki/resources/assets/spoiler.jpg',
				action: {
 					type: 'dialog',
					options: {
						pre: "<div class='spoiler'><span class='toggler'>Afficher</span><div class='spoiler-content'> ",
						post: " </div></div>"
					}
				}
			}
		}
	} );
};

/* Check if view is in edit mode and that the required modules are available. Then, customize the toolbar … */
if ( $.inArray( mw.config.get( 'wgAction' ), [ 'edit', 'submit' ] ) !== -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( customizeToolbar );
		}
	} );
}

$(document).on("click",".toggler",function(e){
	$(e.target).parents(".spoiler").children(".spoiler-content").toggle();
	$(e.target).text() === "Afficher" ? $(e.target).text("Cacher") : $(e.target).text("Afficher");
});