More actions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
mw.loader.using( ['ext.gadget.db-util'] ).done( function() { |
mw.loader.using( ['ext.gadget.db-util'] ).done( function() { |
||
var qOptions = new pswiki.dbUtil.QueryOptions(); |
var qOptions = new pswiki.dbUtil.QueryOptions(); |
||
⚫ | |||
qOptions.addButtonGroup( |
|||
'versions', |
|||
{ label: 'Vocal version(s)' }, |
|||
{ items: |
|||
[ |
|||
{ label: 'VIRTUAL SINGER', value: false }, |
|||
{ label: 'SEKAI', value: false }, |
|||
{ label: 'Another Vocal', value: false } |
|||
] |
|||
} |
|||
); |
|||
qOptions.addButtonGroup( |
qOptions.addButtonGroup( |
||
'singers', |
'singers', |
||
{ label: 'Singer(s)', align: 'top' }, |
{ label: 'Singer(s)', align: 'top' }, |
||
{ |
{ items: |
||
[ |
|||
{ label: 'Hatsune Miku', value: false }, |
{ label: 'Hatsune Miku', value: false }, |
||
{ label: 'Kagamine Rin', value: false } |
{ label: 'Kagamine Rin', value: false } |
||
Line 12: | Line 24: | ||
} |
} |
||
); |
); |
||
⚫ | |||
console.log(qOptions); |
|||
$( function () { |
$( function () { |
||
var submitButton = new OO.ui.ButtonInputWidget( { |
|||
label: 'Search', |
|||
flags: [ 'primary', 'progressive' ], |
|||
align: 'left', |
|||
icon: 'search' |
|||
} ); |
|||
var fieldset = new OO.ui.FieldsetLayout(); |
var fieldset = new OO.ui.FieldsetLayout(); |
||
fieldset.addItems( [ |
fieldset.addItems( [ |
||
qOptions.fieldset |
qOptions.fieldset, |
||
new OO.ui.FieldLayout( submitButton ) |
|||
] ); |
] ); |
||
$( '.test' ).append( fieldset.$element ); |
$( '.test' ).append( fieldset.$element ); |
Revision as of 07:58, 21 December 2021
mw.loader.using( ['ext.gadget.db-util'] ).done( function() {
var qOptions = new pswiki.dbUtil.QueryOptions();
qOptions.addButtonGroup(
'versions',
{ label: 'Vocal version(s)' },
{ items:
[
{ label: 'VIRTUAL SINGER', value: false },
{ label: 'SEKAI', value: false },
{ label: 'Another Vocal', value: false }
]
}
);
qOptions.addButtonGroup(
'singers',
{ label: 'Singer(s)', align: 'top' },
{ items:
[
{ label: 'Hatsune Miku', value: false },
{ label: 'Kagamine Rin', value: false }
]
}
);
$( function () {
var submitButton = new OO.ui.ButtonInputWidget( {
label: 'Search',
flags: [ 'primary', 'progressive' ],
align: 'left',
icon: 'search'
} );
var fieldset = new OO.ui.FieldsetLayout();
fieldset.addItems( [
qOptions.fieldset,
new OO.ui.FieldLayout( submitButton )
] );
$( '.test' ).append( fieldset.$element );
});
} );