User:Williek11/global.js

// // // import scripts // //

importArticles({	type: 'script',	articles: [		'u:dev:MediaWiki:Rollback/code.js',		'u:dev:MediaWiki:AnchoredRollback/code.js',		'u:dev:MediaWiki:RemoveTracking.js',		'u:dev:MediaWiki:DisplayTimer/code.js',		'u:dev:MediaWiki:Modal.js'	] });

// // // global variables // //

const lang = mw.config.get("wgContentLanguage"); const pageName = mw.config.get("wgPageName");

// // // global functions // //

function linkify (text) { return lang === "en" ? "/wiki/"+text : "/"+lang+"/wiki/"+text; }

// // // modals // //

mw.hook("dev.modal").add(function(modal){	/* new modal.Modal({ id: "comments", title: "Comments", size: "large", }); */	new modal.Modal({ id: "talk", title: "Talk page", size: "large", content: "Loading...", buttons: (function{			const talkObject = new mw.Title(pageName).getTalkPage;			if (talkObject === null) { return []; }			const talkPage = talkObject.getPrefixedText;			return [		       { text: 'Go to talk page', href: linkify(talkPage), type: "link", },		        { text: 'Edit talk page', href: linkify(talkPage+"?action=edit"), type: "link", },		        { text: 'Talk page history', href: linkify(talkPage+"?action=history"), type: "link", },			];		}), }).create.then(function{ mw.hook("dev.talkPage.modal").fire; }); });

// // // content adjustments // //

mw.hook("wikipage.content").add(function self {	mw.hook("wikipage.content").remove(self);	const mainContainer = $(".main-container")[0];	const resizableContainer = $(".resizable-container")[0];	const communityHeader = $(".community-header-wrapper")[0];	const profilePicture = $(".wds-avatar")[0];	const navigationHeader = document.createElement("div");	const sideContainer = document.createElement("div");	const dualContainer = document.createElement("div");	navigationHeader.className = "navigation-header";	sideContainer.className = "side-container";	dualContainer.className = "dual-container";	navigationHeader.appendChild($(".notifications")[0]);	dualContainer.appendChild(sideContainer);	dualContainer.appendChild(resizableContainer);	mainContainer.insertBefore(navigationHeader, $(".global-footer")[0]);	mainContainer.insertBefore(dualContainer, $(".global-footer")[0]);	instantiateObjects(sideContainer); window.sidebar.addNodeToSide({title: "Profile", items: [		{link: linkify("User:Williek11"), html: "Own profile"},		{link: linkify("Message Wall:Williek11"), html: "Message wall"},		{link: linkify("User blog:Williek11"), html: "User blog"},		{link: linkify("Special:Contributions/Williek11"), html: "Contributions"},		{link: linkify("Special:UserProfileActivity/Williek11"), html: "User activity"},		{link: linkify("User:Williek11/Sandbox"), html: "Sandbox"},	]}); window.sidebar.addNodeToSide({title: "Site tools", items: [		{link: linkify("Main Page"), html: "Main page"},		{link: linkify("Special:RecentChanges"), html: "Recent changes"},		{link: linkify("Special:SocialActivity"), html: "Social activity"},		{link: linkify("Special:NewFiles"), html: "New files"},		{link: linkify("Category:Maintenance"), html: "Maintenance"},		{link: linkify("Category:Templates"), html: "Templates"},		{link: linkify("Special:SpecialPages"), html: "Special pages"},		{link: linkify("Special:Preferences"), html: "Change preferences"},	]}); window.sidebar.addNodeToSide({title: "Page tools", items: [		{link: linkify("Special:WhatLinksHere/"+pageName), html: "What links here", id:"side_item-what_links_here"},		{link: linkify(pageName+"?action=info"), html: "Information"},	]}); window.sidebar.addNodeToSide({title: "Profile", items: [		{link: linkify("User:Williek11/common.js?action=edit"), html: "Common JS"},		{link: linkify("User:Williek11/common.css?action=edit"), html: "Common CSS"},		{link: "https://community.fandom.com/wiki/User:Williek11/global.js?action=edit", html: "Global JS"},		{link: "https://community.fandom.com/wiki/User:Williek11/global.css?action=edit", html: "Global CSS"},	]}); $.ajax({		url: linkify("MediaWiki:Mainpage?action=raw"),		type: "GET",		success: function (data) {			$("[href='"+linkify("Main Page")+"']")[0].href = linkify(data);		}	}); communityHeader.replaceChildren; });

// // // navbar adjustments // //

