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

Материал из База знаний АО АСП
Перейти к навигации Перейти к поиску
Нет описания правки
Метка: отменено
Нет описания правки
 
(не показаны 82 промежуточные версии этого же участника)
Строка 1: Строка 1:
$(document).ready(function () {
    // Если текущая страница — главная, сбрасываем localStorage
    if (mw.config.get('wgIsMainPage')) {
        console.log("Находимся на главной, сбрасываем сохранённое дерево");
        localStorage.removeItem('categoryTreeHTML');
        localStorage.removeItem('lastOpenedPageTitle');
        localStorage.removeItem('highlightedCategory');
    }
});
var highlightedCategory = localStorage.getItem('highlightedCategory');
if (highlightedCategory) {
    $('#p-categorytree-portlet').addClass('category-hidden');
    console.log("Скрыли при восстановлении по цели:", highlightedCategory);
}
//добавление кнопки вверх
$(document).ready(function () {
    // Создаём кнопку
    var $button = $('<div id="back-to-top">Вверх</div>').appendTo('body');
    // Показывать кнопку при прокрутке вниз
    $(window).scroll(function () {
        if ($(this).scrollTop() > 300) {
            $button.fadeIn();
        } else {
            $button.fadeOut();
        }
    });
    // Обработчик клика для плавного скролла вверх
    $button.click(function () {
        $('html, body').animate({ scrollTop: 0 }, 500);
        return false;
    });
});
//скрытие разделов и страниц если пусто
$(document).ready(function() {
$(document).ready(function() {
    console.log("JS скрипт для скрытия пустых разделов загружен.");
    function hideEmptySection(sectionId, listId) {
        var section = document.getElementById(sectionId);
        var list = document.getElementById(listId);
        if (!section || !list) {
            console.log(`Не найден элемент: ${section ? "список" : "заголовок"} для ${sectionId}`);
            return;
        }
        console.log(`Проверяем ${sectionId}: `, list.children.length, "элементов найдено.");
        if (list.children.length === 0) {
            section.style.display = "none";
            console.log(`Скрываем заголовок: ${sectionId}`);
        } else {
            console.log(`Оставляем заголовок: ${sectionId}`);
        }
    }
    // Проверяем и скрываем, если пустые
    hideEmptySection("section-header", "sections-list");
    hideEmptySection("pages-header", "page-list");
});
$(document).ready(function() {
     console.log("Скрипт дерева категорий загружен.");
     console.log("Скрипт дерева категорий загружен.");


     // Функция для сохранения HTML дерева в localStorage
 
 
 
 
 
     // Проверяем, авторизован ли пользователь
    var isUserLoggedIn = mw.config.get('wgUserName') !== null;
 
 
     function saveTreeHTML() {
     function saveTreeHTML() {
         console.log("Сохраняем HTML дерева...");
         console.log("Сохраняем HTML дерева...");
         var treeHTML = $('.CategoryTreeTag').html();
         var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').prop('outerHTML');
         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 && treeHTML !== "undefined") {
            console.log("HTML дерева из localStorage:", treeHTML);
             $('#p-categorytree-portlet .CategoryTreeTag').replaceWith(treeHTML);
             $('.CategoryTreeTag').html(treeHTML);
 
             console.log("HTML дерева восстановлен.");
           
              
         } else {
         } else {
             console.log("HTML дерева в localStorage не найден.");
             console.log("Ошибка: Дерево категорий повреждено, сбрасываем...");
            localStorage.removeItem('categoryTreeHTML');
         }
         }
        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();
        });
     }
     }


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


     // Делегируем обработку кликов на body
     function scrollToCategory(categoryTitle, callback) {
    $('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 $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
            return $(this).text().trim() === categoryTitle;
         });
 
 
