MediaWiki:Common.js - История изменений

Mei Day в 14:17, 10 апреля 2026

2026-04-10T14:17:28Z

← Предыдущая версия		Версия от 16:17, 10 апреля 2026
Строка 361:		Строка 361:
	// Already built?		// Already built?
	if (document.getElementById("orb-toc-sidebar")) return;		if (document.getElementById("orb-toc-sidebar")) return;

			// Don't show in editor or other non-view actions
			if (document.body.classList.contains("action-edit") \|\|
			document.body.classList.contains("action-submit") \|\|
			document.body.classList.contains("action-history")) return;

	// Look for the opt-in marker		// Look for the opt-in marker
	var marker =		var marker =
	document.getElementById("orb-toc") \|\|		document.getElementById("orb-toc") \|\| document.querySelector(".orb-toc");
	document.querySelector(".orb-toc");
	if (!marker) return;		if (!marker) return;

Строка 413:		Строка 417:
	var head = document.createElement("div");		var head = document.createElement("div");
	head.className = "orb-toc-head";		head.className = "orb-toc-head";
	head.textContent = "\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435";		head.textContent =
			"\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435";
	sidebar.appendChild(head);		sidebar.appendChild(head);

Mei Day в 13:47, 10 апреля 2026

2026-04-10T13:47:19Z

