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

Askell в 18:38, 2 декабря 2025

2025-12-02T18:38:16Z

← Предыдущая версия		Версия от 21:38, 2 декабря 2025
Строка 34:		Строка 34:

	// Автоскролл после открытия спойлера в меню Citizen		// Автоскролл после открытия спойлера в меню Citizen
	$(document).on('click', '.~~citizen-menu~~ .~~mw-collapsible-toggle~~', function () {		$(document).on('click', '.dropdown .dropbtn', function () {
	~~var $menuItem = $(this).closest('.mw-collapsible');~~

	// Даем анимации ~~Citizen~~ завершиться ~~(200–300 мс)~~		var $dropdown = $(this).closest('.dropdown');
			var $content = $dropdown.find('.dropdown-content');

			// Даем CSS-анимации завершиться, если она есть
	setTimeout(function () {		setTimeout(function () {
	~~if ($menuItem.hasClass('mw-collapsed')) return; // Если закрыто — не скроллим~~

	var top = $~~menuItem~~.offset().top - 80; // ~~Немного отступа~~ сверху		// Если блок теперь виден — скроллим к нему
	$('html, body').animate({ scrollTop: top }, 300);		if ($content.is(':visible')) {
	}, ~~250~~);		var top = $dropdown.offset().top - 80; // отступ сверху (регулируется)
			$('html, body').animate({ scrollTop: top }, 300);
			}

			}, 200);
	});		});

Askell в 18:32, 2 декабря 2025

2025-12-02T18:32:42Z

@@ Строка 29: / Строка 29: @@
              dropdown.addClass('active');
              content.css('max-height', content[0].scrollHeight + 'px'); // Автоматическая высота
+         }
      });

Askell в 18:29, 2 декабря 2025

2025-12-02T18:29:08Z

← Предыдущая версия		Версия от 21:29, 2 декабря 2025
Строка 53:		Строка 53:
	});		});

	document.~~addEventListener~~(~~"DOMContentLoaded"~~, function () {		// Автоскролл после открытия спойлера в меню Citizen
	~~const dropdowns~~ = ~~document~~.~~querySelectorAll~~(".~~dropdown"~~);		$(document).on('click', '.citizen-menu .mw-collapsible-toggle', function () {
			var $menuItem = $(this).closest('.mw-collapsible');

	~~dropdowns.forEach~~(~~dropdown =>~~ {		// Даем анимации Citizen завершиться (200–300 мс)
	~~const btn = dropdown~~.~~querySelector~~(~~".dropbtn"~~);		setTimeout(function () {
			if ($menuItem.hasClass('mw-collapsed')) return; // Если закрыто — не скроллим

	~~btn.addEventListener("click", function () {~~		var top = $menuItem.offset().top - 80; // Немного отступа сверху
			$('html, body').animate({ scrollTop: top }, 300);
	~~// закрываем другие спойлеры~~		}, 250);
	~~dropdowns.forEach(d~~ =~~> {~~
	~~if (d !== dropdown) d~~.~~classList.remove~~(~~"active"~~);
	~~});~~

	~~// переключаем текущий~~
	~~dropdown~~.~~classList.toggle("active")~~;

	// ~~если открыт — скроллим к нему~~
	~~if (dropdown.classList.contains("active")) {~~
	~~setTimeout(~~() ~~=> {~~
	~~dropdown~~.~~scrollIntoView~~({
	~~behavior~~: ~~"smooth",~~
	~~block: "start"~~
	~~});~~
	}, ~~150); // ждем пока CSS-анимация начнёт увеличивать высоту~~
	}
	});
	});
	});		});

Askell в 18:24, 2 декабря 2025

2025-12-02T18:24:22Z

@@ Строка 34: / Строка 34: @@
 // Автоскролл при открытии выпадающих блоков
 document.addEventListener("DOMContentLoaded", function () {
      const dropdowns = document.querySelectorAll(".dropdown");

Askell в 18:22, 2 декабря 2025

2025-12-02T18:22:15Z

← Предыдущая версия		Версия от 21:22, 2 декабря 2025
Строка 34:		Строка 34:

	// Автоскролл при открытии выпадающих блоков		// Автоскролл при открытии выпадающих блоков
	$(document).~~ready~~(function () {		document.addEventListener("DOMContentLoaded", function () {
	~~// Находим все выпадающие блоки~~		const dropdowns = document.querySelectorAll(".dropdown");
	~~$('.dropdown .dropbtn').on('click', function () {~~
	~~let parent~~ = ~~$(this)~~.~~closest~~('.dropdown');

	~~// Переключаем class~~ .~~active~~		dropdowns.forEach(dropdown => {
	~~parent~~.~~toggleClass~~(~~'active'~~);		const btn = dropdown.querySelector(".dropbtn");

	// ~~Если блок открылся~~ — скроллим		btn.addEventListener("click", function () {
	if (~~parent~~.~~hasClass~~('active')) {
	setTimeout(() => {		// закрываем другие спойлеры
	~~$('html, body')~~.~~animate~~({		dropdowns.forEach(d => {
	~~scrollTop~~: ~~parent.offset().top - 120 // подстройка под Citizen-header~~		if (d !== dropdown) d.classList.remove("active");
	}~~, 400~~);		});
	}, ~~300~~); // ~~ждём окончания анимации max~~-~~height~~
	}		// переключаем текущий
			dropdown.classList.toggle("active");

			// если открыт — скроллим к нему
			if (dropdown.classList.contains("active")) {
			setTimeout(() => {
			dropdown.scrollIntoView({
			behavior: "smooth",
			block: "start"
			});
			}, 150); // ждем пока CSS-анимация начнёт увеличивать высоту
			}
			});
	});		});
	});		});

