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

Материал из База знаний АО АСП
Перейти к навигации Перейти к поиску
Нет описания правки
Метка: отменено
Нет описания правки
Метка: отменено
Строка 6: Строка 6:
         var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').prop('outerHTML');
         var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').prop('outerHTML');
         localStorage.setItem('categoryTreeHTML', treeHTML);
         localStorage.setItem('categoryTreeHTML', treeHTML);
        var expandedCategories = [];
        $('#p-categorytree-portlet .CategoryTreeItem.expanded').each(function() {
            expandedCategories.push($(this).text().trim());
        });
        localStorage.setItem('expandedCategories', JSON.stringify(expandedCategories));
     }
     }


Строка 22: Строка 16:
         }
         }


        // Восстанавливаем только верхние уровни категорий
         // Повторно навешиваем обработчики событий после восстановления
        var expandedCategories = JSON.parse(localStorage.getItem('expandedCategories')) || [];
        $('#p-categorytree-portlet .CategoryTreeItem').each(function() {
            var categoryName = $(this).text().trim();
            if (expandedCategories.includes(categoryName)) {
                $(this).find('.CategoryTreeToggle').first().click();
            }
        });
 
         // Повторно навешиваем обработчики событий
         attachCategoryEvents();
         attachCategoryEvents();
     }
     }


     function attachCategoryEvents() {
     function attachCategoryEvents() {
         console.log("Повторно навешиваем обработчики событий...");
         console.log("Навешиваем обработчики событий...");


         $('body').off('click', '#p-categorytree-portlet .CategoryTreeItem').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) {
         $('body').off('click', '#p-categorytree-portlet .CategoryTreeItem').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) {
Строка 80: Строка 65:
             });
             });


            localStorage.setItem('highlightedCategory', categoryTitle);
             return true;
             return true;
         }
         }
Строка 88: Строка 72:
     }
     }


     function expandAndFindCategory($parent, callback) {
     function expandParentCategories($categoryItem, callback) {
         var $toggleButton = $parent.find('.CategoryTreeToggle').first();
         var $parentCategory = $categoryItem.closest('.CategoryTreeChildren').prev('.CategoryTreeItem');
        if ($toggleButton.length && !$parent.hasClass('expanded')) {
        if ($parentCategory.length) {
            console.log("Раскрываем:", $parent.text().trim());
            var $toggleButton = $parentCategory.find('.CategoryTreeToggle').first();
            $toggleButton.click();
            if ($toggleButton.length && !$parentCategory.hasClass('expanded')) {
 
                console.log("Раскрываем родителя:", $parentCategory.text().trim());
            setTimeout(function() {
                $toggleButton.click();
                if (scrollToCategory(mw.config.get('wgTitle'))) {
                setTimeout(function() {
                    callback(true);
                    expandParentCategories($parentCategory, callback);
                } else {
                }, 800);
                    callback(false);
            } else {
                }
                callback();
             }, 1000);
             }
         } else {
         } else {
             callback(false);
             callback();
         }
         }
     }
     }


     function resetCategoryTree() {
     function collapseAllExcept($categoryItem) {
         console.log("Категория не найдена. Очищаем данные и сбрасываем дерево.");
         console.log("Сворачиваем все категории, кроме текущей...");
        localStorage.removeItem('categoryTreeHTML');
        localStorage.removeItem('lastOpenedPageTitle');
        localStorage.removeItem('highlightedCategory');
        localStorage.removeItem('expandedCategories');


        // Оставляем верхний уровень категорий открытым
         $('#p-categorytree-portlet .CategoryTreeItem').not($categoryItem).each(function() {
         $('#p-categorytree-portlet .CategoryTreeItem').each(function() {
             var $toggleButton = $(this).find('.CategoryTreeToggle').first();
             if ($(this).parents('.CategoryTreeChildren').length === 0) {
            if ($toggleButton.length && $(this).hasClass('expanded')) {
                $(this).find('.CategoryTreeToggle').first().click();
                $toggleButton.click();
             }
             }
         });
         });
        // Повторно навешиваем обработчики событий
        attachCategoryEvents();
     }
     }


Строка 127: Строка 104:
         console.log("Очищаем `localStorage` перед поиском...");
         console.log("Очищаем `localStorage` перед поиском...");
         localStorage.removeItem('lastOpenedPageTitle');
         localStorage.removeItem('lastOpenedPageTitle');
        localStorage.removeItem('highlightedCategory');


         var currentPageTitle = mw.config.get('wgTitle');
         var currentPageTitle = mw.config.get('wgTitle');
Строка 135: Строка 111:
         }
         }


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


         if (scrollToCategory(currentPageTitle)) {
         var $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
             return;
             return $(this).text().trim() === currentPageTitle;
         }
         });


         var $categoryItems = $('#p-categorytree-portlet .CategoryTreeItem');
         if ($categoryItem.length) {
        if ($categoryItems.length === 0) {
            expandParentCategories($categoryItem, function() {
             resetCategoryTree();
                scrollToCategory(currentPageTitle);
                collapseAllExcept($categoryItem);
             });
             return;
             return;
         }
         }


         var index = 0;
         console.log("Категория не найдена.");
        function processNext() {
            if (index >= $categoryItems.length) {
                console.log("Категория не найдена. Сбрасываем дерево.");
                resetCategoryTree();
                return;
            }
 
            var $item = $($categoryItems[index]);
            expandAndFindCategory($item, function(found) {
                if (!found) {
                    index++;
                    processNext();
                }
            });
        }
 
        processNext();
     }
     }



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

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

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

    function restoreTreeHTML() {
        console.log("Восстанавливаем HTML дерева...");

        var treeHTML = localStorage.getItem('categoryTreeHTML');
        if (treeHTML) {
            $('#p-categorytree-portlet .CategoryTreeTag').replaceWith(treeHTML);
        }

        // Повторно навешиваем обработчики событий после восстановления
        attachCategoryEvents();
    }

    function attachCategoryEvents() {
        console.log("Навешиваем обработчики событий...");

        $('body').off('click', '#p-categorytree-portlet .CategoryTreeItem').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();
        });
    }

    restoreTreeHTML();

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

            return true;
        }

        if (callback) callback(false);
        return false;
    }

    function expandParentCategories($categoryItem, callback) {
        var $parentCategory = $categoryItem.closest('.CategoryTreeChildren').prev('.CategoryTreeItem');
        if ($parentCategory.length) {
            var $toggleButton = $parentCategory.find('.CategoryTreeToggle').first();
            if ($toggleButton.length && !$parentCategory.hasClass('expanded')) {
                console.log("Раскрываем родителя:", $parentCategory.text().trim());
                $toggleButton.click();
                setTimeout(function() {
                    expandParentCategories($parentCategory, callback);
                }, 800);
            } else {
                callback();
            }
        } else {
            callback();
        }
    }

    function collapseAllExcept($categoryItem) {
        console.log("Сворачиваем все категории, кроме текущей...");

        $('#p-categorytree-portlet .CategoryTreeItem').not($categoryItem).each(function() {
            var $toggleButton = $(this).find('.CategoryTreeToggle').first();
            if ($toggleButton.length && $(this).hasClass('expanded')) {
                $toggleButton.click();
            }
        });
    }

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

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

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

        var $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
            return $(this).text().trim() === currentPageTitle;
        });

        if ($categoryItem.length) {
            expandParentCategories($categoryItem, function() {
                scrollToCategory(currentPageTitle);
                collapseAllExcept($categoryItem);
            });
            return;
        }

        console.log("Категория не найдена.");
    }

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

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

    // Первичная инициализация обработчиков событий
    attachCategoryEvents();
});