База знаний АО АСП

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

← Предыдущая правкаСледующая правка →
Нет описания правки
Метка: ручная отмена
Нет описания правки
Строка 5: Строка 5:
     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);
         console.log("HTML дерева сохранен:", treeHTML);
Строка 16: Строка 16:
         if (treeHTML) {
         if (treeHTML) {
             console.log("HTML дерева из localStorage:", treeHTML);
             console.log("HTML дерева из localStorage:", treeHTML);
             $('.CategoryTreeTag').html(treeHTML);
             $('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML);
             console.log("HTML дерева восстановлен.");
             console.log("HTML дерева восстановлен.");
         } else {
         } else {
Строка 27: Строка 27:


     // Делегируем обработку кликов на body
     // Делегируем обработку кликов на body
     $('body').on('click', '.CategoryTreeItem', function(event) {
     $('body').on('click', '#p-categorytree-portlet .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; // Является ли элементом категорией
Строка 41: Строка 41:
         // 2. Если клик по ссылке категории
         // 2. Если клик по ссылке категории
         if ($target.is('a') && isCategory) {
         if ($target.is('a') && isCategory) {
            // Предотвращаем переход по ссылке
             event.preventDefault();
             event.preventDefault();
            // Переключаем состояние категории (раскрываем или сворачиваем)
             console.log("Клик по ссылке категории, переключаем состояние:", $target.attr('href'));
             console.log("Клик по ссылке категории, переключаем состояние:", $target.attr('href'));
             $toggleButton.click();
             $toggleButton.click();
         }
         }
        // 3. Если клик по элементу категории (не ссылке и не странице)
        // 3. Если клик по элементу категории (не ссылке и не странице)
         else if (isCategory) {
         else if (isCategory) {
            // Переключаем состояние категории (раскрываем или сворачиваем)
             console.log("Клик по категории (не ссылка), переключаем:", $item.text().trim());
             console.log("Клик по элементу категории (не ссылка), переключаем состояние:", $item.text().trim());
             $toggleButton.click();
             $toggleButton.click();
         }
         }
            // 4. Если клик по ссылке страницы или на элемент страницы
        // 4. Если клик по ссылке страницы
         else {
         else {
              // Получаем ссылку страницы
            var link = $item.find('a').attr('href');
                var link = $item.find('a').attr('href');
            if (link) {
              // Переходим по ссылке страницы
                console.log("Клик по элементу страницы, переходим:", link);
                if (link) {
                saveTreeHTML();
                    console.log("Клик по элементу страницы, переходим:", link);
                localStorage.setItem('lastOpenedPageTitle', $item.text().trim());
                    // Сохраняем HTML дерева перед переходом
                window.location.href = link;
                    saveTreeHTML();
            }
                    // Сохраняем заголовок страницы в localStorage
                      localStorage.setItem('lastOpenedPageTitle', $item.text().trim());
                    window.location.href = link;
                  }
         }
         }
         // Сохраняем HTML дерева после каждого клика
         // Сохраняем HTML дерева после каждого клика
Строка 72: Строка 64:
     });
     });


     // Сохраняем HTML дерева при выгрузке страницы (например, при закрытии вкладки)
     // Прокручиваем ТОЛЬКО дерево категорий, а не всю страницу
    $(window).on('beforeunload', saveTreeHTML);
});
 
$(document).ready(function() {
    // После загрузки страницы
     setTimeout(function() {
     setTimeout(function() {
        // Получаем заголовок последней открытой страницы из localStorage
         var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle');
         var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle');
        // Если заголовок есть в localStorage
         if (lastOpenedPageTitle) {
         if (lastOpenedPageTitle) {
             console.log("Последняя открытая страница:", lastOpenedPageTitle);
             console.log("Последняя открытая страница:", lastOpenedPageTitle);


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


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


                 // Прокручиваем страницу к элементу
                 // Прокручиваем ТОЛЬКО контейнер категорий, а не всю страницу
                 $('html, body').animate({
                 $('#p-categorytree-portlet').animate({
                     scrollTop: $lastOpenedItem.offset().top - 100 // Вычитаем 100px, чтобы элемент не прилипал к верху страницы
                     scrollTop: $lastOpenedItem.position().top - 50
                 }, 500);
                 }, 500);


                // Удаляем заголовок из localStorage, чтобы больше не прокручивать
                 localStorage.removeItem('lastOpenedPageTitle');
                 localStorage.removeItem('lastOpenedPageTitle');
             } else {
             } else {
Строка 108: Строка 89:
             console.log("Заголовок последней открытой страницы не найден.");
             console.log("Заголовок последней открытой страницы не найден.");
         }
         }
     }, 500); // Задержка в 500 миллисекунд
     }, 500);
 
    // Сохраняем HTML дерева при выгрузке страницы (например, при закрытии вкладки)
    $(window).on('beforeunload', saveTreeHTML);
});
});
Источник — https://pub.aoasp.ru/MediaWiki:Common.js