if ($categoryItem.length) {
    console.log("Категория найдена, прокручиваем без анимации...");
 
    var $portlet = $('#p-categorytree-portlet');
$portlet.addClass('category-hidden');
    // Выполняем прокрутку
    $portlet.scrollTop($categoryItem.position().top - 50);
 
    // Подсветка
    $('.CategoryTreeItem').removeClass('highlighted');
    $categoryItem.addClass('highlighted');
 
    // Показываем дерево
    setTimeout(function() {
         $portlet.removeClass('category-hidden');
        if (callback) callback(true);
    }, 0); // можно увеличить задержку при необходимости
 
    localStorage.setItem('highlightedCategory', categoryTitle);
    return true;
}
 
 
 
 
        if (callback) callback(false);
        return false;
    }
 
    function searchAndExpandCategory(title, attempts = 0) {
        if (attempts > 1) {
            console.log("Категория не найдена даже после подмены, прекращаем попытки.");
       
         var $portlet = $('#p-categorytree-portlet');  
           


         // 1. Если клик был на toggle-кнопке, ничего не делаем
          
         if ($target.hasClass('CategoryTreeToggle')) {
    localStorage.removeItem('categoryTreeHTML');
            console.log("Клик на кнопке раскрытия, ничего не делаем.");
    localStorage.removeItem('lastOpenedPageTitle');
         localStorage.removeItem('highlightedCategory');
        console.log("Очистили всё");
        $portlet.removeClass('category-hidden');
             return;
             return;
         }
         }


        // 2. Если клик по ссылке категории
         if (scrollToCategory(title)) {
         if ($target.is('a') && isCategory) {
             return;
             // Предотвращаем переход по ссылке
        }
            event.preventDefault();
 
        console.log(`Категория '${title}' не найдена, пробуем 'Категория:Начало'...`);
        setTimeout(() => searchAndExpandCategory("Категория:Начало", attempts + 1), 100);
    }


            // Переключаем состояние категории (раскрываем или сворачиваем)
    function recursiveSearchForCategory() {
            console.log("Клик по ссылке категории, переключаем состояние:", $target.attr('href'));
        console.log("Очищаем `localStorage` перед поиском...");
            $toggleButton.click();
         localStorage.removeItem('lastOpenedPageTitle');
        }
        localStorage.removeItem('highlightedCategory');
        // 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);
                    // Сохраняем HTML дерева перед переходом
                    saveTreeHTML();
                    // Сохраняем заголовок страницы в localStorage
                      localStorage.setItem('lastOpenedPageTitle', $item.text().trim());
                    window.location.href = link;
                  }
        }
        // Сохраняем HTML дерева после каждого клика
        saveTreeHTML();
    });


    // Сохраняем HTML дерева при выгрузке страницы (например, при закрытии вкладки)
        var currentPageTitle = mw.config.get('wgTitle') || "Категория:Начало";
    $(window).on('beforeunload', saveTreeHTML);
});