← Предыдущая версия		Версия от 15:47, 10 апреля 2026
Строка 352:		Строка 352:

	/* ---- Orbitalis custom TOC ---- */		/* ---- Orbitalis custom TOC ---- */
	/* Activates when the page contains <div id="orb-toc"></div>.		/* Activates when the page contains <div id="orb-toc"></div> (or class="orb-toc").
	~~Scans h2/h3/h4~~ in .~~mw-parser-output, builds a~~ fixed ~~left sidebar,~~		Creates #orb-toc-sidebar directly in document.body so position:fixed
	~~highlights current section on scroll~~. */		is never broken by skin containers with transform/will-change. */
	(function () {		(function () {
	"use strict";		"use strict";

	function initOrbToc() {		function initOrbToc() {
	~~var container = document.getElementById("orb-toc");~~		// Already built?
	~~if (!container) return;~~		if (document.getElementById("orb-toc-sidebar")) return;
	// Already built
	if (~~container~~.~~querySelector~~(".orb-toc-~~head~~")) return;

			// Look for the opt-in marker
			var marker =
			document.getElementById("orb-toc") \|\|
			document.querySelector(".orb-toc");
			if (!marker) return;

			// Find content root
	var root =		var root =
	document.querySelector(".mw-parser-output") \|\|		document.querySelector(".mw-parser-output") \|\|
Строка 370:		Строка 375:
	if (!root) return;		if (!root) return;

	var headings = root.querySelectorAll("h2, h3, h4");		// Scan ALL heading levels (h1 through h4)
			var headings = root.querySelectorAll("h1, h2, h3, h4");
	if (!headings.length) return;		if (!headings.length) return;

Строка 376:		Строка 382:
	for (var i = 0; i < headings.length; i++) {		for (var i = 0; i < headings.length; i++) {
	var h = headings[i];		var h = headings[i];
	~~// Skip the TOC container itself if it's inside content~~
	~~if (container.contains(h)) continue;~~

			// Citizen skin: heading text in .mw-headline span
	var headline = h.querySelector(".mw-headline");		var headline = h.querySelector(".mw-headline");
	var text = headline		var text = headline
	? headline.textContent		? headline.textContent
	: h.textContent.replace(/\[[\s\S]*?\]/g, "").trim();		: h.textContent
			.replace(/\[\sправить[^\]]\]/gi, "")
			.replace(/\[edit[^\]]*\]/gi, "")
			.trim();
	if (!text) continue;		if (!text) continue;

Строка 392:		Строка 400:
	}		}

	var tag = h.tagName.toLowerCase(); ~~// h2, h3, h4~~		var tag = h.tagName.toLowerCase();
	items.push({ id: id, text: text, tag: tag, el: h });		items.push({ id: id, text: text, tag: tag, el: h });
	}		}

	if (items.length < 2) {		if (items.length < 2) return;
	~~container~~.~~style~~.~~display =~~ "~~none~~";
	~~return~~;		// --- Create sidebar in document.body ---
	}		var sidebar = document.createElement("nav");
			sidebar.id = "orb-toc-sidebar";
			sidebar.setAttribute("aria-label", "Table of Contents");

	~~// Build DOM inside the marker div~~
	var head = document.createElement("div");		var head = document.createElement("div");
	head.className = "orb-toc-head";		head.className = "orb-toc-head";
	head.textContent = "~~Содержание~~";		head.textContent = "\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435";
	~~container~~.appendChild(head);		sidebar.appendChild(head);

	var ul = document.createElement("ul");		var ul = document.createElement("ul");
Строка 411:		Строка 420:
	var item = items[j];		var item = items[j];
	var li = document.createElement("li");		var li = document.createElement("li");
	li.className = "orb-toc-" + item.tag; ~~// orb-toc-h2, orb-toc-h3, orb-toc-h4~~		li.className = "orb-toc-" + item.tag;
	li.setAttribute("data-target", item.id);		li.setAttribute("data-target", item.id);

Строка 418:		Строка 427:
	a.textContent = item.text;		a.textContent = item.text;

	~~// Smooth scroll~~
	(function (targetId) {		(function (targetId) {
	a.addEventListener("click", function (e) {		a.addEventListener("click", function (e) {
Строка 433:		Строка 441:
	ul.appendChild(li);		ul.appendChild(li);
	}		}
	container.appendChild(ul);		sidebar.appendChild(ul);

			// Append to body - outside any Citizen container
			document.body.appendChild(sidebar);

	// --- Scroll spy ---		// --- Scroll spy ---

Mei Day в 13:24, 10 апреля 2026

2026-04-10T13:24:21Z

Внесённые изменения

Mei Day в 11:43, 10 апреля 2026

2026-04-10T11:43:41Z

@@ Строка 33: / Строка 33: @@
      return;
+   }
    // ---- Apply styles to the parallax elements ----------------------------
@@ Строка 340: / Строка 337: @@
    });
 });

Mei Day в 11:07, 10 апреля 2026

2026-04-10T11:07:47Z

← Предыдущая версия		Версия от 13:07, 10 апреля 2026
Строка 340:		Строка 340:
	});		});
	});		});


			/* ---- Left-side TOC sidebar for article pages ---- */
			/* Scans h2/h3/h4 headings in the page content and builds a fixed
			sidebar on the left. Highlights the current section on scroll. */
			(function () {
			"use strict";

			function buildTOC() {
			// Skip main page (has its own layout)
			if (document.getElementById("orbitalis-parallax-bg")) return;
			// Skip special/edit pages
			var body = document.body;
			if (
			body.classList.contains("ns-special") \|\|
			body.classList.contains("action-edit") \|\|
			body.classList.contains("action-submit") \|\|
			body.classList.contains("action-history")
			)
			return;
			// Don't create twice
			if (document.getElementById("orb-toc-sidebar")) return;

			// Collect headings — try multiple content selectors for skin compat
			var root =
			document.querySelector(".mw-parser-output") \|\|
			document.getElementById("mw-content-text") \|\|
			document.getElementById("bodyContent");
			if (!root) return;

			var headings = root.querySelectorAll("h2, h3, h4");
			if (!headings.length) return;

			var items = [];
			for (var i = 0; i < headings.length; i++) {
			var h = headings[i];
			// Citizen skin wraps headline text in .mw-headline or uses id on heading
			var headline = h.querySelector(".mw-headline");
			var text = headline
			? headline.textContent
			: h.textContent.replace(/\[edit[^\]]*\]/gi, "").trim();
			if (!text) continue;

			var id = headline ? headline.id : h.id;
			if (!id) {
			// Generate an id if missing
			id = "orb-heading-" + i;
			if (headline) headline.id = id;
			else h.id = id;
			}

			var level = parseInt(h.tagName.charAt(1), 10);
			items.push({ id: id, text: text, level: level, el: h });
			}

			if (items.length < 2) return; // Not enough sections

			// Build sidebar DOM
			var sidebar = document.createElement("nav");
			sidebar.id = "orb-toc-sidebar";
			sidebar.setAttribute("aria-label", "Table of Contents");

			var title = document.createElement("div");
			title.className = "orb-toc-title";
			title.textContent = "Содержание";
			sidebar.appendChild(title);

			var ul = document.createElement("ul");
			for (var j = 0; j < items.length; j++) {
			var item = items[j];
			var li = document.createElement("li");
			li.className = "orb-toc-level-" + item.level;
			li.setAttribute("data-target", item.id);

			var a = document.createElement("a");
			a.href = "#" + item.id;
			a.textContent = item.text;
			li.appendChild(a);
			ul.appendChild(li);
			}
			sidebar.appendChild(ul);
			document.body.appendChild(sidebar);
			document.body.classList.add("has-orb-toc");

			// --- Scroll-spy: highlight current section ---
			var tocItems = ul.querySelectorAll("li");
			var headingEls = [];
			for (var k = 0; k < items.length; k++) {
			headingEls.push(items[k].el);
			}

			var ticking = false;
			function onScroll() {
			if (ticking) return;
			ticking = true;
			requestAnimationFrame(function () {
			ticking = false;
			var scrollY = window.scrollY \|\| window.pageYOffset;
			var current = -1;
			for (var s = 0; s < headingEls.length; s++) {
			if (headingEls[s].getBoundingClientRect().top <= 100) {
			current = s;
			}
			}
			for (var t = 0; t < tocItems.length; t++) {
			if (t === current) {
			tocItems[t].classList.add("orb-toc-active");
			} else {
			tocItems[t].classList.remove("orb-toc-active");
			}
			}
			});
			}

			window.addEventListener("scroll", onScroll, { passive: true });
			onScroll(); // initial highlight
			}

			// Run on multiple hooks for skin compat
			if (typeof mw !== "undefined" && mw.hook) {
			mw.hook("wikipage.content").add(buildTOC);
			}
			document.addEventListener("DOMContentLoaded", buildTOC);
			window.addEventListener("load", function () {
			setTimeout(buildTOC, 100);
			});
			})();

