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

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


    // Функция для сохранения HTML дерева в localStorage
     function saveTreeHTML() {
     function saveTreeHTML() {
         console.log("Сохраняем HTML дерева...");
         console.log("Сохраняем HTML дерева...");
         var treeHTML = $('.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);
             $('.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', '.CategoryTreeItem', function(event) {
         var $target = $(event.target);
         var $target = $(event.target);
         var $item = $(this); // Текущий элемент CategoryTreeItem
         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();
            $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();
    });


             // Переключаем состояние категории (раскрываем или сворачиваем)
    function scrollToCategory(categoryTitle) {
             console.log("Клик по ссылке категории, переключаем состояние:", $target.attr('href'));
        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');
            });
 
            localStorage.setItem('highlightedCategory', categoryTitle);
            return true;
        }
 
        return false;
    }
 
    function expandAndFindCategory($parent, callback) {
        var $toggleButton = $parent.find('.CategoryTreeToggle').first();
        if ($toggleButton.length && !$parent.hasClass('expanded')) {
             $toggleButton.click();
             $toggleButton.click();
            setTimeout(function() {
                if (scrollToCategory(mw.config.get('wgTitle'))) {
                    callback(true);
                } else {
                    callback(false);
                }
            }, 1000);
        } else {
            callback(false);
         }
         }
        // 3. Если клик по элементу категории (не ссылке и не странице)
    }
        else if (isCategory) {
 
            // Переключаем состояние категории (раскрываем или сворачиваем)
    function recursiveSearchForCategory() {
            console.log("Клик по элементу категории (не ссылка), переключаем состояние:", $item.text().trim());
        console.log("Очищаем localStorage перед поиском...");
             $toggleButton.click();
        localStorage.removeItem('lastOpenedPageTitle');
        localStorage.removeItem('highlightedCategory');
 
        var currentPageTitle = mw.config.get('wgTitle');
        if (!currentPageTitle) {
             console.log("Не удалось определить текущую страницу.");
            return;
         }
         }
            // 4. Если клик по ссылке страницы или на элемент страницы
 
         else  {
         console.log("Начинаем поиск категории для текущей страницы:", currentPageTitle);
              // Получаем ссылку страницы
 
                var link = $item.find('a').attr('href');
        if (scrollToCategory(currentPageTitle)) {
              // Переходим по ссылке страницы
            return;
                if (link) {
                    console.log("Клик по элементу страницы, переходим:", link);
                    // Сохраняем HTML дерева перед переходом
                    saveTreeHTML();
                    window.location.href = link;
                  }
         }
         }
        // Сохраняем HTML дерева после каждого клика
        saveTreeHTML();
    });


     // Сохраняем HTML дерева при выгрузке страницы (например, при закрытии вкладки)
        var $categoryItems = $('#p-categorytree-portlet .CategoryTreeItem');
        var index = 0;
 
        function processNext() {
            if (index >= $categoryItems.length) {
                console.log("Категория для текущей страницы не найдена.");
                return;
            }
 
            var $item = $($categoryItems[index]);
            expandAndFindCategory($item, function(found) {
                if (!found) {
                    index++;
                    processNext();
                }
            });
        }
 
        processNext();
    }
 
     setTimeout(function() {
        recursiveSearchForCategory();
    }, 500);
 
     $(window).on('beforeunload', saveTreeHTML);
     $(window).on('beforeunload', saveTreeHTML);
});
});

Версия от 09:52, 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();
    });

    function scrollToCategory(categoryTitle) {
        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');
            });

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

        return false;
    }

    function expandAndFindCategory($parent, callback) {
        var $toggleButton = $parent.find('.CategoryTreeToggle').first();
        if ($toggleButton.length && !$parent.hasClass('expanded')) {
            $toggleButton.click();

            setTimeout(function() {
                if (scrollToCategory(mw.config.get('wgTitle'))) {
                    callback(true);
                } else {
                    callback(false);
                }
            }, 1000);
        } else {
            callback(false);
        }
    }

    function recursiveSearchForCategory() {
        console.log("Очищаем localStorage перед поиском...");
        localStorage.removeItem('lastOpenedPageTitle');
        localStorage.removeItem('highlightedCategory');

        var currentPageTitle = mw.config.get('wgTitle');
        if (!currentPageTitle) {
            console.log("Не удалось определить текущую страницу.");
            return;
        }

        console.log("Начинаем поиск категории для текущей страницы:", currentPageTitle);

        if (scrollToCategory(currentPageTitle)) {
            return;
        }

        var $categoryItems = $('#p-categorytree-portlet .CategoryTreeItem');
        var index = 0;

        function processNext() {
            if (index >= $categoryItems.length) {
                console.log("Категория для текущей страницы не найдена.");
                return;
            }

            var $item = $($categoryItems[index]);
            expandAndFindCategory($item, function(found) {
                if (!found) {
                    index++;
                    processNext();
                }
            });
        }

        processNext();
    }

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

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