MediaWiki:Gadget-dialogue-options.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

mw.loader.using( ['oojs-ui-core', 'oojs-ui-widgets'] ).done( function() {
	
	var allToggle = new OO.ui.ButtonSelectWidget( {
		items: [
			new OO.ui.ButtonOptionWidget({ data: 'en', label: 'English' }),
			new OO.ui.ButtonOptionWidget({ data: 'jp', label: 'Japanese' }),
		],
		align: 'left'
	} );
	allToggle.selectItemByData('en');
	allToggle.on( 'choose' , function( item, selected ) {
		$( '.dialogue' ).each( function() {
			var $dt_en = $( this ).find( '.dt-en' );
			var $dt_jp = $( this ).find( '.dt-jp' );
			
			if ( item.getData() === 'en' ) {
				$dt_en.hide();
				$dt_en.show();
			} else if ( item.getData() === 'jp' ) {
				$dt_en.hide();
				$dt_jp.show();
			}
		});
	});
	
	$( '.dialogue-toggle' ).append( allToggle.$element );
});