Askell в 18:15, 2 декабря 2025

2025-12-02T18:15:12Z

@@ Строка 29: / Строка 29: @@
              dropdown.addClass('active');
              content.css('max-height', content[0].scrollHeight + 'px'); // Автоматическая высота
+         }
      });
 });

Askell в 13:23, 1 декабря 2025

2025-12-01T13:23:33Z

← Предыдущая версия		Версия от 16:23, 1 декабря 2025
Строка 32:		Строка 32:
	});		});
	});		});


	~~// Универсальный фикс для dropdown, переводим раскрытые меню в поток документа~~
	~~( function () {~~
	~~function fixDropdown(el) {~~
	~~if (!el) return;~~
	~~try {~~
	~~el.style.position = '';~~
	~~el.style.top = '';~~
	~~el.style.left = '';~~
	~~el.style.right = '';~~
	~~el.style.transform = '';~~
	~~el.style.zIndex = '';~~
	~~el.style.maxHeight = '';~~
	~~el.style.overflow = '';~~
	~~} catch (e) { /* ignore */ }~~
	}

	~~// На клики по кнопке открывающей меню — удаляем inline-стили у .dropdown-content~~
	~~document.addEventListener('click', function (e) {~~
	~~// попытка поймать ближайший .dropdown~~
	~~var but = e.target.closest && e.target.closest('.dropbtn, .dropdown, .dropdown-toggle, [data-dropdown]');~~
	~~if (but) {~~
	~~// небольшая задержка, чтобы скрипт, открывающий меню, выполнил своё и мы могли почистить~~
	~~setTimeout(function () {~~
	~~var dropdowns = document.querySelectorAll('.dropdown, .dropdown.active, .dropdown.open, .menu-column');~~
	~~dropdowns.forEach(function (d) {~~
	~~// исправляем сам контейнер~~
	~~fixDropdown(d);~~
	~~// исправляем контент~~
	~~var c = d.querySelector('.dropdown-content, .menu, .dropdown-menu, .citizen-dropdown__content');~~
	~~if (c) fixDropdown(c);~~
	~~});~~
	~~}, 20);~~
	}
	~~}, false);~~

	~~// При любом модифицировании DOM (на случай, если меню открывает сторонний скрипт)~~
	~~var observer = new MutationObserver(function (mutations) {~~
	~~mutations.forEach(function (m) {~~
	~~if (m.addedNodes && m.addedNodes.length) {~~
	~~m.addedNodes.forEach(function (node) {~~
	~~if (!(node instanceof HTMLElement)) return;~~
	~~if (node.matches('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu')) {~~
	~~fixDropdown(node);~~
	}
	~~var inner = node.querySelector && (node.querySelector('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu'));~~
	~~if (inner) fixDropdown(inner);~~
	~~});~~
	}
	~~// также пробуем почистить целевые элементы, если у них появились атрибуты стиля~~
	~~if (m.target && m.target instanceof HTMLElement) {~~
	~~if (m.target.matches && (m.target.matches('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu'))) {~~
	~~fixDropdown(m.target);~~
	}
	}
	~~});~~
	~~});~~

	~~observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });~~

	~~// Очистка для уже открытых при загрузке~~
	~~window.addEventListener('load', function () {~~
	~~document.querySelectorAll('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu').forEach(function (el) {~~
	~~fixDropdown(el);~~
	~~});~~
	~~});~~

	~~}() );~~

