MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 54: | Line 54: | ||
function togglePreference(linkSelector, cookieName, cookie1, cookie2, link1, link2) { | function togglePreference(linkSelector, cookieName, cookie1, cookie2, link1, link2) { | ||
var switchTo = ' | var switchTo = ''; | ||
var preference= getCookie(cookieName); | var preference= getCookie(cookieName); | ||
var switchView = document.querySelector('#' + linkSelector); | var switchView = document.querySelector('#' + linkSelector); | ||
Line 89: | Line 86: | ||
function initPreference(linkSelector, cookieName, cookie1, cookie2, link1, link2, toggleFunc) { | function initPreference(linkSelector, cookieName, cookie1, cookie2, link1, link2, toggleFunc) { | ||
var switchTo = ' | var switchTo = ''; | ||
var userlink = document.querySelector('#pt-anonuserpage'); | var userlink = document.querySelector('#pt-anonuserpage'); | ||
if (!userlink) { | if (!userlink) { | ||
Line 138: | Line 132: | ||
function initCommon() { | function initCommon() { | ||
initPreference('switchExpansion', 'preferredExpansion', 'sod', 'hota', ' | initPreference('switchExpansion', 'preferredExpansion', 'sod', 'hota', 'Disable HotA', 'Enable HotA', togglePreferredExpansion); | ||
initPreference('switchDoR', 'preferredDoR', 'nodor', 'dor', 'Disable DoR', 'Enable DoR', toggleDoR); | initPreference('switchDoR', 'preferredDoR', 'nodor', 'dor', 'Disable DoR', 'Enable DoR', toggleDoR); | ||
var mainpage = document.querySelector('.mainpage.onlysod.onlyhota'); | var mainpage = document.querySelector('.mainpage.onlysod.onlyhota'); |
Revision as of 17:52, 14 August 2024
/* 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 switchTo = '';
var preference= getCookie(cookieName);
var switchView = document.querySelector('#' + linkSelector);
if (preference == cookie2) {
preference = cookie1;
switchView.textContent = switchTo + link2;
hideElements('.only' + cookie2);
showElements('.only' + cookie1, linkSelector);
} else {
preference = cookie2;
switchView.textContent = switchTo + 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 toggleDoR() {
togglePreference('switchDoR', 'preferredDoR', 'nodor', 'dor', 'Disable DoR', 'Enable DoR');
}
function initPreference(linkSelector, cookieName, cookie1, cookie2, link1, link2, toggleFunc) {
var switchTo = '';
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 = switchTo + link1;
hideElements('.only' + cookie1);
showElements('.only' + cookie2);
} else {
switchView.textContent = switchTo + link2;
hideElements('.only' + cookie2);
showElements('.only' + cookie1);
}
}
}
function removeTooltips() {
var elems = document.querySelectorAll('.mainpage .tabs-content div div a');
for (var i = 0; i < elems.length; i++) {
elems[i].title = '';
}
}
function removeUnwantedTitles() {
var elems = document.querySelectorAll('#p-logo a');
for (var i = 0; i < elems.length; i++) {
elems[i].title = '';
}
}
function initCommon() {
initPreference('switchExpansion', 'preferredExpansion', 'sod', 'hota', 'Disable HotA', 'Enable HotA', togglePreferredExpansion);
initPreference('switchDoR', 'preferredDoR', 'nodor', 'dor', 'Disable DoR', 'Enable DoR', toggleDoR);
var mainpage = document.querySelector('.mainpage.onlysod.onlyhota');
if (mainpage) {
initPreference('switchView', 'preferredView', 'modern', 'legacy', 'Modern', 'Legacy', togglePreferredView);
removeTooltips();
}
removeUnwantedTitles();
}
window.addEventListener('readystatechange', function() {
initCommon();
});
window.addEventListener('DOMContentLoaded', function() {
initCommon();
});
window.addEventListener('load', function() {
initCommon();
});
initCommon();
})();