MediaWiki:Common.js

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

    // Функция для сохранения состояния дерева в localStorage
    function saveTreeState() {
        console.log("Сохраняем состояние дерева...");
        var treeState = {};
        $('.CategoryTreeToggle').each(function() {
            var $toggle = $(this);
            var $section = $toggle.closest('.CategoryTreeSection');
            var title = $toggle.data('ct-title'); // Получаем data-ct-title
            if (title) {
                var isVisible = $section.find('.CategoryTreeChildren').css('display') !== 'none';
                treeState[title] = isVisible; // Сохраняем состояние видимости
            }
        });
        localStorage.setItem('categoryTreeState', JSON.stringify(treeState));
        console.log("Состояние дерева сохранено:", treeState);
    }

    // Функция для восстановления состояния дерева из localStorage
    function restoreTreeState() {
        console.log("Восстанавливаем состояние дерева...");
        var treeStateString = localStorage.getItem('categoryTreeState');
        if (treeStateString) {
            var treeState = JSON.parse(treeStateString);
            console.log("Состояние дерева из localStorage:", treeState);
            $('.CategoryTreeToggle').each(function() {
                var $toggle = $(this);
                var $section = $toggle.closest('.CategoryTreeSection');
                var title = $toggle.data('ct-title'); // Получаем data-ct-title
                var $children = $section.find('.CategoryTreeChildren');

                if (title && treeState[title] === true) {
                    console.log("Раскрываем категорию:", title);
                    $children.css('display', ''); // Удаляем display: none;
                    console.log("Состояние display после раскрытия:", $children.css('display'));
                } else if (title && treeState[title] === false) {
                     console.log("Скрываем категорию:", title);
                     $children.css('display', 'none'); // Добавляем display: none;
                     console.log("Состояние display после скрытия:", $children.css('display'));
                }
            });
        } else {
            console.log("Состояние дерева в localStorage не найдено.");
        }
    }

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

    // Делегируем обработку кликов на 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'));
            var $section = $toggleButton.closest('.CategoryTreeSection');
             var $children = $section.find('.CategoryTreeChildren');
            if ($children.css('display') === 'none') {
                 $children.css('display', ''); // Раскрываем категорию
            } else {
                 $children.css('display', 'none'); // Скрываем категорию
            }
        }
         // 3. Если клик по элементу категории (не ссылке и не странице)
        else if (isCategory) {
            // Переключаем состояние категории (раскрываем или сворачиваем)
            console.log("Клик по элементу категории (не ссылка), переключаем состояние:", $item.text().trim());
               var $section = $toggleButton.closest('.CategoryTreeSection');
             var $children = $section.find('.CategoryTreeChildren');
            if ($children.css('display') === 'none') {
                 $children.css('display', ''); // Раскрываем категорию
            } else {
                 $children.css('display', 'none'); // Скрываем категорию
            }
        }
            // 4. Если клик по ссылке страницы или на элемент страницы
        else  {
              // Получаем ссылку страницы
                var link = $item.find('a').attr('href');
              // Переходим по ссылке страницы
                 if (link) {
                    console.log("Клик по элементу страницы, переходим:", link);
                    // Сохраняем состояние дерева перед переходом
                     saveTreeState();
                     window.location.href = link;
                  }
        }
        // Сохраняем состояние дерева после каждого клика
        saveTreeState();
    });
    // Сохраняем состояние дерева при выгрузке страницы (например, при закрытии вкладки)
    $(window).on('beforeunload', saveTreeState);
});