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

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

← Предыдущая правкаСледующая правка →
Нет описания правки
Нет описания правки
Строка 2: Строка 2:
     console.log("Скрипт дерева категорий загружен.");
     console.log("Скрипт дерева категорий загружен.");


     // Функция для сохранения состояния дерева в localStorage
     // Функция для сохранения HTML дерева в localStorage
     function saveTreeState() {
     function saveTreeHTML() {
         console.log("Сохраняем состояние дерева...");
         console.log("Сохраняем HTML дерева...");
         var treeState = {};
         var treeHTML = $('.CategoryTreeTag').html();
        $('.CategoryTreeToggle').each(function() {
         localStorage.setItem('categoryTreeHTML', treeHTML);
            var $toggle = $(this);
         console.log("HTML дерева сохранен:", treeHTML);
            var $section = $toggle.closest('.CategoryTreeSection');
            var title = $toggle.data('ct-title'); // Получаем data-ct-title
            if (title) {
                var isVisible = $section.find('.CategoryTreeChildren').css('display') !== 'none';
                treeState[title] = isVisible; // Сохраняем состояние видимости
            }
        });
         localStorage.setItem('categoryTreeState', JSON.stringify(treeState));
         console.log("Состояние дерева сохранено:", treeState);
     }
     }


     // Функция для восстановления состояния дерева из localStorage
     // Функция для восстановления HTML дерева из localStorage
     function restoreTreeState() {
     function restoreTreeHTML() {
         console.log("Восстанавливаем состояние дерева...");
         console.log("Восстанавливаем HTML дерева...");
         var treeStateString = localStorage.getItem('categoryTreeState');
         var treeHTML = localStorage.getItem('categoryTreeHTML');
         if (treeStateString) {
         if (treeHTML) {
            var treeState = JSON.parse(treeStateString);
             console.log("HTML дерева из localStorage:", treeHTML);
             console.log("Состояние дерева из localStorage:", treeState);
             $('.CategoryTreeTag').html(treeHTML);
             $('.CategoryTreeToggle').each(function() {
            console.log("HTML дерева восстановлен.");
                var $toggle = $(this);
                var $section = $toggle.closest('.CategoryTreeSection');
                var title = $toggle.data('ct-title'); // Получаем data-ct-title
                var $children = $section.find('.CategoryTreeChildren');
 
                if (title && treeState[title] === true) {
                    console.log("Раскрываем категорию:", title);
                    $children.css('display', ''); // Удаляем display: none;
                    console.log("Состояние display после раскрытия:", $children.css('display'));
                } else if (title && treeState[title] === false) {
                    console.log("Скрываем категорию:", title);
                    $children.css('display', 'none'); // Добавляем display: none;
                    console.log("Состояние display после скрытия:", $children.css('display'));
                }
            });
         } else {
         } else {
             console.log("Состояние дерева в localStorage не найдено.");
             console.log("HTML дерева в localStorage не найден.");
         }
         }
     }
     }


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


     // Делегируем обработку кликов на body
     // Делегируем обработку кликов на body
Строка 70: Строка 46:
             // Переключаем состояние категории (раскрываем или сворачиваем)
             // Переключаем состояние категории (раскрываем или сворачиваем)
             console.log("Клик по ссылке категории, переключаем состояние:", $target.attr('href'));
             console.log("Клик по ссылке категории, переключаем состояние:", $target.attr('href'));
             var $section = $toggleButton.closest('.CategoryTreeSection');
             $toggleButton.click();
            var $children = $section.find('.CategoryTreeChildren');
            if ($children.css('display') === 'none') {
                $children.css('display', ''); // Раскрываем категорию
            } else {
                $children.css('display', 'none'); // Скрываем категорию
            }
         }
         }
         // 3. Если клик по элементу категории (не ссылке и не странице)
         // 3. Если клик по элементу категории (не ссылке и не странице)
Строка 82: Строка 52:
             // Переключаем состояние категории (раскрываем или сворачиваем)
             // Переключаем состояние категории (раскрываем или сворачиваем)
             console.log("Клик по элементу категории (не ссылка), переключаем состояние:", $item.text().trim());
             console.log("Клик по элементу категории (не ссылка), переключаем состояние:", $item.text().trim());
              var $section = $toggleButton.closest('.CategoryTreeSection');
            $toggleButton.click();
            var $children = $section.find('.CategoryTreeChildren');
            if ($children.css('display') === 'none') {
                $children.css('display', ''); // Раскрываем категорию
            } else {
                $children.css('display', 'none'); // Скрываем категорию
            }
         }
         }
             // 4. Если клик по ссылке страницы или на элемент страницы
             // 4. Если клик по ссылке страницы или на элемент страницы
Строка 97: Строка 61:
                 if (link) {
                 if (link) {
                     console.log("Клик по элементу страницы, переходим:", link);
                     console.log("Клик по элементу страницы, переходим:", link);
                     // Сохраняем состояние дерева перед переходом
                     // Сохраняем HTML дерева перед переходом
                     saveTreeState();
                     saveTreeHTML();
                     window.location.href = link;
                     window.location.href = link;
                   }
                   }
         }
         }
         // Сохраняем состояние дерева после каждого клика
         // Сохраняем HTML дерева после каждого клика
         saveTreeState();
         saveTreeHTML();
     });
     });
     // Сохраняем состояние дерева при выгрузке страницы (например, при закрытии вкладки)
 
     $(window).on('beforeunload', saveTreeState);
     // Сохраняем HTML дерева при выгрузке страницы (например, при закрытии вкладки)
     $(window).on('beforeunload', saveTreeHTML);
});
});
Источник — https://pub.aoasp.ru/MediaWiki:Common.js