Content added Content deleted
mNo edit summary |
mNo edit summary |
||
Line 5: | Line 5: | ||
new OO.ui.ButtonOptionWidget({ data: 'en', label: 'English' }), |
new OO.ui.ButtonOptionWidget({ data: 'en', label: 'English' }), |
||
new OO.ui.ButtonOptionWidget({ data: 'jp', label: 'Japanese' }), |
new OO.ui.ButtonOptionWidget({ data: 'jp', label: 'Japanese' }), |
||
new OO.ui.ButtonOptionWidget({ data: 'both', label: 'Both' }) |
|||
], |
], |
||
align: 'left' |
align: 'left' |
||
Line 19: | Line 20: | ||
} else if ( item.getData() === 'jp' ) { |
} else if ( item.getData() === 'jp' ) { |
||
$dt_en.hide(); |
$dt_en.hide(); |
||
$dt_jp.show(); |
|||
} else if ( item.getData() === 'both' ) { |
|||
$dt_en.show(); |
|||
$dt_jp.show(); |
$dt_jp.show(); |
||
} |
} |
Revision as of 20:11, 11 December 2021
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' }),
new OO.ui.ButtonOptionWidget({ data: 'both', label: 'Both' })
],
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_jp.hide();
$dt_en.show();
} else if ( item.getData() === 'jp' ) {
$dt_en.hide();
$dt_jp.show();
} else if ( item.getData() === 'both' ) {
$dt_en.show();
$dt_jp.show();
}
} );
} );
$( '.dialogue-toggle' ).append( allToggle.$element );
$( '.dialogue' ).each( function() {
var $dt_jp = $( this ).find( '.dt-jp' );
$dt_jp.hide();
} );
});