Mei Day в 11:02, 10 апреля 2026

2026-04-10T11:02:03Z

← Предыдущая версия		Версия от 13:02, 10 апреля 2026
Строка 33:		Строка 33:
	return;		return;
	}		}

			// Mark body so CSS can target parallax pages (e.g. left-side TOC)
			document.body.classList.add("has-parallax");

	// ---- Apply styles to the parallax elements ----------------------------		// ---- Apply styles to the parallax elements ----------------------------

Mei Day в 13:54, 10 марта 2026

2026-03-10T13:54:39Z

← Предыдущая версия		Версия от 15:54, 10 марта 2026
Строка 17:		Строка 17:
	var starsBigEl = document.getElementById("parallax-stars-big");		var starsBigEl = document.getElementById("parallax-stars-big");

	// Disable parallax on diff/comparison pages ~~so it doesn't cover the diff view~~		// Disable parallax on diff/comparison and old revision pages
	~~if ((~~new URLSearchParams(window.location.search)).has("~~diff~~")) {		var params = new URLSearchParams(window.location.search);
			if (params.has("diff") \|\| params.has("oldid") \|\| params.get("action") === "historysubmit") {
	var hideEls = [parallaxBg, nebulaEl, starsSmallEl, starsBigEl,		var hideEls = [parallaxBg, nebulaEl, starsSmallEl, starsBigEl,
	document.getElementById("orbitalis-vignette")];		document.getElementById("orbitalis-vignette")];
Строка 24:		Строка 25:
	if (hideEls[h]) hideEls[h].style.display = "none";		if (hideEls[h]) hideEls[h].style.display = "none";
	}		}
	// Restore ~~default content~~ background so diff ~~table~~ is readable		// Restore opaque background so diff/old revision is readable
			document.body.style.background = "#060608";
	var contentEl = document.getElementById("content");		var contentEl = document.getElementById("content");
	if (contentEl) {		if (contentEl) {
Строка 37:		Строка 39:
	// Background container		// Background container
	parallaxBg.style.cssText =		parallaxBg.style.cssText =
	"position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;background:#060608;";		"position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;pointer-events:none;overflow:hidden;background:#060608;";

	// Shared layer base		// Shared layer base
Строка 51:		Строка 53:
	"radial-gradient(ellipse at 85% 60%, rgba(50,30,60,0.3) 0%, transparent 45%)," +		"radial-gradient(ellipse at 85% 60%, rgba(50,30,60,0.3) 0%, transparent 45%)," +
	"radial-gradient(ellipse at 60% 70%, rgba(20,40,70,0.35) 0%, transparent 55%);" +		"radial-gradient(ellipse at 60% 70%, rgba(20,40,70,0.35) 0%, transparent 55%);" +
	"opacity:0.7;z-index:0;";		"opacity:0.7;z-index:-9;";
	}		}

