MediaWiki:Common.js: различия между версиями
Shihov (обсуждение | вклад) Нет описания правки Метки: ручная отмена отменено |
Shihov (обсуждение | вклад) Нет описания правки |
||
(не показаны 63 промежуточные версии этого же участника) | |||
Строка 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() { | |||
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() { | $(document).ready(function() { | ||
console.log("Скрипт дерева категорий загружен."); | console.log("Скрипт дерева категорий загружен."); | ||
// Проверяем, авторизован ли пользователь | |||
var isUserLoggedIn = mw.config.get('wgUserName') !== null; | |||
function saveTreeHTML() { | function saveTreeHTML() { | ||
console.log("Сохраняем HTML дерева..."); | console.log("Сохраняем HTML дерева..."); | ||
var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag'). | var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').prop('outerHTML'); | ||
localStorage.setItem('categoryTreeHTML', treeHTML); | localStorage.setItem('categoryTreeHTML', treeHTML); | ||
} | } | ||
function restoreTreeHTML() { | function restoreTreeHTML() { | ||
console.log("Восстанавливаем HTML дерева..."); | console.log("Восстанавливаем HTML дерева..."); | ||
var treeHTML = localStorage.getItem('categoryTreeHTML'); | var treeHTML = localStorage.getItem('categoryTreeHTML'); | ||
if (treeHTML) { | if (treeHTML && treeHTML !== "undefined") { | ||
$('#p-categorytree-portlet .CategoryTreeTag'). | $('#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(); | restoreTreeHTML(); | ||
function scrollToCategory(categoryTitle, callback) { | |||
var $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() { | var $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() { | ||
return $(this).text().trim() === categoryTitle; | 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; | return false; | ||
} | } | ||
function | function searchAndExpandCategory(title, attempts = 0) { | ||
var $ | 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() { | function recursiveSearchForCategory() { | ||
console.log("Очищаем localStorage перед поиском..."); | console.log("Очищаем `localStorage` перед поиском..."); | ||
localStorage.removeItem('lastOpenedPageTitle'); | localStorage.removeItem('lastOpenedPageTitle'); | ||
localStorage.removeItem('highlightedCategory'); | localStorage.removeItem('highlightedCategory'); | ||
var currentPageTitle = mw.config.get('wgTitle'); | 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(); | |||
} | |||
}); | }); |