Askell в 13:21, 1 декабря 2025

2025-12-01T13:21:29Z

← Предыдущая версия		Версия от 16:21, 1 декабря 2025
Строка 32:		Строка 32:
	});		});
	});		});


			// Универсальный фикс для dropdown, переводим раскрытые меню в поток документа
			( function () {
			function fixDropdown(el) {
			if (!el) return;
			try {
			el.style.position = '';
			el.style.top = '';
			el.style.left = '';
			el.style.right = '';
			el.style.transform = '';
			el.style.zIndex = '';
			el.style.maxHeight = '';
			el.style.overflow = '';
			} catch (e) { /* ignore */ }
			}

			// На клики по кнопке открывающей меню — удаляем inline-стили у .dropdown-content
			document.addEventListener('click', function (e) {
			// попытка поймать ближайший .dropdown
			var but = e.target.closest && e.target.closest('.dropbtn, .dropdown, .dropdown-toggle, [data-dropdown]');
			if (but) {
			// небольшая задержка, чтобы скрипт, открывающий меню, выполнил своё и мы могли почистить
			setTimeout(function () {
			var dropdowns = document.querySelectorAll('.dropdown, .dropdown.active, .dropdown.open, .menu-column');
			dropdowns.forEach(function (d) {
			// исправляем сам контейнер
			fixDropdown(d);
			// исправляем контент
			var c = d.querySelector('.dropdown-content, .menu, .dropdown-menu, .citizen-dropdown__content');
			if (c) fixDropdown(c);
			});
			}, 20);
			}
			}, false);

			// При любом модифицировании DOM (на случай, если меню открывает сторонний скрипт)
			var observer = new MutationObserver(function (mutations) {
			mutations.forEach(function (m) {
			if (m.addedNodes && m.addedNodes.length) {
			m.addedNodes.forEach(function (node) {
			if (!(node instanceof HTMLElement)) return;
			if (node.matches('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu')) {
			fixDropdown(node);
			}
			var inner = node.querySelector && (node.querySelector('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu'));
			if (inner) fixDropdown(inner);
			});
			}
			// также пробуем почистить целевые элементы, если у них появились атрибуты стиля
			if (m.target && m.target instanceof HTMLElement) {
			if (m.target.matches && (m.target.matches('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu'))) {
			fixDropdown(m.target);
			}
			}
			});
			});

			observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });

			// Очистка для уже открытых при загрузке
			window.addEventListener('load', function () {
			document.querySelectorAll('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu').forEach(function (el) {
			fixDropdown(el);
			});
			});

			}() );

Askell в 13:29, 11 августа 2025

2025-08-11T13:29:09Z

← Предыдущая версия		Версия от 16:29, 11 августа 2025
Строка 32:		Строка 32:
	});		});
	});		});

	~~function getPageImage(title, size = 200) {~~
	~~return fetch(~~
	~~mw.util.wikiScript('api') +~~
	~~`?action=query&titles=${encodeURIComponent(title)}&prop=pageimages&piprop=thumbnail&pithumbsize=${size}&format=json`~~
	)
	~~.then(res => res.json())~~
	~~.then(data => {~~
	~~const pages = data.query.pages;~~
	~~const page = Object.values(pages)[0];~~
	~~return page.thumbnail ? page.thumbnail.source : null;~~
	~~});~~
	}

Askell в 13:23, 11 августа 2025

2025-08-11T13:23:49Z

← Предыдущая версия		Версия от 16:23, 11 августа 2025
Строка 45:		Строка 45:
	});		});
	}		}

	~~mw.hook('ext.popups.render').add(function(popup, data) {~~
	~~const title = data.title;~~
	~~getPageImage(title, 200).then(imgUrl => {~~
	~~if (imgUrl) {~~
	~~const imgElem = document.createElement('img');~~
	~~imgElem.className = 'pageimage';~~
	~~imgElem.src = imgUrl;~~
	~~popup.querySelector('.mwe-popups-container').prepend(imgElem);~~
	}
	~~});~~
	~~});~~