$(document).ready(function() {
        console.log("Начинаем поиск категории для:", currentPageTitle);
    // После загрузки страницы
         searchAndExpandCategory(currentPageTitle);
    setTimeout(function() {
    }
        // Получаем заголовок последней открытой страницы из localStorage
         var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle');


        // Если заголовок есть в localStorage
recursiveSearchForCategory();
        if (lastOpenedPageTitle) {
            console.log("Последняя открытая страница:", lastOpenedPageTitle);


            // Ищем элемент дерева категорий с таким заголовком
            var $lastOpenedItem = $('.CategoryTreeItem').filter(function() {
                return $(this).text().trim() === lastOpenedPageTitle;
            });


            // Если элемент найден
    $(window).on('beforeunload', saveTreeHTML);
            if ($lastOpenedItem.length) {
                console.log("Элемент найден, прокручиваем к нему.");


                // Получаем контейнер дерева категорий
    attachCategoryEvents();
                var $treeContainer = $('#p-categorytree-portlet');
});


                // Рассчитываем позицию элемента относительно контейнера
                var itemTop = $lastOpenedItem.position().top;
                var itemBottom = itemTop + $lastOpenedItem.outerHeight();


                // Получаем видимую область контейнера
                var containerTop = $treeContainer.scrollTop();
                var containerBottom = containerTop + $treeContainer.height();


                // Проверяем, находится ли элемент за пределами видимой области
document.addEventListener("DOMContentLoaded", function () {
                if (itemTop < containerTop || itemBottom > containerBottom) {
    var categoryTree = document.getElementById("p-categorytree-portlet");
                    console.log("Элемент за пределами видимой области, прокручиваем контейнер.");


                    // Прокручиваем контейнер к элементу
    // Проверяем, что дерево категорий существует и пользователь на мобильном устройстве
                    $treeContainer.animate({
    if (categoryTree && window.innerWidth <= 768) {
                        scrollTop: containerTop + itemTop - 100 // Вычитаем 100px, чтобы элемент не прилипал к верху контейнера
        var toggleButton = document.createElement("div");
                    }, 500);
        toggleButton.id = "category-toggle";
                } else {
        toggleButton.innerHTML = "Категории ⋮";
                    console.log("Элемент в видимой области, прокрутка не требуется.");
                }


                // Добавляем класс для подсветки элемента
        // Вставляем кнопку перед деревом категорий
                $lastOpenedItem.addClass('last-opened-page');
        categoryTree.parentNode.insertBefore(toggleButton, categoryTree);


                // Удаляем заголовок из localStorage, чтобы больше не прокручивать
        // Обработчик клика
                 localStorage.removeItem('lastOpenedPageTitle');
        toggleButton.addEventListener("click", function () {
            if (categoryTree.style.display === "none" || categoryTree.style.display === "") {
                 categoryTree.style.display = "block";
                toggleButton.innerHTML = "Категории ▲";
             } else {
             } else {
                 console.log("Элемент не найден.");
                 categoryTree.style.display = "none";
                toggleButton.innerHTML = "Категории ⋮";
             }
             }
         } else {
         });
            console.log("Заголовок последней открытой страницы не найден.");
    }
         }
});
    }, 500); // Задержка в 500 миллисекунд
 
// Обработчик Ctrl+F5 для очистки localStorage
$(document).keydown(function(event) {
    if (event.ctrlKey && event.key === 'F2') {
        console.log("Ctrl+F2 нажато, очищаем localStorage...");
         localStorage.removeItem('categoryTreeHTML');
        localStorage.removeItem('lastOpenedPageTitle');
        localStorage.removeItem('highlightedCategory');
        $('#p-categorytree-portlet .CategoryTreeTag').remove(); // Удаляем дерево с страницы
        location.reload();
    }
});
});

Текущая версия от 14:13, 30 июня 2025

$(document).ready(function () {
    // Если текущая страница — главная, сбрасываем localStorage
    if (mw.config.get('wgIsMainPage')) {
        console.log("Находимся на главной, сбрасываем сохранённое дерево");
        localStorage.removeItem('categoryTreeHTML');
        localStorage.removeItem('lastOpenedPageTitle');
        localStorage.removeItem('highlightedCategory');
    }
});


var highlightedCategory = localStorage.getItem('highlightedCategory');
if (highlightedCategory) {
    $('#p-categorytree-portlet').addClass('category-hidden');
    console.log("Скрыли при восстановлении по цели:", highlightedCategory);
}

//добавление кнопки вверх
$(document).ready(function () {
    // Создаём кнопку
    var $button = $('<div id="back-to-top">Вверх</div>').appendTo('body');

    // Показывать кнопку при прокрутке вниз
    $(window).scroll(function () {
        if ($(this).scrollTop() > 300) {
            $button.fadeIn();
        } else {
            $button.fadeOut();
        }
    });

    // Обработчик клика для плавного скролла вверх
    $button.click(function () {
        $('html, body').animate({ scrollTop: 0 }, 500);
        return false;
    });
});