mw.hook("dev.talkPage.modal").add(function {	const communityHeader = $(".community-header-wrapper")[0];	const arrayOfTabs = [		(function{ const talkNode = $("#ca-talk")[0]; if (talkNode === undefined) { return null; } const talkModal = window.dev.modal.modals.talk; const text = talkNode.textContent.trim; const amount = parseInt(text.substr(6)); if (amount === 0) { talkModal.setContent("The talk page does not exist."); } else { $.ajax({			       url: talkNode.href+"?action=render",			        type: 'GET',			        success: function (data) { talkModal.setContent(data); talkModal.setSize("large"); },			    }); }			return window.tabs.createTab({				text: text,				event: function { talkModal.show }			}); }),		window.tabs.createTabBasedOnNode("edit"),		window.tabs.createTabBasedOnNode("move"),		window.tabs.createTabBasedOnNode("history"),		window.tabs.createTabBasedOnNode("delete"),		window.tabs.createTabBasedOnNode("protect"),		window.tabs.createTabBasedOnNode("unprotect"),		window.tabs.createTab({ text: "Purge", link: linkify(pageName+"?action=purge"), }),	];	for (var i = 0, l = arrayOfTabs.length; i < l; i++) {		const node_or_null = arrayOfTabs[i];		if (node_or_null === null) {continue}		communityHeader.appendChild(node_or_null);	} });

// // // scripts with mw.Api // //

mw.loader.using('mediawiki.api').then(function{	new mw.Api.get({ action: 'query', format: 'json', list: 'backlinks', bltitle: pageName, }).done(function(data) { mw.hook("wikipage.content").add(function self{			mw.hook("wikipage.content").remove(self);			const text = "What links here: "+data.query.backlinks.length;			$("#side_item-what_links_here")[0].firstElementChild.innerText = text;		}); });	/* THEME SWITCH	$(".wiki-tools__theme-switch")[1].addEventListener("click", function { new mw.Api.get({action:"query", meta:"tokens"}).done(function(e){			var change;			if ($("body")[0].classList.contains("theme-fandomdesktop-dark")) {				change = 'theme=light';			} else {				change = 'theme=dark';			}			new mw.Api.post({ action: 'options', format: 'json', change: change, token: e.query.tokens.csrftoken }).done(function(e){ if (e.options === "success") { location.reload; } else { console.error(e); }			});		});	}); */

});

// // // instantiate objects // //

function instantiateObjects (sideContainer) { window.sidebar = {}; window.sidebar.addCollapse = function (container, toCollapse) { const collapseNode = document.createElement("span"); const title = container.getElementsByClassName("side_items-title")[0]; const ul = container.getElementsByClassName("side_items-list")[0]; collapseNode.classList.add("side_items-title_collapse"); Object.freeze(ul); Object.freeze(container); var isCollapsed = false; function setHeight (h) {ul.style.height = h;} if (toCollapse === true) { collapseNode.textContent = "▼"; setHeight(0); isCollapsed = true; } else { collapseNode.textContent = "▲"; }		title.appendChild(collapseNode); collapseNode.addEventListener("click", function {			if (isCollapsed === false) {				collapseNode.textContent = "▼";				setHeight(0);				isCollapsed = true;			} else {				collapseNode.textContent = "▲";				setHeight("");				isCollapsed = false;			}		}); };	window.sidebar.addNodeToSide = function (obj, startCollapsed) { const node = document.createElement("div"); const titleNode = document.createElement("div"); const ulNode = document.createElement("ul"); node.className = "side_item"; ulNode.className = "side_items-list"; titleNode.className = "side_items-title"; titleNode.innerHTML = obj.title; node.appendChild(titleNode); node.appendChild(ulNode); if (startCollapsed === true) { window.sidebar.addCollapse(node, true); } else { window.sidebar.addCollapse(node); }		for (var i = 0, l = obj.items.length; i < l; i++) { const currentItem = obj.items[i]; const itemLink = currentItem.link; const itemHTML = currentItem.html; const itemNode = document.createElement("li"); const linkNode = document.createElement("a"); if (currentItem.id !== undefined) { itemNode.id = currentItem.id; }			linkNode.href = itemLink; linkNode.innerHTML = itemHTML; itemNode.appendChild(linkNode); ulNode.appendChild(itemNode); }		sideContainer.appendChild(node); }	window.tabs = {}; window.tabs.createTab = function (obj) { const aNode = document.createElement("a"); const node = document.createElement("div"); node.className = "community-header-tab"; node.innerText = obj.text; if (obj.event) { node.addEventListener("click", obj.event); } if (obj.link) { aNode.href = obj.link; aNode.appendChild(node); return aNode; } return node; }	window.tabs.createTabBasedOnNode = function (name) { const miscNode = $("#ca-"+name)[0]; if (miscNode === undefined) { return null; } return window.tabs.createTab({			text: miscNode.textContent.trim,			link: miscNode.href		}); } }