MediaWiki:Common.js - Історія редагувань

Admin в 17:09, 10 серпня 2026

2026-08-10T17:09:19Z

← Попередня версія		Версія за 19:09, 10 серпня 2026
Рядок 60:		Рядок 60:
	var $heading = $(el).closest('h1, h2, h3, h4');		var $heading = $(el).closest('h1, h2, h3, h4');
	return $heading.length ? $heading[0] : el;		return $heading.length ? $heading[0] : el;
			}

			function getMaxScroll() {
			var h = Math.max(
			document.body.scrollHeight \|\| 0,
			document.body.offsetHeight \|\| 0,
			document.documentElement.scrollHeight \|\| 0,
			document.documentElement.offsetHeight \|\| 0
			);
			return Math.max(0, h - window.innerHeight);
	}		}

Рядок 66:		Рядок 76:
	var el = getTargetEl(target);		var el = getTargetEl(target);
	if (!el) return null;		if (!el) return null;

	var top = el.getBoundingClientRect().top + window.pageYOffset - HEADER_OFFSET;		var top = el.getBoundingClientRect().top + window.pageYOffset - HEADER_OFFSET;
	var max = ~~Math.max~~(0~~, document.documentElement.scrollHeight - window.innerHeight~~);		var max = getMaxScroll();
	~~return Math.~~max(0~~, Math.min(~~top, max));
			if (top < 0) top = 0;
			if (max > 0 && top > max) top = max; // клампимо ТІЛЬКИ якщо max адекватний
			return top;
	}		}

	~~function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }~~

	function scrollToTarget(target) {		function scrollToTarget(target) {
	~~// Перериваємо попередню анімацію, якщо вона ще йде~~
	if (rafId) { cancelAnimationFrame(rafId); rafId = null; }		if (rafId) { cancelAnimationFrame(rafId); rafId = null; }

Рядок 80:		Рядок 91:
	var end = getTargetTop(target);		var end = getTargetTop(target);
	if (end === null) return;		if (end === null) return;

	if (Math.abs(end - start) < 2) return;		if (Math.abs(end - start) < 2) return;

Рядок 90:		Рядок 100:
	var t = Math.min(1, (now - startTime) / DURATION);		var t = Math.min(1, (now - startTime) / DURATION);

	~~// Переміряємо ціль щокадру — layout міг зсунутись~~
	var currentEnd = getTargetTop(target);		var currentEnd = getTargetTop(target);
	if (currentEnd === null) currentEnd = end;		if (currentEnd === null) currentEnd = end;
Рядок 100:		Рядок 109:
	} else {		} else {
	rafId = null;		rafId = null;
	// ~~Фінальна корекція~~, ~~якщо контент зсунувся під час руху~~
	var finalTop = getTargetTop(target);		// Якщо документ узагалі не зрушив — віддаємо прокрутку браузеру
	if (finalTop !== null && Math.abs(finalTop - window.pageYOffset) > 3) {		if (Math.abs(window.pageYOffset - start) < 2 && Math.abs(end - start) > 10) {
	window.scrollTo(0, finalTop);		var el = getTargetEl(target);
			if (el) el.scrollIntoView({ block: 'start' });
			else window.scrollTo(0, 0);
			} else {
			var finalTop = getTargetTop(target);
			if (finalTop !== null && Math.abs(finalTop - window.pageYOffset) > 3) {
			window.scrollTo(0, finalTop);
			}
	}		}
	suppressSpyUntil = Date.now() + 100;		suppressSpyUntil = Date.now() + 100;

Admin в 17:05, 10 серпня 2026

2026-08-10T17:05:57Z

Показати зміни

Admin в 17:25, 9 серпня 2026

2026-08-09T17:25:57Z

@@ Рядок 73: / Рядок 73: @@
      function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }
-    function scrollToTarget(target) {
+     function scrollToTarget(target) {
          var end = getTargetTop(target);
          if (end === null) return;
+         window.scrollTo(0, end);
-        if (Math.abs(end - start) < 2) { isAnimating = false; return; }
+        setTimeout(updateActive, 50);
+     }

Admin в 17:23, 9 серпня 2026

2026-08-09T17:23:26Z

← Попередня версія		Версія за 19:23, 9 серпня 2026
Рядок 48:		Рядок 48:

	var $items = $lbox.find('.l-box-item');		var $items = $lbox.find('.l-box-item');
	var HEADER_OFFSET = 78;		var HEADER_OFFSET = 80;
			var DURATION = 320; // фіксована тривалість, мс
	var isAnimating = false;		var isAnimating = false;
			var rafId = null;

	~~// Знаходить елемент-заголовок для якоря (міряємо ЗАВЖДИ в момент виклику)~~
	function getTargetEl(target) {		function getTargetEl(target) {
	if (target === 'top') return null;		if (target === 'top') return null;
	var el = document.getElementById(target);		var el = document.getElementById(target);
	if (!el) return null;		if (!el) return null;
	var $el = $(el);		var $heading = $(el).closest('h1, h2, h3, h4');
	~~var $heading = $el~~.closest('h1, h2, h3, h4');
	return $heading.length ? $heading[0] : el;		return $heading.length ? $heading[0] : el;
	}		}
Рядок 65:		Рядок 65:
	var el = getTargetEl(target);		var el = getTargetEl(target);
	if (!el) return null;		if (!el) return null;
	~~// getBoundingClientRect + поточний скрол — актуально на момент виклику~~		var top = el.getBoundingClientRect().top + window.pageYOffset - HEADER_OFFSET;
	~~return~~ el.getBoundingClientRect().top + window.pageYOffset - HEADER_OFFSET;		// не даємо вийти за межі документа
			var max = document.documentElement.scrollHeight - window.innerHeight;
			return Math.max(0, Math.min(top, max));
	}		}

	function scrollToTarget(target) {		function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }

			function scrollToTarget(target) {
			if (rafId) cancelAnimationFrame(rafId);

			var start = window.pageYOffset;
			var end = getTargetTop(target);
			if (end === null) return;

			if (Math.abs(end - start) < 2) { isAnimating = false; return; }

	isAnimating = true;		isAnimating = true;
			var startTime = null;

	if (~~target~~ === ~~'top'~~) {		function frame(now) {
	~~window~~.~~scrollTo~~(~~{ top: 0~~, ~~behavior: 'smooth' }~~);		if (startTime === null) startTime = now;
	~~} else {~~		var elapsed = now - startTime;
	var el = ~~getTargetEl~~(target);		var t = Math.min(1, elapsed / DURATION);
	if (~~!el~~) ~~{ isAnimating~~ = ~~false~~; ~~return; }~~
	el.~~scrollIntoView~~(~~{ behavior: 'smooth'~~, ~~block: '~~start~~' }~~);		// Переміряємо ціль на льоту — layout міг зсунутись
	}		var currentEnd = getTargetTop(target);
			if (currentEnd === null) currentEnd = end;

			window.scrollTo(0, start + (currentEnd - start) * easeOutCubic(t));

	~~// Знімаємо прапорець, коли прокрутка зупинилась~~		if (t < 1) {
	~~var timer = null;~~		rafId = requestAnimationFrame(frame);
	~~function onScroll~~() {		} else {
	~~clearTimeout~~(~~timer~~);		rafId = null;
	~~timer = setTimeout(function ()~~ {
	~~window.removeEventListener('scroll', onScroll)~~;
	isAnimating = false;		isAnimating = false;
	updateActive();		updateActive();
	}~~, 120);~~		}
	}		}
	~~window.addEventListener('scroll', onScroll, { passive: true });~~
	~~onScroll~~(); ~~// на випадок, якщо сторінка вже на місці й скролу не буде~~		rafId = requestAnimationFrame(frame);
	}		}

	function updateActive() {		function updateActive() {
	if (isAnimating) return; ~~// не перебиваємо підсвітку під час переходу~~		if (isAnimating) return;
	var scrollY = window.pageYOffset ~~+ 120~~;		var scrollY = window.pageYOffset;
	var current = null;		var current = null;

	$items.each(function () {		$items.each(function () {
	var ~~target~~ = $(this).data('target');		var top = getTargetTop($(this).data('target'));
	~~var top = (target === 'top') ? 0 : getTargetTop(target~~);		if (top !== null && top <= scrollY + 10) current = $(this);
	if (top !== null && top ~~- HEADER_OFFSET~~ <= scrollY) current = $(this);
	});		});

Рядок 110:		Рядок 123:

	$items.on('click', function () {		$items.on('click', function () {
			// Блокуємо повторний клік на вже активному пункті
			if ($(this).hasClass('active')) return;
			if (isAnimating) return;

	var target = $(this).data('target');		var target = $(this).data('target');
	$items.removeClass('active');		$items.removeClass('active');
Рядок 128:		Рядок 145:
	$(window).on('scroll', function () {		$(window).on('scroll', function () {
	if (!ticking) {		if (!ticking) {
	~~window.~~requestAnimationFrame(function () {		requestAnimationFrame(function () {
	updateActive();		updateActive();
	ticking = false;		ticking = false;
Рядок 138:		Рядок 155:
	$(window).on('resize', updateActive);		$(window).on('resize', updateActive);
	$(document).on('mcc:content-loaded', updateActive);		$(document).on('mcc:content-loaded', updateActive);

	~~// Перерахунок після довантаження картинок і шрифтів~~
	$(window).on('load', updateActive);		$(window).on('load', updateActive);
	if (document.fonts && document.fonts.ready) {		if (document.fonts && document.fonts.ready) {

Admin в 17:19, 9 серпня 2026

2026-08-09T17:19:23Z

← Попередня версія		Версія за 19:19, 9 серпня 2026
Рядок 69:		Рядок 69:
	}		}

	function scrollToTarget(target) {		function scrollToTarget(target) {
	~~var attempts~~ = 0;		isAnimating = true;

	~~function step~~() {		if (target === 'top') {
	var ~~top~~ = ~~getTargetTop~~(target);		window.scrollTo({ top: 0, behavior: 'smooth' });
	if (~~top === null~~) { isAnimating = false; return; }		} else {
			var el = getTargetEl(target);
	~~var diff = Math~~.~~abs~~(~~top - window.pageYOffset~~);		if (!el) { isAnimating = false; return; }
			el.scrollIntoView({ behavior: 'smooth', block: 'start' });
	~~// Уже на місці~~		}
	~~if (diff <= 3) { isAnimating = false; return;~~ }

	// ~~Захист від нескінченного циклу~~		// Знімаємо прапорець, коли прокрутка зупинилась
	if (~~attempts >~~= 4) {		var timer = null;
	window.~~scrollTo(0, Math.max~~(0, ~~top)~~);		function onScroll() {
			clearTimeout(timer);
			timer = setTimeout(function () {
			window.removeEventListener('scroll', onScroll);
	isAnimating = false;		isAnimating = false;
	~~return;~~		updateActive();
	}		}, 120);

	~~attempts++;~~
	~~var duration =~~ (~~attempts === 1~~) ~~? 280 : 90~~;

	~~$('html, body').stop(true, false).animate(~~
	~~{ scrollTop: Math.max(0, top)~~ },
	~~duration,~~
	~~function () {~~
	~~// Даємо layout усістися, потім перевіряємо ще раз~~
	~~setTimeout(step, 30);~~
	}
	);
	}		}
			window.addEventListener('scroll', onScroll, { passive: true });
	~~isAnimating =~~ true;		onScroll(); // на випадок, якщо сторінка вже на місці й скролу не буде
	~~step~~();
	}		}

Admin в 17:16, 9 серпня 2026

2026-08-09T17:16:50Z

← Попередня версія		Версія за 19:16, 9 серпня 2026
Рядок 69:		Рядок 69:
	}		}

	function scrollToTarget(target) {		function scrollToTarget(target) {
	var ~~top~~ = ~~getTargetTop(target);~~		var attempts = 0;
	~~if (top === null) return~~;

	~~isAnimating = true;~~		function step() {
	~~$('html, body').stop(true, false).animate({ scrollTop: Math.max(0, top) }, 280,~~ function () {		var top = getTargetTop(target);
	~~// Перевірка після анімації: якщо layout зсунувся — доводимо~~		if (top === null) { isAnimating = false; return; }
	var ~~corrected~~ = getTargetTop(target);
	if (~~corrected !~~== null && Math.abs(~~corrected~~ - window.pageYOffset) > 4) {		var diff = Math.abs(top - window.pageYOffset);
	~~$('html, body')~~.~~stop~~(~~true~~, ~~false).animate(~~
	~~{ scrollTop:~~ Math.max(0, ~~corrected) }, 120,~~		// Уже на місці
	~~function (~~) ~~{ isAnimating = false; }~~		if (diff <= 3) { isAnimating = false; return; }
	);
	~~} else {~~		// Захист від нескінченного циклу
			if (attempts >= 4) {
			window.scrollTo(0, Math.max(0, top));
	isAnimating = false;		isAnimating = false;
			return;
	}		}
	});
			attempts++;
			var duration = (attempts === 1) ? 280 : 90;

			$('html, body').stop(true, false).animate(
			{ scrollTop: Math.max(0, top) },
			duration,
			function () {
			// Даємо layout усістися, потім перевіряємо ще раз
			setTimeout(step, 30);
			}
			);
			}

			isAnimating = true;
			step();
	}		}

Admin в 17:15, 9 серпня 2026

2026-08-09T17:15:11Z

Показати зміни

Admin в 00:34, 11 квітня 2026

2026-04-11T00:34:35Z

← Попередня версія		Версія за 02:34, 11 квітня 2026
Рядок 1107:		Рядок 1107:
	$(function () {		$(function () {
	// Expand/collapse		// Expand/collapse
	$('[data-toggle]').on('click', function () {		var GRID_PANELS = ['seasons-panel', 'gn-panel', 'closed-panel'];
	var $hd = $(this);
	var $bd = $('#' + $hd.~~data~~('~~toggle~~'));		$('[data-toggle]').on('click', function () {
	if (!$bd.~~length~~) ~~return~~;		var $hd = $(this);
			var targetId = $hd.data('toggle');
			var $bd = $('#' + targetId);
			if (!$bd.length) return;

			var isGridPanel = GRID_PANELS.indexOf(targetId) !== -1;
			var isDesktop = $(window).width() >= 1000;

			if (isGridPanel && isDesktop) {
			// Collapse/expand all 3 grid panels together
			var collapsed = $bd.hasClass('collapsed');
			GRID_PANELS.forEach(function(id) {
			$('#' + id).toggleClass('collapsed', !collapsed);
			$('[data-toggle="' + id + '"]').toggleClass('collapsed', !collapsed);
			});
			} else {
	var collapsed = $bd.hasClass('collapsed');		var collapsed = $bd.hasClass('collapsed');
	$bd.toggleClass('collapsed', !collapsed);		$bd.toggleClass('collapsed', !collapsed);
	$hd.toggleClass('collapsed', !collapsed);		$hd.toggleClass('collapsed', !collapsed);
	});		}
			});

	// Clickable rows / cards — navigate on click, ignore inner link clicks		// Clickable rows / cards — navigate on click, ignore inner link clicks

Admin в 19:33, 10 квітня 2026

2026-04-10T19:33:17Z

← Попередня версія		Версія за 21:33, 10 квітня 2026
Рядок 1103:		Рядок 1103:

	// ============================================================		// ============================================================
	// HOME PAGE — collapsible panels		// HOME PAGE — collapsible panels + clickable rows
	// ============================================================		// ============================================================
	$(function () {		$(function () {
	$('[data-toggle]').~~each~~(function () {		// Expand/collapse
			$('[data-toggle]').on('click', function () {
	var $hd = $(this);		var $hd = $(this);
	var ~~targetId~~ = $hd.data('toggle');		var $bd = $('#' + $hd.data('toggle'));
	~~var $bd = $('#' + targetId~~);
	if (!$bd.length) return;		if (!$bd.length) return;
			var collapsed = $bd.hasClass('collapsed');
			$bd.toggleClass('collapsed', !collapsed);
			$hd.toggleClass('collapsed', !collapsed);
			});

	$hd.on('click', function () {		// Clickable rows / cards — navigate on click, ignore inner link clicks
	~~var collapsed =~~ $bd.~~hasClass~~('~~collapsed~~');		$(document).on('click', '.mcc-nav', function (e) {
	$~~bd.toggleClass~~(~~'collapsed', !collapsed~~);		if ($(e.target).closest('a').length) return; // let wiki links work normally
	~~$hd~~.~~toggleClass~~('~~collapsed~~'~~, !collapsed~~);		var href = $(this).data('href');
	});		if (href) window.location.href = href;
	});		});

			// Cursor pointer for nav elements
			$('.mcc-nav').css('cursor', 'pointer');
	});		});

Admin в 19:27, 10 квітня 2026

2026-04-10T19:27:03Z

@@ Рядок 1099: / Рядок 1099: @@
              if (q) window.location.href = '/index.php?search=' + encodeURIComponent(q);
+         }
      });
 });