Content added Content deleted
m (add song fieldset) |
(added event section) |
||
Line 32: | Line 32: | ||
startDateWidget, |
startDateWidget, |
||
endDateWidget |
endDateWidget |
||
] |
|||
} ); |
|||
⚫ | |||
/* |
|||
* Event |
|||
*/ |
|||
var eventTierWidget = new OO.ui.FieldLayout( |
|||
new OO.ui.ButtonSelectWidget( { |
|||
items: [], |
|||
} ), |
|||
{ |
|||
label: 'Average event tier', |
|||
align: 'inline' |
|||
} |
|||
); |
|||
var eventFieldset = new OO.ui.FieldsetLayout( { |
|||
label: 'Events', |
|||
items: [ |
|||
eventTierWidget |
|||
] |
] |
||
} ); |
} ); |
||
Line 38: | Line 58: | ||
* Song |
* Song |
||
*/ |
*/ |
||
⚫ | |||
var songRankOptions = ''; |
var songRankOptions = ''; |
||
var songRankWidget = new OO.ui.FieldLayout( |
var songRankWidget = new OO.ui.FieldLayout( |
||
Line 123: | Line 142: | ||
fieldset.addItems( [ |
fieldset.addItems( [ |
||
dateFieldset, |
dateFieldset, |
||
eventFieldset, |
|||
songFieldset, |
songFieldset, |
||
clFieldset |
clFieldset |
Revision as of 05:39, 24 August 2022
( 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
]
} );
/*
* Event
*/
var eventTierWidget = new OO.ui.FieldLayout(
new OO.ui.ButtonSelectWidget( {
items: [],
} ),
{
label: 'Average event tier',
align: 'inline'
}
);
var eventFieldset = new OO.ui.FieldsetLayout( {
label: 'Events',
items: [
eventTierWidget
]
} );
/*
* 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,
eventFieldset,
songFieldset,
clFieldset
] );
$( '#calculator' ).append( fieldset.$element );
} )( jQuery, mediaWiki );