MediaWiki:Gadget-calculator-crystals-core.js

( function ( $, mw ) {
	
	var fieldset = new OO.ui.FieldsetLayout();
	
	/* 
	 * Date range
	 */
	var startDateWidget = new OO.ui.FieldLayout(
		new mw.widgets.DateInputWidget( {
			type: 'date'
		} ),
		{
			label: 'Start date',
			align: 'inline',
			help: 'test'
		}
	);
	
	var endDateWidget = new OO.ui.FieldLayout(
		new mw.widgets.DateInputWidget( {
			type: 'date'
		} ),
		{
			label: 'End date',
			align: 'inline'
		}
	);
	
	var dateFieldset = new OO.ui.FieldsetLayout( {
	    label: 'Date range',
	    items: [
	    	startDateWidget,
			endDateWidget
		]
	} );
	
	/* 
	 * Song
	 */
	
	var songRankOptions = '';
	var songRankWidget = new OO.ui.FieldLayout(
		new OO.ui.ButtonSelectWidget( {
			items: [],
		} ),
		{
			label: 'Average song rank',
			align: 'inline'
		}
	);
	
	var songComboOptions = '';
	var songComboHardWidget = new OO.ui.FieldLayout(
		new OO.ui.ButtonSelectWidget( {
			items: [],
		} ),
		{
			label: 'Average song combo (on hard)',
			align: 'inline'
		}
	);
	
	var songComboExpertWidget = new OO.ui.FieldLayout(
		new OO.ui.ButtonSelectWidget( {
			items: [],
		} ),
		{
			label: 'Average song combo (on expert)',
			align: 'inline'
		}
	);
	
	var songComboMasterWidget = new OO.ui.FieldLayout(
		new OO.ui.ButtonSelectWidget( {
			items: [],
		} ),
		{
			label: 'Average song combo (on master)',
			align: 'inline'
		}
	);
	
    var songFieldset = new OO.ui.FieldsetLayout( {
	    label: 'Songs',
	    items: [
	    	songRankWidget,
	    	songComboHardWidget,
	    	songComboExpertWidget,
	    	songComboMasterWidget
		]
	} );

	/* 
	 * Challenge Stamp
	 */
	var clStampMenuItems = [];
	var clStampOptions = [ 'Crystals', 'Song cards', 'Miracle gems',
		'Magic cloth', 'Magic thread', 'Mysterious seeds', 
		'Intermediate practice scores', 'Coins' ];
	for (var i = 0; i < clStampOptions.length; i++) {
		clStampMenuItems.push(new OO.ui.MenuOptionWidget( {
            data: clStampOptions[i],
            label: clStampOptions[i]
        } ));
	}
	var clStampWidget = new OO.ui.DropdownWidget( {
	    menu: {
	        items: clStampMenuItems
	    }
    } );
    
    var clFieldset = new OO.ui.FieldsetLayout( {
	    label: 'Challenge Stamp reward',
	    items: [
	    	clStampWidget
		]
	} );
	
	/*
	 * Everything
	 */
	
	fieldset.addItems( [
		dateFieldset,
		clFieldset
	] );

	$( '#calculator' ).append( fieldset.$element );
	
} )( jQuery, mediaWiki );