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 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' },
		{ 
			multiselect: true,
			items: [
				// VIRTUAL SINGER
				{ label: 'Hatsune Miku', value: false },
				{ label: 'Kagamine Rin', value: false },
				{ label: 'Kagamine Len', value: false },
				{ label: 'Megurine Luka', value: false },
				{ label: 'MEIKO', value: false },
				{ label: 'KAITO', value: false },
				
				// Leo/need
				{ label: 'Hoshino Ichika', value: false },
				{ label: 'Tenma Saki', value: false },
				{ label: 'Mochizuki Honami', value: false },
				{ label: 'Hinomori Shiho', value: false },
				
				// MORE MORE JUMP!
				{ label: 'Hanasato Minori', value: false },
				{ label: 'Kiritani Haruka', value: false },
				{ label: 'Momoi Airi', value: false },
				{ label: 'Hinomori Shizuku', value: false },
				
				// Vivid BAD SQUAD
				{ label: 'Azusawa Kohane', value: false },
				{ label: 'Shiraishi An', value: false },
				{ label: 'Shinonome Akito', value: false },
				{ label: 'Aoyagi Toya', value: false },
				
				// Wonderlands×Showtime
				{ label: 'Tenma Tsukasa', value: false },
				{ label: 'Otori Emu', value: false },
				{ label: 'Kusanagi Nene', value: false },
				{ label: 'Kamishiro Rui', value: false },
				
				// 25-ji, Nightcord de.
				{ label: 'Yoisaki Kanade', value: false },
				{ label: 'Asahina Mafuyu', value: false },
				{ label: 'Shinonome Ena', value: false },
				{ label: 'Akiyama Mizuki', 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 );
	});

} );