//скрытие разделов и страниц если пусто
$(document).ready(function() {
    console.log("JS скрипт для скрытия пустых разделов загружен.");

    function hideEmptySection(sectionId, listId) {
        var section = document.getElementById(sectionId);
        var list = document.getElementById(listId);

        if (!section || !list) {
            console.log(`Не найден элемент: ${section ? "список" : "заголовок"} для ${sectionId}`);
            return;
        }

        console.log(`Проверяем ${sectionId}: `, list.children.length, "элементов найдено.");

        if (list.children.length === 0) {
            section.style.display = "none";
            console.log(`Скрываем заголовок: ${sectionId}`);
        } else {
            console.log(`Оставляем заголовок: ${sectionId}`);
        }
    }

    // Проверяем и скрываем, если пустые
    hideEmptySection("section-header", "sections-list");
    hideEmptySection("pages-header", "page-list");
});



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






    // Проверяем, авторизован ли пользователь
    var isUserLoggedIn = mw.config.get('wgUserName') !== null;


    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 && treeHTML !== "undefined") {
            $('#p-categorytree-portlet .CategoryTreeTag').replaceWith(treeHTML);

            
            
        } else {
            console.log("Ошибка: Дерево категорий повреждено, сбрасываем...");
            localStorage.removeItem('categoryTreeHTML');
        }

        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("Категория найдена, прокручиваем без анимации...");

    var $portlet = $('#p-categorytree-portlet');
	$portlet.addClass('category-hidden');
	
    // Выполняем прокрутку
    $portlet.scrollTop($categoryItem.position().top - 50);

    // Подсветка
    $('.CategoryTreeItem').removeClass('highlighted');
    $categoryItem.addClass('highlighted');

    // Показываем дерево
    setTimeout(function() {
        $portlet.removeClass('category-hidden');
        if (callback) callback(true);
    }, 0); // можно увеличить задержку при необходимости

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




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

    function searchAndExpandCategory(title, attempts = 0) {
        if (attempts > 1) {
            console.log("Категория не найдена даже после подмены, прекращаем попытки.");
         
        var $portlet = $('#p-categorytree-portlet');    
            

        
    	localStorage.removeItem('categoryTreeHTML');
    	localStorage.removeItem('lastOpenedPageTitle');
        localStorage.removeItem('highlightedCategory');
        console.log("Очистили всё");
        $portlet.removeClass('category-hidden');
            return;
        }

        if (scrollToCategory(title)) {
            return;
        }

        console.log(`Категория '${title}' не найдена, пробуем 'Категория:Начало'...`);
        setTimeout(() => searchAndExpandCategory("Категория:Начало", attempts + 1), 100);
    }

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

        var currentPageTitle = mw.config.get('wgTitle') || "Категория:Начало";

        console.log("Начинаем поиск категории для:", currentPageTitle);
        searchAndExpandCategory(currentPageTitle);
    }

recursiveSearchForCategory();


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

    attachCategoryEvents();
});



document.addEventListener("DOMContentLoaded", function () {
    var categoryTree = document.getElementById("p-categorytree-portlet");

    // Проверяем, что дерево категорий существует и пользователь на мобильном устройстве
    if (categoryTree && window.innerWidth <= 768) {
        var toggleButton = document.createElement("div");
        toggleButton.id = "category-toggle";
        toggleButton.innerHTML = "Категории ⋮";

        // Вставляем кнопку перед деревом категорий
        categoryTree.parentNode.insertBefore(toggleButton, categoryTree);

        // Обработчик клика
        toggleButton.addEventListener("click", function () {
            if (categoryTree.style.display === "none" || categoryTree.style.display === "") {
                categoryTree.style.display = "block";
                toggleButton.innerHTML = "Категории ▲";
            } else {
                categoryTree.style.display = "none";
                toggleButton.innerHTML = "Категории ⋮";
            }
        });
    }
});

// Обработчик Ctrl+F5 для очистки localStorage
$(document).keydown(function(event) {
    if (event.ctrlKey && event.key === 'F2') {
        console.log("Ctrl+F2 нажато, очищаем localStorage...");
        localStorage.removeItem('categoryTreeHTML');
        localStorage.removeItem('lastOpenedPageTitle');
        localStorage.removeItem('highlightedCategory');
        $('#p-categorytree-portlet .CategoryTreeTag').remove(); // Удаляем дерево с страницы
        location.reload();
    }
});