Jump to content

MediaWiki:Common.js: Difference between revisions

From RiskiPedia
No edit summary
No edit summary
Line 41: Line 41:
dropDown.setIndicator(null);
dropDown.setIndicator(null);
dropDown.$element.css({
dropDown.$element.css({
'text-overflow': 'clip',
'text-overflow': '',
'width':'60px'
'width':'75px'
});
});
// Select even handler
// Select even handler

Revision as of 01:53, 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: 'person',
		// 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'
				} )
			]
		}
	} );
	dropDown.getMenu().selectItem(dropDown.getMenu().findFirstSelectableItem());
	dropDown.setIndicator(null);
	dropDown.$element.css({
		'text-overflow': '',
		'width':'75px'
	});
	// Select even handler
	dropDown.getMenu().on('select', function (item) {
		console.log( item.getData() );
	});
    // Append the button to the content area of the page
    $('.genderSelect').replaceWith(dropDown.$element);
});