MediaWiki:Common.js

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

    // Делегируем обработку кликов на 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; // Является ли элементом категорией
        var isExpanded = $toggleButton.attr('aria-expanded') === 'true';

        // 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);
                     window.location.href = link;
                  }    

        }
    });
});


// Сохраняем состояние дерева в локальное хранилище
function saveTreeState() {
    var treeState = {};
    $('.CategoryTreeToggle').each(function() {
        var $toggle = $(this);
        treeState[$toggle.closest('.CategoryTreeItem').attr('id')] = $toggle.attr('aria-expanded');
    });
    localStorage.setItem('treeState', JSON.stringify(treeState));
}

// Восстанавливаем состояние дерева из локального хранилища
function restoreTreeState() {
    var treeState = localStorage.getItem('treeState');
    if (treeState) {
        treeState = JSON.parse(treeState);
        $('.CategoryTreeToggle').each(function() {
            var $toggle = $(this);
            var itemId = $toggle.closest('.CategoryTreeItem').attr('id');
            if (treeState[itemId] === 'true') {
                $toggle.click(); // Раскрываем категорию
            }
        });
    }
}

// Добавляем обработчик для сохранения состояния при клике на кнопки раскрытия/закрытия
$('.CategoryTreeToggle').on('click', saveTreeState);

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