Jump to content

MediaWiki:Common.js: Difference between revisions

From RiskiPedia
No edit summary
No edit summary
Line 24: Line 24:
items: [
items: [
new OO.ui.MenuOptionWidget( {
new OO.ui.MenuOptionWidget( {
data: 'a',
data: 'person',
label: 'First'
label: 'person'
} ),
} ),
new OO.ui.MenuOptionWidget( {
new OO.ui.MenuOptionWidget( {
data: 'b',
data: 'man',
label: 'Second (disabled option)',
label: 'man',
disabled: true
} ),
} ),
new OO.ui.MenuOptionWidget( {
new OO.ui.MenuOptionWidget( {
data: 'c',
data: 'woman',
label: 'Third'
label: 'woman'
} ),
new OO.ui.MenuOptionWidget( {
data: 'd',
label: 'The fourth option has a long label'
} ),
new OO.ui.MenuOptionWidget( {
data: 'e',
label: 'Fifth'
} )
} )
]
]

Revision as of 01:19, 31 January 2025

/* Any JavaScript here will be loaded for all users on every page load. */

MMtoHuman(document.getElementsByClassName("micromorts"));

function MMtoHuman ( elementArray ){
    for (let span of elementArray){
        if (span !== null){
            let chance = 1000000 / parseInt(span.textContent);
            let digits = Math.round(chance).toString().length;
            let rounded = Math.round(chance / Math.pow(10, digits - 2)) * Math.pow(10, digits - 2);
            span.textContent = "1 in " + rounded.toLocaleString();
        }
    }
}


mw.loader.using('oojs-ui', function () {
    // Now OOUI is loaded and we can use it
    // Create an OOUI dropdown
    var dropDown = new OO.ui.DropdownWidget( {
		label: 'Dropdown menu: Select one option',
		// The menu is composed within the DropdownWidget
		menu: {
			items: [
				new OO.ui.MenuOptionWidget( {
					data: 'person',
					label: 'person'
				} ),
				new OO.ui.MenuOptionWidget( {
					data: 'man',
					label: 'man',
				} ),
				new OO.ui.MenuOptionWidget( {
					data: 'woman',
					label: 'woman'
				} )
			]
		}
	} );
	
	// Tell the menu to call itemSelected() on select
	dropDown.getMenu().on('select', function (item) {
		console.log( item.getData() );
	});
    // Append the button to the content area of the page
    $('.genderSelect').replaceWith(dropDown.$element);
});