MediaWiki:Common.js

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

(function() {

function getCookie(cname) {
	var name = cname + '=';
	var decodedCookie = decodeURIComponent(document.cookie);
	var ca = decodedCookie.split(';');
	for (var i = 0; i <ca.length; i++) {
		var 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, linkSelector) {
	var elems = document.querySelectorAll(desc);
	for (var i = 0; i < elems.length; i++) {
		elems[i].style = '';
	}
	elems = document.querySelectorAll('.' + linkSelector + desc);
	for (var i = 0; i < elems.length; i++) {
		elems[i].style = 'cursor: pointer; color: rgb(102, 177, 250);';
	}
	if (desc == '.onlyhota' || desc == '.onlysod') {
		var main_page_tab = ''
		if (desc == '.onlyhota') {
			main_page_tab = document.querySelector('.mainpage.onlysod.onlyhota #tabs-input-1-2')
		} else {
			main_page_tab = document.querySelector('.mainpage.onlysod.onlyhota #tabs-input-1-1')
		}
		if (main_page_tab) {
			main_page_tab.click()
		}
	}
}

function hideElements(desc) {
	var elems = document.querySelectorAll(desc);
	for (var i = 0; i < elems.length; i++) {
		elems[i].style = 'display:none;';
	}
	elems = document.querySelectorAll('.initialOnly');
	for (var i = 0; i < elems.length; i++) {
		elems[i].style = 'display:none;';
	}
}

function togglePreference(linkSelector, cookieName, cookie1, cookie2, link1, link2) {
	var preference= getCookie(cookieName);
	var switchView = document.querySelector('#' + linkSelector);
	if (preference == cookie2) {
		preference = cookie1;
		switchView.textContent = 'Switch to ' + link2;
		hideElements('.only' + cookie2);
		showElements('.only' + cookie1, linkSelector);
	} else {
		preference = cookie2;
		switchView.textContent = 'Switch to ' + link1;
		hideElements('.only' + cookie1);
		showElements('.only' + cookie2, linkSelector);
	}
	var CookieDate = new Date();
	CookieDate.setFullYear(CookieDate.getFullYear() + 1);
	document.cookie = cookieName + '=' + preference + '; expires=' + CookieDate.toUTCString() + ';';
}

function togglePreferredExpansion() {
	togglePreference('switchExpansion', 'preferredExpansion', 'sod', 'hota', 'Shadow of Death', 'Horn of the Abyss');
}

function togglePreferredView() {
	togglePreference('switchView', 'preferredView', 'modern', 'legacy', 'Modern', 'Legacy');
}

function initPreference(linkSelector, cookieName, cookie1, cookie2, link1, link2, toggleFunc) {
	var userlink = 	document.querySelector('#pt-anonuserpage');
	if (!userlink) {
		userlink = document.querySelector('#pt-userpage');
	}
	if (userlink) {
		var switchView = document.querySelector('#' + linkSelector);
		if (!switchView) {
			switchView = document.createElement('li');
			switchView.style = 'cursor: pointer; color: rgb(102, 177, 250);';
			switchView.id = linkSelector;
			switchView.addEventListener('click', toggleFunc);
			userlink.parentElement.insertBefore(switchView, null);
			var elems = document.querySelectorAll('.' + linkSelector);
			for (var i = 0; i < elems.length; i++) {
				elems[i].addEventListener('click', toggleFunc);
				elems[i].style = 'cursor: pointer; color: rgb(102, 177, 250);';
			}
		}
		if (getCookie(cookieName) == cookie2) {
			switchView.textContent = 'Switch to ' + link1;
			hideElements('.only' + cookie1);
			showElements('.only' + cookie2);
		} else {
			switchView.textContent = 'Switch to ' + link2;
			hideElements('.only' + cookie2);
			showElements('.only' + cookie1);
		}
	}
}

function initCommon() {
	initPreference('switchExpansion', 'preferredExpansion', 'sod', 'hota', 'Shadow of Death', 'Horn of the Abyss', togglePreferredExpansion);
	initPreference('switchView', 'preferredView', 'modern', 'legacy', 'Modern', 'Legacy', togglePreferredView);
}

window.addEventListener('readystatechange', function() {
	initCommon();
});

window.addEventListener('DOMContentLoaded', function() {
	initCommon();
});

window.addEventListener('load', function() {
	initCommon();
});

initCommon();

})();