MediaWiki:Common.js

$(document).ready(function() {
    console.log("Скрипт дерева категорий загружен.");

    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("Категория найдена, перематываем...");
            $('#p-categorytree-portlet').animate({
                scrollTop: $categoryItem.position().top - 50
            }, 500, function() {
                $('.CategoryTreeItem').removeClass('highlighted');
                $categoryItem.addClass('highlighted');
                if (callback) callback(true);
            });

            localStorage.setItem('highlightedCategory', categoryTitle);
            return true;
        }

        if (callback) callback(false);
        return false;
    }

    function searchAndExpandCategory(title, attempts = 0) {
        if (attempts > 1) {
            console.log("Категория не найдена даже после подмены, прекращаем попытки.");
            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);
    }

    setTimeout(function() {
        recursiveSearchForCategory();
    }, 500);

    $(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 = "Категории ⋮";
            }
        });
    }
});