MediaWiki:Gadget-database-songs-core.js: Difference between revisions

Content added Content deleted

Inline

Revision as of 05:29, 22 December 2021

( function ( $, mw, psw ) {
	'use strict';

	var qOptions = new psw.db.QueryOptions();
	
	qOptions.addButtonMulti(
		'units',
		{ label: 'Unit(s)' },
		{
			multiselect: true,
			items: [
				{ label: 'VIRTUAL SINGER' },
				{ label: 'Leo/need' },
				{ label: 'MORE MORE JUMP!' },
				{ label: 'Vivid BAD SQUAD' },
				{ label: 'Wonderlands×Showtime' },
				{ label: '25-ji, Nightcord de.' },
				{ label: 'Other' }
			]
		}
	);
	
	[
		{ param: '3d mv', label: '3D MV?' },
		{ param: '2d mv', label: '2D MV?' },
		{ param: 'original mv', label: 'Original MV?' }
	].forEach( function( paramLabel ) {
		qOptions.addButtonMulti(
			paramLabel.param,
			{ label: paramLabel.label },
			{
				items: [
					{ label: 'Any', data: '' },
					{ label: 'Yes' },
					{ label: 'No' }
				],
				selected: 'Any'
			}
		);
	} );
	
	qOptions.addButtonMulti(
		'commissioned',
		{ label: 'Commissioned?' },
		{
			items: [
				{ label: 'Any', data: '' },
				{ label: 'Yes' },
				{ label: 'No' }
			],
			selected: 'Any'
		}
	);
	
	qOptions.addDate(
		'released after',
		{ label: 'Released after' }
	);
	qOptions.addDate(
		'released before',
		{ label: 'Released before' }
	);
	
	[
		{ param: 'easy diff',   label: 'Easy difficulties',   min: 5,  max: 9 },
		{ param: 'normal diff', label: 'Normal difficulties', min: 10, max: 15 },
		{ param: 'hard diff',   label: 'Hard difficulties',   min: 15, max: 21 },
		{ param: 'expert diff', label: 'Expert difficulties', min: 22, max: 30 },
		{ param: 'master diff', label: 'Master difficulties', min: 26, max: 33 }
	].forEach( function( diff ) {
		var diffItems = [];
		for ( var i = diff.min; i <= diff.max; i++ ) {
			diffItems.push( { label: i } );
		}
		
		qOptions.addButtonMulti(
			diff.param,
			{ label: diff.label },
			{
				multiselect: true,
				items: diffItems
			}
		);
	} );
	
	$( function () {
		var search = new psw.db.SearchWidget(
			{ queryOptions: qOptions },
			{ selector: '#song-results', template: 'Song datatable'	}
		);
		
		$( '#song-query' ).append( search.fieldset.$element );
	});
	
} )( jQuery, mediaWiki, pswiki );

