Content added Content deleted
(added event section) |
(added calculate button and song ranks) |
||
Line 1: | Line 1: | ||
( function ( $, mw ) { |
( function ( $, mw ) { |
||
⚫ | |||
⚫ | |||
/* |
/* |
||
* Date range |
* Date range |
||
Line 43: | Line 40: | ||
} ), |
} ), |
||
{ |
{ |
||
label: 'Average |
label: 'Average tier', |
||
align: 'inline' |
align: 'inline' |
||
} |
} |
||
Line 58: | Line 55: | ||
* Song |
* Song |
||
*/ |
*/ |
||
var songRankOptions = ''; |
var songRankOptions = [ 'S', 'A', 'B', 'C' ]; |
||
var songRankWidget = new OO.ui.FieldLayout( |
var songRankWidget = new OO.ui.FieldLayout( |
||
new OO.ui.ButtonSelectWidget( { |
new OO.ui.ButtonSelectWidget( { |
||
items: songRankOptions.map( function ( rank ) { |
|||
⚫ | |||
return new OO.ui.ButtonOptionWidget( { |
|||
data: rank, |
|||
label: rank |
|||
} ); |
|||
} ), |
|||
} ), |
} ), |
||
{ |
{ |
||
Line 69: | Line 71: | ||
); |
); |
||
var songComboOptions = '' |
var songComboOptions = [ 'Full combo (combo 4)', 'Combo 3', 'Combo 2', |
||
'Combo 1' ]; |
|||
var songComboHardWidget = new OO.ui.FieldLayout( |
var songComboHardWidget = new OO.ui.FieldLayout( |
||
new OO.ui.ButtonSelectWidget( { |
new OO.ui.ButtonSelectWidget( { |
||
Line 140: | Line 143: | ||
*/ |
*/ |
||
var submitButton = new OO.ui.ButtonInputWidget( { |
|||
fieldset.addItems( [ |
|||
label: 'Calculate', |
|||
⚫ | |||
flags: [ 'primary', 'progressive' ], |
|||
⚫ | |||
align: 'left', |
|||
⚫ | |||
icon: 'mathematics' |
|||
⚫ | |||
} ); |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
submitButton |
|||
] |
|||
} ); |
|||
$( '#calculator' ).append( fieldset.$element ); |
$( '#calculator' ).append( fieldset.$element ); |
Revision as of 05:47, 24 August 2022
( function ( $, mw ) {
/*
* 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 tier',
align: 'inline'
}
);
var eventFieldset = new OO.ui.FieldsetLayout( {
label: 'Events',
items: [
eventTierWidget
]
} );
/*
* Song
*/
var songRankOptions = [ 'S', 'A', 'B', 'C' ];
var songRankWidget = new OO.ui.FieldLayout(
new OO.ui.ButtonSelectWidget( {
items: songRankOptions.map( function ( rank ) {
return new OO.ui.ButtonOptionWidget( {
data: rank,
label: rank
} );
} ),
} ),
{
label: 'Average song rank',
align: 'inline'
}
);
var songComboOptions = [ 'Full combo (combo 4)', 'Combo 3', 'Combo 2',
'Combo 1' ];
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
*/
var submitButton = new OO.ui.ButtonInputWidget( {
label: 'Calculate',
flags: [ 'primary', 'progressive' ],
align: 'left',
icon: 'mathematics'
} );
var fieldset = new OO.ui.FieldsetLayout( {
items: [
dateFieldset,
eventFieldset,
songFieldset,
clFieldset,
submitButton
]
} );
$( '#calculator' ).append( fieldset.$element );
} )( jQuery, mediaWiki );