MediaWiki:Gadget-database-vocals-core.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( ['ext.gadget.db-util'] ).done( function() {
	var qOptions = new 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 );
	});

} );