@@ Line 1: / Line 1: @@
+( function ( $, mw, psw ) {
-mw.loader.using( ['oojs-ui-core', 'oojs-ui-widgets', 'mediawiki.api', 'mediawiki.widgets.DateInputWidget', 'jquery.tablesorter'] ).done( function () {
+	'use strict';
-	function QueryOptions() {
-		this.queryParams = {
+	var qOptions = new psw.db.QueryOptions();
-			units: {
-				'VIRTUAL SINGER': false,
+	qOptions.addButtonMulti(
-				'Leo/need': false,
+		'units',
-				'MORE MORE JUMP!': false,
+		{ label: 'Unit(s)' },
-				'Vivid BAD SQUAD': false,
+		{
-				'Wonderlands×Showtime': false,
+			multiselect: true,
-				'25-ji, Nightcord de.': false,
-				'Other': false
-			},
-			mvs: {
-				'3D': undefined,
-				'2D': undefined,
-				'Original': undefined
-			},
-			commissioned: undefined,
-			minDate: '',
-			maxDate: '',
-			easyDiffs: {},
-			normalDiffs: {},
-			hardDiffs: {},
-			expertDiffs: {},
-			masterDiffs: {}
-		};
-		var qParams = this.queryParams;
-		// Units
-		var unitOptionButtons = Object.keys( qParams.units ).map( function(unitName) {
-			var btn = new OO.ui.ToggleButtonWidget( {
-				label: unitName,
-				value: qParams.units[unitName]
-			} );
-			btn.on( 'change', function(newVal) {
-				qParams.units[unitName] = newVal;
-			} );
-			return btn;
-		} );
-		var unitOptions = new OO.ui.ButtonGroupWidget( {
-			items: unitOptionButtons,
-			align: 'left'
-		} );
-		// 3D MV
-		this._3d_mv = new OO.ui.ButtonSelectWidget( {
 			items: [
-				new OO.ui.ButtonOptionWidget({ data: undefined, label: 'Any' }),
+				{ label: 'VIRTUAL SINGER' },
-				new OO.ui.ButtonOptionWidget({ data: true, label: 'Yes' }),
+				{ label: 'Leo/need' },
-				new OO.ui.ButtonOptionWidget({ data: false, label: 'No' }),
+				{ label: 'MORE MORE JUMP!' },
+				{ label: 'Vivid BAD SQUAD' },
-			],
+				{ label: 'Wonderlands×Showtime' },
-			align: 'left'
+				{ label: '25-ji, Nightcord de.' },
-		} );
+				{ label: 'Other' }
-		this._3d_mv.selectItemByLabel('Any');
-		// 2D MV
-		this._2d_mv = new OO.ui.ButtonSelectWidget( {
-			items: [
-				new OO.ui.ButtonOptionWidget({ data: undefined, label: 'Any' }),
-				new OO.ui.ButtonOptionWidget({ data: true, label: 'Yes' }),
-				new OO.ui.ButtonOptionWidget({ data: false, label: 'No' }),
-			],
-			align: 'left'
-		} );
-		this._2d_mv.selectItemByLabel('Any');
-		// Original MV
-		this._og_mv = new OO.ui.ButtonSelectWidget( {
-			items: [
-				new OO.ui.ButtonOptionWidget({ data: undefined, label: 'Any' }),
-				new OO.ui.ButtonOptionWidget({ data: true, label: 'Yes' }),
-				new OO.ui.ButtonOptionWidget({ data: false, label: 'No' }),
-			],
-			align: 'left'
-		} );
-		this._og_mv.selectItemByLabel('Any');
-		// Commissioneed
-		this.commissioned = new OO.ui.ButtonSelectWidget( {
-			items: [
-				new OO.ui.ButtonOptionWidget({ data: undefined, label: 'Any' }),
-				new OO.ui.ButtonOptionWidget({ data: true, label: 'Yes' }),
-				new OO.ui.ButtonOptionWidget({ data: false, label: 'No' }),
-			],
-			align: 'left'
-		} );
-		this.commissioned.selectItemByLabel('Any');
-		this.afterDateInput = new mw.widgets.DateInputWidget( {
-			type: 'date'
-		} );
-		this.beforeDateInput = new mw.widgets.DateInputWidget( {
-			type: 'date'
-		} );
-		function createDiffButtons(min, max, obj) {
-			var diffs = [];
-			for (var i = min; i <= max; i++) {
-				diffs.push(i);
-			}
-			var diffButtons = diffs.map( function(diff) {
-				var btn = new OO.ui.ToggleButtonWidget( {
-					label: diff.toString(),
-					value: false
-				} );
-				btn.on( 'change', function(newVal) {
-					obj[diff] = newVal;
-				} );
-				return btn;
-			} );
-			return new OO.ui.ButtonGroupWidget( {
-				items: diffButtons,
-				align: 'left'
-			} );
-		}
-		var easyOptions = createDiffButtons(5, 9, qParams.easyDiffs);
-		var normalOptions = createDiffButtons(10, 15, qParams.normalDiffs);
-		var hardOptions = createDiffButtons(15, 21, qParams.hardDiffs);
-		var expertOptions = createDiffButtons(22, 30, qParams.expertDiffs);
-		var masterOptions = createDiffButtons(26, 33, qParams.masterDiffs);
-		this.fieldset = new OO.ui.FieldsetLayout( {
-		    label: 'Query options',
-		    items: [
-			    new OO.ui.FieldLayout( unitOptions, {
-			    	label: 'Unit',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( this._3d_mv, {
-			    	label: '3D MV?',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( this._2d_mv, {
-			    	label: '2D MV?',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( this._og_mv, {
-			    	label: 'Original MV?',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( this.commissioned, {
-			    	label: 'Commissioned?',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( this.afterDateInput, {
-			    	label: 'Released after',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( this.beforeDateInput, {
-			    	label: 'Released before',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( easyOptions, {
-			    	label: 'Easy difficulties',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( normalOptions, {
-			    	label: 'Normal difficulties',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( hardOptions, {
-			    	label: 'Hard difficulties',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( expertOptions, {
-			    	label: 'Expert difficulties',
-			    	align: 'top'
-			    } ),
-			    new OO.ui.FieldLayout( masterOptions, {
-			    	label: 'Master difficulties',
-			    	align: 'top'
-			    } )
 			]
-		} );
-	}
-	QueryOptions.prototype.getOptions = function() {
-		var resQuery = {};
-		// Unit
-		var units = [];
-		for (var unit in this.queryParams.units) {
-			if (this.queryParams.units[unit]) {
-				units.push(unit);
-			}
 		}
+	);
-		resQuery.unit = units.join(';');
+	[
-		// 3D MV
+		{ param: '3d mv', label: '3D MV?' },
-		var _3d_mv_val = this._3d_mv.findSelectedItem();
+		{ param: '2d mv', label: '2D MV?' },
-		if (_3d_mv_val !== null) {
+		{ param: 'original mv', label: 'Original MV?' }
-			var data = _3d_mv_val.getData();
+	].forEach( function( paramLabel ) {
-			if (typeof data !== 'undefined') {
+		qOptions.addButtonMulti(
-				resQuery['3d mv'] = data;
+			paramLabel.param,
+			{ label: paramLabel.label },
+			{
+				items: [
+					{ label: 'Any', data: '' },
+					{ label: 'Yes' },
+					{ label: 'No' }
+				],
+				selected: 'Any'
 			}
+		);
+	} );
+	qOptions.addButtonMulti(
+		'commissioned',
+		{ label: 'Commissioned?' },
+		{
+			items: [
+				{ label: 'Any', data: '' },
+				{ label: 'Yes' },
+				{ label: 'No' }
+			],
+			selected: 'Any'
 		}
+	);
-		// 2D MV
+	qOptions.addDate(
-		var _2d_mv_val = this._2d_mv.findSelectedItem();
+		'released after',
-		if (_2d_mv_val !== null) {
+		{ label: 'Released after' }
-			var data = _2d_mv_val.getData();
+	);
-			if (typeof data !== 'undefined') {
+	qOptions.addDate(
-				resQuery['2d mv'] = data;
+		'released before',
-			}
+		{ label: 'Released before' }
+	);
+	[
+		{ param: 'easy diff',   label: 'Easy difficulties',   min: 5,  max: 9 },
+		{ param: 'normal diff', label: 'Normal difficulties', min: 10, max: 15 },
+		{ param: 'hard diff',   label: 'Hard difficulties',   min: 15, max: 21 },
+		{ param: 'expert diff', label: 'Expert difficulties', min: 22, max: 30 },
+		{ param: 'master diff', label: 'Master difficulties', min: 26, max: 33 }
+	].forEach( function( diff ) {
+		var diffItems = [];
+		for ( var i = diff.min; i <= diff.max; i++ ) {
+			diffItems.push( { label: i } );
 		}
+		qOptions.addButtonMulti(
-		// Original MV
+			diff.param,
-		var _og_mv_val = this._og_mv.findSelectedItem();
+			{ label: diff.label },
-		if (_og_mv_val !== null) {
+			{
-			var data = _og_mv_val.getData();
+				multiselect: true,
-			if (typeof data !== 'undefined') {
+				items: diffItems
-				resQuery['original mv'] = data;
 			}
-		}
+		);
+	} );
-		// Commissioned
-		var commVal = this.commissioned.findSelectedItem();
-		if (commVal !== null) {
-			var data = commVal.getData();
-			if (typeof data !== 'undefined') {
-				resQuery.commissioned = data;
-			}
-		}
-		// Release date
-		resQuery['min date'] = this.afterDateInput.getValue();
-		resQuery['max date'] = this.beforeDateInput.getValue();
-		function getDiffs(diffObj) {
-			var diffs = [];
-			for (var key in diffObj) {
-				if (diffObj[key]) {
-					diffs.push(key);
-				}
-			}
-			return diffs.join(',');
-		}
-		resQuery['easy diff'] = getDiffs(this.queryParams.easyDiffs);
-		resQuery['normal diff'] = getDiffs(this.queryParams.normalDiffs);
-		resQuery['hard diff'] = getDiffs(this.queryParams.hardDiffs);
-		resQuery['expert diff'] = getDiffs(this.queryParams.expertDiffs);
-		resQuery['master diff'] = getDiffs(this.queryParams.masterDiffs);
-		return resQuery;
-	};
-	function DisplayOptions() {
-		var displayOptions = new OO.ui.CheckboxMultiselectWidget({
-			items: [
-				new OO.ui.CheckboxMultioptionWidget( {
-					selected: false,
-					label: 'Display jacket art',
-					disabled: true
-				} ),
-			],
-			align: 'left'
-		});
-		this.fieldset = new OO.ui.FieldsetLayout( {
-		    label: 'Display options',
-		    items: [
-		    	displayOptions
-	    	]
-		} );
-	}
-	DisplayOptions.prototype.getOptions = function() {
-	};
 	$( function () {
+		var search = new psw.db.SearchWidget(
-		console.log('loading query interface');
+			{ queryOptions: qOptions },
+			{ selector: '#song-results', template: 'Song datatable'	}
+		);
+		$( '#song-query' ).append( search.fieldset.$element );
-		var api = new mw.Api();
-		var queryOptions   = new QueryOptions();
-		var displayOptions = new DisplayOptions();
-		var submitButton = new OO.ui.ButtonInputWidget( {
-			label: 'Search',
-			flags: [ 'primary', 'progressive' ],
-			align: 'left',
-			icon: 'search'
-		} );
-		submitButton.on('click', function() {
-			go(api, queryOptions, displayOptions);
-		});
-		var fieldset = new OO.ui.FieldsetLayout();
-		fieldset.addItems( [
-		    queryOptions.fieldset,
-		    displayOptions.fieldset,
-		    new OO.ui.FieldLayout( submitButton )
-		] );
-		$( '#song-query' ).append( fieldset.$element );
-		function go(api, queryOptions, displayOptions) {
-			const params = [];
-			const query = queryOptions.getOptions();
-			for (var key in query) {
-				params.push('|' + key + ' = ' + query[key]);
-			}
-			var z = '{' + '{Song datatable\n' + params.join('\n') + '\n}}';
-			console.log(z);
-			api.get({
-				action: 'parse',
-				title: mw.config.get('wgPageName'),
-				prop: 'text',
-				text: z,
-				maxage: 3600,
-				smaxage: 3600
-			}).done(function(results) {
-				$('#song-results').empty().append($(results.parse.text['*']));
-				$('#song-results table').tablesorter();
-			});
-		}
 	});
-});
+} )( jQuery, mediaWiki, pswiki );