Строка 79:		Строка 81:
	"radial-gradient(1px 1px at 95% 80%, rgba(255,255,255,0.5), transparent)," +		"radial-gradient(1px 1px at 95% 80%, rgba(255,255,255,0.5), transparent)," +
	"radial-gradient(1px 1px at 12% 88%, rgba(255,255,255,0.6), transparent);" +		"radial-gradient(1px 1px at 12% 88%, rgba(255,255,255,0.6), transparent);" +
	"background-size:200px 200px;opacity:0.8;z-index:1;";		"background-size:200px 200px;opacity:0.8;z-index:-8;";
	}		}

Строка 97:		Строка 99:
	"radial-gradient(2px 2px at 72% 18%, rgba(200,255,255,0.8), transparent)," +		"radial-gradient(2px 2px at 72% 18%, rgba(200,255,255,0.8), transparent)," +
	"radial-gradient(2px 2px at 92% 45%, rgba(255,255,200,0.7), transparent);" +		"radial-gradient(2px 2px at 92% 45%, rgba(255,255,200,0.7), transparent);" +
	"background-size:300px 300px;opacity:0.6;z-index:2;";		"background-size:300px 300px;opacity:0.6;z-index:-7;";
	}		}

Строка 104:		Строка 106:
	if (vignetteEl) {		if (vignetteEl) {
	vignetteEl.style.cssText =		vignetteEl.style.cssText =
	"position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;" +		"position:fixed;top:0;left:0;width:100%;height:100%;z-index:-6;pointer-events:none;" +
	"background:radial-gradient(ellipse at center, rgba(6,6,8,0) 30%, rgba(6,6,8,0.6) 70%, #060608 100%);";		"background:radial-gradient(ellipse at center, rgba(6,6,8,0) 30%, rgba(6,6,8,0.6) 70%, #060608 100%);";
	}		}

	// ---- Override MediaWiki default backgrounds ----------------------------		// ---- Override MediaWiki default backgrounds ----------------------------
	document.body.style.background = "~~#060608~~";		document.body.style.background = "transparent";

	var ids = ["mw-page-base", "mw-head-base"];		var ids = ["mw-page-base", "mw-head-base"];
Строка 126:		Строка 128:
	if (bodyContent) {		if (bodyContent) {
	bodyContent.style.position = "relative";		bodyContent.style.position = "relative";
	~~bodyContent.style.zIndex = "5";~~
	}		}

Mei Day в 13:41, 10 марта 2026

2026-03-10T13:41:09Z

@@ Строка 16: / Строка 16: @@
    var starsSmallEl = document.getElementById("parallax-stars-small");
    var starsBigEl = document.getElementById("parallax-stars-big");
    // ---- Apply styles to the parallax elements ----------------------------

Mei Day в 14:37, 3 марта 2026

2026-03-03T14:37:52Z

← Предыдущая версия		Версия от 16:37, 3 марта 2026
Строка 168:		Строка 168:
	fetch(STATUS_URL)		fetch(STATUS_URL)
	.then(function (r) {		.then(function (r) {
	if (!r.ok) throw new Error(r.status);		console.log("[Orbitalis Status] HTTP", r.status, r.url);
			if (!r.ok) throw new Error("HTTP " + r.status);
	return r.json();		return r.json();
	})		})
	.then(function (data) {		.then(function (data) {
			console.log("[Orbitalis Status] Data:", data);
	var count = parseInt(data.players, 10);		var count = parseInt(data.players, 10);
	if (isNaN(count)) throw new Error("bad data");		if (isNaN(count)) throw new Error("bad data: players=" + data.players);

	elOnline.textContent = count + " онлайн";		elOnline.textContent = count + " онлайн";
Строка 194:		Строка 196:
	}		}
	})		})
	.catch(function () {		.catch(function (err) {
			console.error("[Orbitalis Status] Fetch failed:", err);
	elOnline.textContent = "оффлайн";		elOnline.textContent = "оффлайн";
	elOnline.style.color = "rgba(255,120,120,0.5)";		elOnline.style.color = "rgba(255,120,120,0.5)";

Mei Day в 14:35, 3 марта 2026

2026-03-03T14:35:08Z

← Предыдущая версия		Версия от 16:35, 3 марта 2026
Строка 162:		Строка 162:
	if (!elOnline) return;		if (!elOnline) return;

	var STATUS_URL = "/api/status.~~php~~";		var STATUS_URL = "/api/status.json";
	var REFRESH_MS = 30000;		var REFRESH_MS = 30000;