MediaWiki:Common.js: различия между версиями
Перейти к навигации
Перейти к поиску
Shihov (обсуждение | вклад) Нет описания правки Метка: ручная отмена |
Shihov (обсуждение | вклад) Нет описания правки |
||
(не показано 88 промежуточных версий этого же участника) | |||
Строка 1: | Строка 1: | ||
$(document).ready(function () { | |||
// Если текущая страница — главная, сбрасываем localStorage | |||
if (mw.config.get('wgIsMainPage')) { | |||
console.log("Находимся на главной, сбрасываем сохранённое дерево"); | |||
localStorage.removeItem('categoryTreeHTML'); | |||
localStorage.removeItem('lastOpenedPageTitle'); | |||
localStorage.removeItem('highlightedCategory'); | |||
} | |||
}); | |||
var highlightedCategory = localStorage.getItem('highlightedCategory'); | |||
if (highlightedCategory) { | |||
$('#p-categorytree-portlet').addClass('category-hidden'); | |||
console.log("Скрыли при восстановлении по цели:", highlightedCategory); | |||
} | |||
//добавление кнопки вверх | |||
$(document).ready(function () { | |||
// Создаём кнопку | |||
var $button = $('<div id="back-to-top">Вверх</div>').appendTo('body'); | |||
// Показывать кнопку при прокрутке вниз | |||
$(window).scroll(function () { | |||
if ($(this).scrollTop() > 300) { | |||
$button.fadeIn(); | |||
} else { | |||
$button.fadeOut(); | |||
} | |||
}); | |||
// Обработчик клика для плавного скролла вверх | |||
$button.click(function () { | |||
$('html, body').animate({ scrollTop: 0 }, 500); | |||
return false; | |||
}); | |||
}); | |||
//скрытие разделов и страниц если пусто | |||
$(document).ready(function() { | $(document).ready(function() { | ||
console.log("JS скрипт для скрытия пустых разделов загружен."); | |||
function hideEmptySection(sectionId, listId) { | |||
var section = document.getElementById(sectionId); | |||
var list = document.getElementById(listId); | |||
if (!section || !list) { | |||
console.log(`Не найден элемент: ${section ? "список" : "заголовок"} для ${sectionId}`); | |||
return; | |||
} | |||
console.log(`Проверяем ${sectionId}: `, list.children.length, "элементов найдено."); | |||
if (list.children.length === 0) { | |||
section.style.display = "none"; | |||
console.log(`Скрываем заголовок: ${sectionId}`); | |||
} else { | |||
console.log(`Оставляем заголовок: ${sectionId}`); | |||
} | |||
} | |||
// Проверяем и скрываем, если пустые | |||
hideEmptySection("section-header", "sections-list"); | |||
hideEmptySection("pages-header", "page-list"); | |||
}); | |||
$(document).ready(function() { | |||
console.log("Скрипт дерева категорий загружен."); | console.log("Скрипт дерева категорий загружен."); | ||
// | |||
function | |||
console.log(" | |||
var | |||
$('. | |||
var $ | // Проверяем, авторизован ли пользователь | ||
var | var isUserLoggedIn = mw.config.get('wgUserName') !== null; | ||
var | |||
if ( | |||
function saveTreeHTML() { | |||
console.log("Сохраняем HTML дерева..."); | |||
var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').prop('outerHTML'); | |||
localStorage.setItem('categoryTreeHTML', treeHTML); | |||
} | |||
function restoreTreeHTML() { | |||
console.log("Восстанавливаем HTML дерева..."); | |||
var treeHTML = localStorage.getItem('categoryTreeHTML'); | |||
if (treeHTML && treeHTML !== "undefined") { | |||
$('#p-categorytree-portlet .CategoryTreeTag').replaceWith(treeHTML); | |||
} else { | |||
console.log("Ошибка: Дерево категорий повреждено, сбрасываем..."); | |||
localStorage.removeItem('categoryTreeHTML'); | |||
} | |||
attachCategoryEvents(); | |||
} | |||
function attachCategoryEvents() { | |||
console.log("Навешиваем обработчики событий..."); | |||
$('body').off('click', '#p-categorytree-portlet .CategoryTreeItem').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) { | |||
var $target = $(event.target); | |||
var $item = $(this); | |||
var $toggleButton = $item.find('.CategoryTreeToggle').first(); | |||
var isCategory = !$item.find('.CategoryTreePageBullet').length; | |||
if ($target.hasClass('CategoryTreeToggle')) return; | |||
if ($target.is('a') && isCategory) { | |||
event.preventDefault(); | |||
$toggleButton.click(); | |||
} else if (isCategory) { | |||
$toggleButton.click(); | |||
} else { | |||
var link = $item.find('a').attr('href'); | |||
if (link) { | |||
saveTreeHTML(); | |||
localStorage.setItem('lastOpenedPageTitle', $item.text().trim()); | |||
window.location.href = link; | |||
} | |||
} | } | ||
saveTreeHTML(); | |||
}); | }); | ||
} | } | ||
restoreTreeHTML(); | |||
function | |||
function scrollToCategory(categoryTitle, callback) { | |||
var | |||
var $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() { | |||
return $(this).text().trim() === categoryTitle; | |||
}); | |||
if ($categoryItem.length) { | |||
console.log("Категория найдена, прокручиваем без анимации..."); | |||
var $portlet = $('#p-categorytree-portlet'); | |||
$portlet.addClass('category-hidden'); | |||
// Выполняем прокрутку | |||
$portlet.scrollTop($categoryItem.position().top - 50); | |||
// Подсветка | |||
$('.CategoryTreeItem').removeClass('highlighted'); | |||
$categoryItem.addClass('highlighted'); | |||
// Показываем дерево | |||
setTimeout(function() { | |||
$portlet.removeClass('category-hidden'); | |||
if (callback) callback(true); | |||
}, 0); // можно увеличить задержку при необходимости | |||
localStorage.setItem('highlightedCategory', categoryTitle); | |||
return true; | |||
} | |||
if (callback) callback(false); | |||
return false; | |||
} | } | ||
function searchAndExpandCategory(title, attempts = 0) { | |||
if (attempts > 1) { | |||
console.log("Категория не найдена даже после подмены, прекращаем попытки."); | |||
var $portlet = $('#p-categorytree-portlet'); | |||
localStorage.removeItem('categoryTreeHTML'); | |||
localStorage.removeItem('lastOpenedPageTitle'); | |||
localStorage.removeItem('highlightedCategory'); | |||
console.log("Очистили всё"); | |||
$portlet.removeClass('category-hidden'); | |||
return; | |||
} | |||
if (scrollToCategory(title)) { | |||
if ( | |||
return; | return; | ||
} | } | ||
console.log(`Категория '${title}' не найдена, пробуем 'Категория:Начало'...`); | |||
setTimeout(() => searchAndExpandCategory("Категория:Начало", attempts + 1), 100); | |||
} | |||
function recursiveSearchForCategory() { | |||
console.log("Очищаем `localStorage` перед поиском..."); | |||
localStorage.removeItem('lastOpenedPageTitle'); | |||
localStorage.removeItem('highlightedCategory'); | |||
var currentPageTitle = mw.config.get('wgTitle') || "Категория:Начало"; | |||
console.log("Начинаем поиск категории для:", currentPageTitle); | |||
searchAndExpandCategory(currentPageTitle); | |||
} | |||
recursiveSearchForCategory(); | |||
$(window).on('beforeunload', saveTreeHTML); | |||
attachCategoryEvents(); | |||
}); | |||
document.addEventListener("DOMContentLoaded", function () { | |||
var categoryTree = document.getElementById("p-categorytree-portlet"); | |||
// Проверяем, что дерево категорий существует и пользователь на мобильном устройстве | |||
if (categoryTree && window.innerWidth <= 768) { | |||
var toggleButton = document.createElement("div"); | |||
toggleButton.id = "category-toggle"; | |||
toggleButton.innerHTML = "Категории ⋮"; | |||
// Вставляем кнопку перед деревом категорий | |||
categoryTree.parentNode.insertBefore(toggleButton, categoryTree); | |||
// Обработчик клика | |||
toggleButton.addEventListener("click", function () { | |||
if (categoryTree.style.display === "none" || categoryTree.style.display === "") { | |||
categoryTree.style.display = "block"; | |||
toggleButton.innerHTML = "Категории ▲"; | |||
} else { | |||
categoryTree.style.display = "none"; | |||
toggleButton.innerHTML = "Категории ⋮"; | |||
} | |||
}); | |||
} | |||
}); | |||
// Обработчик Ctrl+F5 для очистки localStorage | |||
$(document).keydown(function(event) { | |||
if (event.ctrlKey && event.key === 'F2') { | |||
console.log("Ctrl+F2 нажато, очищаем localStorage..."); | |||
localStorage.removeItem('categoryTreeHTML'); | |||
localStorage.removeItem('lastOpenedPageTitle'); | |||
localStorage.removeItem('highlightedCategory'); | |||
$('#p-categorytree-portlet .CategoryTreeTag').remove(); // Удаляем дерево с страницы | |||
location.reload(); | |||
} | |||
}); | }); |
Текущая версия от 14:13, 30 июня 2025
$(document).ready(function () {
// Если текущая страница — главная, сбрасываем localStorage
if (mw.config.get('wgIsMainPage')) {
console.log("Находимся на главной, сбрасываем сохранённое дерево");
localStorage.removeItem('categoryTreeHTML');
localStorage.removeItem('lastOpenedPageTitle');
localStorage.removeItem('highlightedCategory');
}
});
var highlightedCategory = localStorage.getItem('highlightedCategory');
if (highlightedCategory) {
$('#p-categorytree-portlet').addClass('category-hidden');
console.log("Скрыли при восстановлении по цели:", highlightedCategory);
}
//добавление кнопки вверх
$(document).ready(function () {
// Создаём кнопку
var $button = $('<div id="back-to-top">Вверх</div>').appendTo('body');
// Показывать кнопку при прокрутке вниз
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
$button.fadeIn();
} else {
$button.fadeOut();
}
});
// Обработчик клика для плавного скролла вверх
$button.click(function () {
$('html, body').animate({ scrollTop: 0 }, 500);
return false;
});
});
//скрытие разделов и страниц если пусто
$(document).ready(function() {
console.log("JS скрипт для скрытия пустых разделов загружен.");
function hideEmptySection(sectionId, listId) {
var section = document.getElementById(sectionId);
var list = document.getElementById(listId);
if (!section || !list) {
console.log(`Не найден элемент: ${section ? "список" : "заголовок"} для ${sectionId}`);
return;
}
console.log(`Проверяем ${sectionId}: `, list.children.length, "элементов найдено.");
if (list.children.length === 0) {
section.style.display = "none";
console.log(`Скрываем заголовок: ${sectionId}`);
} else {
console.log(`Оставляем заголовок: ${sectionId}`);
}
}
// Проверяем и скрываем, если пустые
hideEmptySection("section-header", "sections-list");
hideEmptySection("pages-header", "page-list");
});
$(document).ready(function() {
console.log("Скрипт дерева категорий загружен.");
// Проверяем, авторизован ли пользователь
var isUserLoggedIn = mw.config.get('wgUserName') !== null;
function saveTreeHTML() {
console.log("Сохраняем HTML дерева...");
var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').prop('outerHTML');
localStorage.setItem('categoryTreeHTML', treeHTML);
}
function restoreTreeHTML() {
console.log("Восстанавливаем HTML дерева...");
var treeHTML = localStorage.getItem('categoryTreeHTML');
if (treeHTML && treeHTML !== "undefined") {
$('#p-categorytree-portlet .CategoryTreeTag').replaceWith(treeHTML);
} else {
console.log("Ошибка: Дерево категорий повреждено, сбрасываем...");
localStorage.removeItem('categoryTreeHTML');
}
attachCategoryEvents();
}
function attachCategoryEvents() {
console.log("Навешиваем обработчики событий...");
$('body').off('click', '#p-categorytree-portlet .CategoryTreeItem').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) {
var $target = $(event.target);
var $item = $(this);
var $toggleButton = $item.find('.CategoryTreeToggle').first();
var isCategory = !$item.find('.CategoryTreePageBullet').length;
if ($target.hasClass('CategoryTreeToggle')) return;
if ($target.is('a') && isCategory) {
event.preventDefault();
$toggleButton.click();
} else if (isCategory) {
$toggleButton.click();
} else {
var link = $item.find('a').attr('href');
if (link) {
saveTreeHTML();
localStorage.setItem('lastOpenedPageTitle', $item.text().trim());
window.location.href = link;
}
}
saveTreeHTML();
});
}
restoreTreeHTML();
function scrollToCategory(categoryTitle, callback) {
var $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
return $(this).text().trim() === categoryTitle;
});
if ($categoryItem.length) {
console.log("Категория найдена, прокручиваем без анимации...");
var $portlet = $('#p-categorytree-portlet');
$portlet.addClass('category-hidden');
// Выполняем прокрутку
$portlet.scrollTop($categoryItem.position().top - 50);
// Подсветка
$('.CategoryTreeItem').removeClass('highlighted');
$categoryItem.addClass('highlighted');
// Показываем дерево
setTimeout(function() {
$portlet.removeClass('category-hidden');
if (callback) callback(true);
}, 0); // можно увеличить задержку при необходимости
localStorage.setItem('highlightedCategory', categoryTitle);
return true;
}
if (callback) callback(false);
return false;
}
function searchAndExpandCategory(title, attempts = 0) {
if (attempts > 1) {
console.log("Категория не найдена даже после подмены, прекращаем попытки.");
var $portlet = $('#p-categorytree-portlet');
localStorage.removeItem('categoryTreeHTML');
localStorage.removeItem('lastOpenedPageTitle');
localStorage.removeItem('highlightedCategory');
console.log("Очистили всё");
$portlet.removeClass('category-hidden');
return;
}
if (scrollToCategory(title)) {
return;
}
console.log(`Категория '${title}' не найдена, пробуем 'Категория:Начало'...`);
setTimeout(() => searchAndExpandCategory("Категория:Начало", attempts + 1), 100);
}
function recursiveSearchForCategory() {
console.log("Очищаем `localStorage` перед поиском...");
localStorage.removeItem('lastOpenedPageTitle');
localStorage.removeItem('highlightedCategory');
var currentPageTitle = mw.config.get('wgTitle') || "Категория:Начало";
console.log("Начинаем поиск категории для:", currentPageTitle);
searchAndExpandCategory(currentPageTitle);
}
recursiveSearchForCategory();
$(window).on('beforeunload', saveTreeHTML);
attachCategoryEvents();
});
document.addEventListener("DOMContentLoaded", function () {
var categoryTree = document.getElementById("p-categorytree-portlet");
// Проверяем, что дерево категорий существует и пользователь на мобильном устройстве
if (categoryTree && window.innerWidth <= 768) {
var toggleButton = document.createElement("div");
toggleButton.id = "category-toggle";
toggleButton.innerHTML = "Категории ⋮";
// Вставляем кнопку перед деревом категорий
categoryTree.parentNode.insertBefore(toggleButton, categoryTree);
// Обработчик клика
toggleButton.addEventListener("click", function () {
if (categoryTree.style.display === "none" || categoryTree.style.display === "") {
categoryTree.style.display = "block";
toggleButton.innerHTML = "Категории ▲";
} else {
categoryTree.style.display = "none";
toggleButton.innerHTML = "Категории ⋮";
}
});
}
});
// Обработчик Ctrl+F5 для очистки localStorage
$(document).keydown(function(event) {
if (event.ctrlKey && event.key === 'F2') {
console.log("Ctrl+F2 нажато, очищаем localStorage...");
localStorage.removeItem('categoryTreeHTML');
localStorage.removeItem('lastOpenedPageTitle');
localStorage.removeItem('highlightedCategory');
$('#p-categorytree-portlet .CategoryTreeTag').remove(); // Удаляем дерево с страницы
location.reload();
}
});