MediaWiki:Common.js: различия между версиями

Материал из База знаний АО АСП
Перейти к навигации Перейти к поиску
Нет описания правки
Нет описания правки
Строка 2: Строка 2:
     console.log("Скрипт дерева категорий загружен.");
     console.log("Скрипт дерева категорий загружен.");


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


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


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


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


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


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


    // Прокручиваем ТОЛЬКО дерево категорий, а не всю страницу
     setTimeout(function() {
     setTimeout(function() {
         var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle');
         var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle');
         if (lastOpenedPageTitle) {
         if (lastOpenedPageTitle) {
            console.log("Последняя открытая страница:", lastOpenedPageTitle);
             var $lastOpenedItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
             var $lastOpenedItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
                 return $(this).text().trim() === lastOpenedPageTitle;
                 return $(this).text().trim() === lastOpenedPageTitle;
Строка 75: Строка 50:


             if ($lastOpenedItem.length) {
             if ($lastOpenedItem.length) {
                console.log("Элемент найден, прокручиваем только дерево категорий.");
                // Прокручиваем ТОЛЬКО контейнер категорий, а не всю страницу
                 $('#p-categorytree-portlet').animate({
                 $('#p-categorytree-portlet').animate({
                     scrollTop: $lastOpenedItem.position().top - 50
                     scrollTop: $lastOpenedItem.position().top - 50
                 }, 500);
                 }, 500, function() {
                    // Добавляем подсветку на 1.5 секунды
                    $lastOpenedItem.addClass('highlighted');
                    setTimeout(function() {
                        $lastOpenedItem.removeClass('highlighted');
                    }, 1500);
                });


                 localStorage.removeItem('lastOpenedPageTitle');
                 localStorage.removeItem('lastOpenedPageTitle');
            } else {
                console.log("Элемент не найден.");
             }
             }
        } else {
            console.log("Заголовок последней открытой страницы не найден.");
         }
         }
     }, 500);
     }, 500);


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

Версия от 07:41, 27 февраля 2025

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

    function saveTreeHTML() {
        console.log("Сохраняем HTML дерева...");
        var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').html();
        localStorage.setItem('categoryTreeHTML', treeHTML);
    }

    function restoreTreeHTML() {
        console.log("Восстанавливаем HTML дерева...");
        var treeHTML = localStorage.getItem('categoryTreeHTML');
        if (treeHTML) {
            $('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML);
        }
    }

    restoreTreeHTML();

    $('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) {
                saveTreeHTML();
                localStorage.setItem('lastOpenedPageTitle', $item.text().trim());
                window.location.href = link;
            }
        }
        saveTreeHTML();
    });

    setTimeout(function() {
        var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle');
        if (lastOpenedPageTitle) {
            var $lastOpenedItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
                return $(this).text().trim() === lastOpenedPageTitle;
            });

            if ($lastOpenedItem.length) {
                $('#p-categorytree-portlet').animate({
                    scrollTop: $lastOpenedItem.position().top - 50
                }, 500, function() {
                    // Добавляем подсветку на 1.5 секунды
                    $lastOpenedItem.addClass('highlighted');
                    setTimeout(function() {
                        $lastOpenedItem.removeClass('highlighted');
                    }, 1500);
                });

                localStorage.removeItem('lastOpenedPageTitle');
            }
        }
    }, 500);

    $(window).on('beforeunload', saveTreeHTML);
});