MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */
function getCookie(cname) {
	let name = cname + '=';
	let decodedCookie = decodeURIComponent(document.cookie);
	let ca = decodedCookie.split(';');
	for (let i = 0; i <ca.length; i++) {
		let c = ca[i];
		while (c.charAt(0) == ' ') {
			c = c.substring(1);
		}
		if (c.indexOf(name) == 0) {
			return c.substring(name.length, c.length);
		}
	}
	return '';
}
function showElements(desc) {
	for (var elem of document.querySelectorAll(desc)) {
	    elem.style = '';
	}	
}
function hideElements(desc) {
	for (var elem of document.querySelectorAll(desc)) {
	    elem.style = 'display:none;';
	}	
}
function togglePreferredExpansion() {
	preferredExpansion = getCookie('preferredExpansion');
	var switchExpansion = document.querySelector('#switchExpansion');
	if (preferredExpansion == 'hota') {
		preferredExpansion = 'sod';
		switchExpansion.textContent = 'Switch to Horn of the Abyss';
		showElements('.onlysod');
		hideElements('.onlyhota');
	} else {
		preferredExpansion = 'hota';
		switchExpansion.textContent = 'Switch to Shadow of Death';
		showElements('.onlyhota');
		hideElements('.onlysod');
	}
	var CookieDate = new Date;
	CookieDate.setFullYear(CookieDate.getFullYear() + 1);
	document.cookie = 'preferredExpansion=' + preferredExpansion + '; expires=' + CookieDate.toUTCString() + ';';
}
function initPreferredExpansion() {
	var userlink = 	document.querySelector('#pt-anonuserpage');
	if (!userlink) {
		userlink = document.querySelector('#pt-userpage');
	}
	if (userlink) {
		var switchExpansion = document.querySelector('#switchExpansion');
		if (!switchExpansion) {
			switchExpansion = document.createElement('li');
			switchExpansion.style = 'cursor: pointer; color: rgb(102, 177, 250); text-decoration: underline;';
			switchExpansion.id = 'switchExpansion';
			switchExpansion.addEventListener('click', togglePreferredExpansion);
			userlink.parentElement.insertBefore(switchExpansion, null);
		}
		if (getCookie('preferredExpansion') == 'hota') {
			switchExpansion.textContent = 'Switch to Horn of the Abyss';
			showElements('.onlyhota');
			hideElements('.onlysod');
		} else {
			switchExpansion.textContent = 'Switch to Shadow of Death';
			showElements('.onlysod');
			hideElements('.onlyhota');
		}
	}
}
window.addEventListener('readystatechange', function() {
    initPreferredExpansion();
});
window.addEventListener('DOMContentLoaded', function() {
    initPreferredExpansion();
});
window.addEventListener('load', function() {
    initPreferredExpansion();
});
initPreferredExpansion();