MediaWiki:Common.js

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

    // Функция для сохранения HTML дерева в localStorage
    function saveTreeHTML() {
        console.log("Сохраняем HTML дерева...");
        var treeHTML = $('.CategoryTreeTag').html();
        localStorage.setItem('categoryTreeHTML', treeHTML);
        console.log("HTML дерева сохранен:", treeHTML);
    }

    // Функция для восстановления HTML дерева из localStorage
    function restoreTreeHTML() {
        console.log("Восстанавливаем HTML дерева...");
        var treeHTML = localStorage.getItem('categoryTreeHTML');
        if (treeHTML) {
            console.log("HTML дерева из localStorage:", treeHTML);
            $('.CategoryTreeTag').html(treeHTML);
            console.log("HTML дерева восстановлен.");
        } else {
            console.log("HTML дерева в localStorage не найден.");
        }
    }

    // Восстанавливаем HTML дерева при загрузке страницы
    restoreTreeHTML();

    // Делегируем обработку кликов на body
    $('body').on('click', '.CategoryTreeItem', function(event) {
        var $target = $(event.target);
        var $item = $(this); // Текущий элемент CategoryTreeItem
        var $toggleButton = $item.find('.CategoryTreeToggle').first();
        var isCategory = !$item.find('.CategoryTreePageBullet').length; // Является ли элементом категорией

        // 1. Если клик был на toggle-кнопке, ничего не делаем
        if ($target.hasClass('CategoryTreeToggle')) {
            console.log("Клик на кнопке раскрытия, ничего не делаем.");
            return;
        }

        // 2. Если клик по ссылке категории
        if ($target.is('a') && isCategory) {
            // Предотвращаем переход по ссылке
            event.preventDefault();

            // Переключаем состояние категории (раскрываем или сворачиваем)
            console.log("Клик по ссылке категории, переключаем состояние:", $target.attr('href'));
            $toggleButton.click();
        }
         // 3. Если клик по элементу категории (не ссылке и не странице)
        else if (isCategory) {
            // Переключаем состояние категории (раскрываем или сворачиваем)
            console.log("Клик по элементу категории (не ссылка), переключаем состояние:", $item.text().trim());
            $toggleButton.click();
        }
            // 4. Если клик по ссылке страницы или на элемент страницы
        else  {
              // Получаем ссылку страницы
                var link = $item.find('a').attr('href');
              // Переходим по ссылке страницы
                 if (link) {
                    console.log("Клик по элементу страницы, переходим:", link);
                    // Сохраняем HTML дерева перед переходом
                    saveTreeHTML();
                     // Сохраняем заголовок страницы в localStorage
                      localStorage.setItem('lastOpenedPageTitle', $item.text().trim());
                     window.location.href = link;
                  }
        }
        // Сохраняем HTML дерева после каждого клика
        saveTreeHTML();
    });

    // Сохраняем HTML дерева при выгрузке страницы (например, при закрытии вкладки)
    $(window).on('beforeunload', saveTreeHTML);
});

$(document).ready(function() {
    // После загрузки страницы
    setTimeout(function() {
        // Получаем заголовок последней открытой страницы из localStorage
        var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle');

        // Если заголовок есть в localStorage
        if (lastOpenedPageTitle) {
            console.log("Последняя открытая страница:", lastOpenedPageTitle);

            // Ищем элемент дерева категорий с таким заголовком
            var $lastOpenedItem = $('.CategoryTreeItem').filter(function() {
                return $(this).text().trim() === lastOpenedPageTitle;
            });

            // Если элемент найден
            if ($lastOpenedItem.length) {
                console.log("Элемент найден, прокручиваем к нему.");

                // Получаем контейнер дерева категорий
                var $treeContainer = $('.CategoryTreeTag');

                // Рассчитываем позицию элемента относительно контейнера
                var itemTop = $lastOpenedItem.position().top;
                var itemBottom = itemTop + $lastOpenedItem.outerHeight();

                // Получаем видимую область контейнера
                var containerTop = $treeContainer.scrollTop();
                var containerBottom = containerTop + $treeContainer.height();

                // Проверяем, находится ли элемент за пределами видимой области
                if (itemTop < containerTop || itemBottom > containerBottom) {
                    console.log("Элемент за пределами видимой области, прокручиваем контейнер.");

                    // Прокручиваем контейнер к элементу
                    $treeContainer.animate({
                        scrollTop: itemTop + containerTop - 100 // Вычитаем 100px, чтобы элемент не прилипал к верху контейнера
                    }, 500);
                } else {
                    console.log("Элемент в видимой области, прокрутка не требуется.");
                }

                // Добавляем класс для подсветки элемента
                $lastOpenedItem.addClass('last-opened-page');

                // Удаляем заголовок из localStorage, чтобы больше не прокручивать
                localStorage.removeItem('lastOpenedPageTitle');
            } else {
                console.log("Элемент не найден.");
            }
        } else {
            console.log("Заголовок последней открытой страницы не найден.");
        }
    }, 500); // Задержка в 500 миллисекунд
});