MediaWiki:Gadget-database-util.js

( function ( $, mw ) {
	'use strict';
	
	mw.loader.using( ['oojs-ui-core', 'oojs-ui-widgets'] ).done( function() {
	
		/*
		 * QueryOptions
		 */
		function QueryOptions() {
			this.queryParams = {};
			this.getters = {};
			
			this.fieldset = new OO.ui.FieldsetLayout( {
			    label: 'Query options',
			    items: []
			} );
		}
		
		QueryOptions.prototype.addButtonGroup = function( param, fieldOptions, widgetOptions ) {
			var toggleButtons = widgetOptions.items.map( function ( item ) {
				var btn = new OO.ui.ButtonOptionWidget({
					data: item.data,
					label: item.label
				});
				
				return btn;
			} );
				
			var widget = new OO.ui.ButtonSelectWidget( {
				items: toggleButtons,
				align: widgetOptions.align || 'left',
				multiselect: widgetOptions.multiselect || false
			} );
			
			this.fieldset.addItems( [
				new OO.ui.FieldLayout( widget, {
					label: fieldOptions.label,
					align: fieldOptions.align || 'top'
				} )
			] );
			
			this.getters[ param ] = function() {
				var selected = widget.findSelectedItems();
				
				if ( Array.isArray(selected) ) {
					return selected.map( function ( item ) { 
						return item.getData();
					} );
				} else if ( selected !== null ) {
					return [ selected.getData() ];
				}
				
				return [];
			};
		};
		
		QueryOptions.prototype.addCheckboxInput = function ( param, fieldOptions, widgetOptions ) {
			var widget = new OO.ui.CheckboxInputWidget( {
				data: widgetOptions.data,
		        label: widgetOptions.label,
		        title: widgetOptions.title
			} );
			
			
		};
		
		QueryOptions.prototype.addCheckboxMultiselect = function( param, fieldOptions, widgetOptions ) {
			
		};
		
		QueryOptions.prototype.getOptions = function() {
			var opts = {};
			
			for ( var key in this.getters ) {
				opts[ key ] = this.getters[ key ]();
			}
			
			return opts;
		};
		
		/*
		 * DisplayOptions
		 */
		function DisplayOptions() {
			this.displayOptions = {};
			
			this.fieldset = new OO.ui.FieldsetLayout( {
			    label: 'Display options',
			    items: []
			} );
		}
		
		DisplayOptions.prototype.addColumnSelector = function( columns ) {
		
		};
		
		DisplayOptions.prototype.getOptions = function() {
			
		};
		
		
		function SearchWidget( config ) {
			this.fieldset = new OO.ui.FieldsetLayout();
			this.submitButton = new OO.ui.ButtonInputWidget( { 
				label: 'Search',
				flags: [ 'primary', 'progressive' ],
				align: 'left',
				icon: 'search'
			} );
			
			if ( config.queryOptions ) {
				this.fieldset.addItems( [
					config.queryOptions.fieldset
				] );
			}
			
			if ( config.displayOptions ) {
				this.fieldset.addItems( [
					config.displayOptions.fieldset
				] );
			}
			
			this.fieldset.addItems( [
		    	new OO.ui.FieldLayout( this.submitButton )
			] );
			
			this.submitButton.on('click', function() {
				console.log( config.queryOptions.getOptions() );
			} );
		}
		
		Object.preventExtensions( QueryOptions );
		Object.preventExtensions( DisplayOptions );
		Object.preventExtensions( SearchWidget );
		
		window.pswiki.dbUtil = {
			QueryOptions: QueryOptions,
			DisplayOptions: DisplayOptions,
			SearchWidget: SearchWidget
		};
		
	} );
} )( jQuery, mediaWiki );