MediaWiki:Gadget-database-util.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.

( function ( $, mw ) {
	'use strict';
	
	mw.loader.using( ['oojs-ui-core', 'oojs-ui-widgets'] ).done( function() {
	
		/*
		 * QueryOptions
		 */
		function QueryOptions() {
			this.queryParams = {};
			
			this.fieldset = new OO.ui.FieldsetLayout( {
			    label: 'Query options',
			    items: []
			} );
		}
		
		QueryOptions.prototype.addMultioption = function( param, options, fieldOptions ) {
			this.queryParams[param] = new pswiki.polyfill.Set();
			
			var paramVal = this.queryParams[param];
			
			var toggleButtons = options.map( function( option ) {
				var btn = new OO.ui.ToggleButtonWidget( {
					label: option.label,
					value: option.value
				} );
				btn.on( 'change', function( selected ) {
					if ( selected ) {
						paramVal.add( option.value );
					} else {
						paramVal.delete( option.value );
					}
					console.log(paramVal.values());
				} );
				
				return btn;
			} );
			var widget = new OO.ui.ButtonGroupWidget( {
				items: toggleButtons,
				align: 'left'
			} );
			
			this.fieldset.addItems( [
				new OO.ui.FieldLayout( widget, {
					label: fieldOptions.label,
					align: 'top'
				} ),
			] );	
		};
		
		QueryOptions.prototype.getOptions = function() {
			
		};
		
		/*
		 * DisplayOptions
		 */
		function DisplayOptions() {
			this.displayOptions = {};
		}
		
		DisplayOptions.prototype.getOptions = function() {
			
		};
		
		Object.preventExtensions( QueryOptions );
		Object.preventExtensions( DisplayOptions );
		
		window.pswiki.dbUtil = {
			QueryOptions: QueryOptions,
			DisplayOptions: DisplayOptions
		};
		
	} );
} )( jQuery, mediaWiki );