Content added Content deleted
(Created page with "( function ( $, mw ) { 'use strict'; function makeLanguageSelector( id ) { var selector = new OO.ui.ButtonSelectWidget( { items: [ new OO.ui.ButtonOptionWidget( { data: 'jp', label: 'Japanese' } ), new OO.ui.ButtonOptionWidget( { data: 'rm', label: 'Romaji '} ), new OO.ui.ButtonOptionWidget( { data: 'en', label: 'English' } ) ], align: 'left', multiselect: true } ); function langSelect( item, selected ) { var cssSelector = '#ly...") |
m (fixed variable) |
||
Line 26: | Line 26: | ||
} |
} |
||
selector.on( 'choose', langSelect ); |
|||
selector.on( 'select', langSelect ); |
|||
return selector; |
return selector; |
Revision as of 01:28, 26 July 2022
( function ( $, mw ) {
'use strict';
function makeLanguageSelector( id ) {
var selector = new OO.ui.ButtonSelectWidget( {
items: [
new OO.ui.ButtonOptionWidget( { data: 'jp', label: 'Japanese' } ),
new OO.ui.ButtonOptionWidget( { data: 'rm', label: 'Romaji '} ),
new OO.ui.ButtonOptionWidget( { data: 'en', label: 'English' } )
],
align: 'left',
multiselect: true
} );
function langSelect( item, selected ) {
var cssSelector = '#lyrics-' + id + ' .lyric';
$( cssSelector ).each( function() {
var $ly_jp = $( this ).find( '.ly-jp' );
var $ly_rm = $( this ).find( '.ly-rm' );
var $ly_en = $( this ).find( '.ly-en' );
} );
console.log(item, selected);
}
selector.on( 'choose', langSelect );
selector.on( 'select', langSelect );
return selector;
}
$( function() {
$( '.lyrics-options' ).each( function () {
var id = $( this ).data( 'id' );
var fieldset = new OO.ui.FieldsetLayout( {
label: 'Dialogue display options'
} );
var langSelector = makeLanguageSelector( id );
fieldset.addItems( [
new OO.ui.FieldLayout( langSelector, { label: 'Display language', align: 'inline' } )
] );
$( this ).append( fieldset.$element );
} );
} );
} )( jQuery, mediaWiki );