MediaWiki:Gadget-database-vocals-core.js

mw.loader.using( ['ext.gadget.db-util'] ).done( function() {
	var qOptions = new pswiki.dbUtil.QueryOptions();
	
	qOptions.addButtonGroup(
		'versions',
		{ label: 'Vocal version(s)' },
		{
			multiselect: true,
			items: [
				{ label: 'VIRTUAL SINGER', data: 'VIRTUAL SINGER' },
				{ label: 'SEKAI',          data: 'SEKAI' },
				{ label: 'Another Vocal',  data: 'Another Vocal' }
			]
		}
	);
	
	qOptions.addButtonGroup(
		'singers',
		{ label: 'Singer(s)', align: 'top' },
		{ 
			multiselect: true,
			items: [
				// VIRTUAL SINGER
				{ label: 'Hatsune Miku',  data: 'Hatsune Miku' },
				{ label: 'Kagamine Rin',  data: 'Kagamine Rin' },
				{ label: 'Kagamine Len',  data: 'Kagamine Len' },
				{ label: 'Megurine Luka', data: 'Megurine Luka' },
				{ label: 'MEIKO',         data: 'MEIKO' },
				{ label: 'KAITO',         data: 'KAITO' },
				
				// Leo/need
				{ label: 'Hoshino Ichika',   data: 'Hoshino Ichika' },
				{ label: 'Tenma Saki',       data: 'Tenma Saki' },
				{ label: 'Mochizuki Honami', data: 'Mochizuki Honami' },
				{ label: 'Hinomori Shiho',   data: 'Hinomori Shiho' },
				
				// MORE MORE JUMP!
				{ label: 'Hanasato Minori',  data: 'Hanasato Minori' },
				{ label: 'Kiritani Haruka',  data: 'Kiritani Haruka' },
				{ label: 'Momoi Airi',       data: 'Momoi Airi' },
				{ label: 'Hinomori Shizuku', data: 'Hinomori Shizuku' },
				
				// Vivid BAD SQUAD
				{ label: 'Azusawa Kohane',  data: 'Azusawa Kohane' },
				{ label: 'Shiraishi An',    data: 'Shiraishi An' },
				{ label: 'Shinonome Akito', data: 'Shinonome Akito' },
				{ label: 'Aoyagi Toya',     data: 'Aoyagi Toya' },
				
				// Wonderlands×Showtime
				{ label: 'Tenma Tsukasa', data: 'Tenma Tsukasa' },
				{ label: 'Otori Emu',     data: 'Otori Emu' },
				{ label: 'Kusanagi Nene', data: 'Kusanagi Nene' },
				{ label: 'Kamishiro Rui', data: 'Kamishiro Rui' },
				
				// 25-ji, Nightcord de.
				{ label: 'Yoisaki Kanade', data: 'Yoisaki Kanade' },
				{ label: 'Asahina Mafuyu', data: 'Asahina Mafuyu' },
				{ label: 'Shinonome Ena',  data: 'Shinonome Ena' },
				{ label: 'Akiyama Mizuki', data: 'Akiyama Mizuki' },
			]
		}
	);

	$( 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 );
	});

} );