MediaWiki:Common.js: различия между версиями
Перейти к навигации
Перейти к поиску
Shihov (обсуждение | вклад) Нет описания правки Метки: ручная отмена отменено |
Shihov (обсуждение | вклад) Нет описания правки Метка: отменено |
||
Строка 1: | Строка 1: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
console.log("Скрипт дерева категорий загружен."); | console.log("Скрипт дерева категорий загружен."); | ||
// Функция для сохранения HTML дерева в localStorage | |||
function saveTreeHTML() { | |||
console.log("Сохраняем HTML дерева..."); | |||
var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').html(); | |||
localStorage.setItem('categoryTreeHTML', treeHTML); | |||
} | |||
// Функция для восстановления HTML дерева из localStorage | |||
function restoreTreeHTML() { | |||
console.log("Восстанавливаем HTML дерева..."); | |||
var treeHTML = localStorage.getItem('categoryTreeHTML'); | |||
if (treeHTML) { | |||
console.log("HTML дерева найден в localStorage, восстанавливаем..."); | |||
$('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML); | |||
} else { | |||
console.log("HTML дерева в localStorage не найден."); | |||
// Если дерево не сохранено, разворачиваем и сворачиваем его, а затем сохраняем | |||
expandAndCollapseAll(function() { | |||
saveTreeHTML(); | |||
console.log("Дерево развернуто, свернуто и сохранено в localStorage."); | |||
}); | |||
} | |||
} | |||
// Функция для разворачивания и сворачивания всех категорий | |||
function expandAndCollapseAll(callback) { | |||
var $toggleButtons = $('#p-categorytree-portlet .CategoryTreeToggle'); | |||
var index = 0; | |||
function processNext() { | |||
if (index >= $toggleButtons.length) { | |||
console.log("Разворачивание и сворачивание завершено."); | |||
if (callback) { | |||
callback(); | |||
} | |||
return; | |||
} | |||
var $toggleButton = $($toggleButtons[index]); | |||
console.log("Кликаем на кнопку: " + $toggleButton.data('ct-title')); | |||
$toggleButton.click(); | |||
index++; | |||
// Задержка перед следующим кликом | |||
setTimeout(processNext, 50); // Можно поэкспериментировать со значением задержки | |||
} | |||
console.log("Начинаем разворачивать и сворачивать все категории..."); | |||
processNext(); | |||
} | |||
$('body').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) { | $('body').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) { | ||
Строка 40: | Строка 91: | ||
return false; | return false; | ||
} | } | ||
Строка 73: | Строка 105: | ||
return; | return; | ||
} | } | ||
} | |||
// Вызываем функцию для восстановления дерева при загрузке страницы | |||
$(document).ready(function() { | |||
restoreTreeHTML(); | |||
// Отложенный вызов recursiveSearchForCategory | |||
setTimeout(function() { | |||
recursiveSearchForCategory(); | |||
}, 500); | |||
}); | |||
} | |||
} | |||
}); | }); |
Версия от 09:50, 27 февраля 2025
$(document).ready(function() {
console.log("Скрипт дерева категорий загружен.");
// Функция для сохранения HTML дерева в localStorage
function saveTreeHTML() {
console.log("Сохраняем HTML дерева...");
var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').html();
localStorage.setItem('categoryTreeHTML', treeHTML);
}
// Функция для восстановления HTML дерева из localStorage
function restoreTreeHTML() {
console.log("Восстанавливаем HTML дерева...");
var treeHTML = localStorage.getItem('categoryTreeHTML');
if (treeHTML) {
console.log("HTML дерева найден в localStorage, восстанавливаем...");
$('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML);
} else {
console.log("HTML дерева в localStorage не найден.");
// Если дерево не сохранено, разворачиваем и сворачиваем его, а затем сохраняем
expandAndCollapseAll(function() {
saveTreeHTML();
console.log("Дерево развернуто, свернуто и сохранено в localStorage.");
});
}
}
// Функция для разворачивания и сворачивания всех категорий
function expandAndCollapseAll(callback) {
var $toggleButtons = $('#p-categorytree-portlet .CategoryTreeToggle');
var index = 0;
function processNext() {
if (index >= $toggleButtons.length) {
console.log("Разворачивание и сворачивание завершено.");
if (callback) {
callback();
}
return;
}
var $toggleButton = $($toggleButtons[index]);
console.log("Кликаем на кнопку: " + $toggleButton.data('ct-title'));
$toggleButton.click();
index++;
// Задержка перед следующим кликом
setTimeout(processNext, 50); // Можно поэкспериментировать со значением задержки
}
console.log("Начинаем разворачивать и сворачивать все категории...");
processNext();
}
$('body').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) {
window.location.href = link;
}
}
});
function scrollToCategory(categoryTitle) {
var $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
return $(this).text().trim() === categoryTitle;
});
if ($categoryItem.length) {
console.log("Категория найдена, перематываем...");
$('#p-categorytree-portlet').animate({
scrollTop: $categoryItem.position().top - 50
}, 500, function() {
$('#p-categorytree-portlet .CategoryTreeItem').removeClass('highlighted');
$categoryItem.addClass('highlighted');
});
return true;
}
return false;
}
function recursiveSearchForCategory() {
var currentPageTitle = mw.config.get('wgTitle');
if (!currentPageTitle) {
console.log("Не удалось определить текущую страницу.");
return;
}
console.log("Начинаем поиск категории для текущей страницы:", currentPageTitle);
if (scrollToCategory(currentPageTitle)) {
return;
}
}
// Вызываем функцию для восстановления дерева при загрузке страницы
$(document).ready(function() {
restoreTreeHTML();
// Отложенный вызов recursiveSearchForCategory
setTimeout(function() {
recursiveSearchForCategory();
}, 500);
});
});