MediaWiki:Common.js: различия между версиями
Shihov (обсуждение | вклад) Нет описания правки |
Shihov (обсуждение | вклад) Нет описания правки |
||
| Строка 2: | Строка 2: | ||
console.log("Скрипт дерева категорий загружен."); | console.log("Скрипт дерева категорий загружен."); | ||
function saveTreeHTML() { | function saveTreeHTML() { | ||
console.log("Сохраняем HTML дерева..."); | console.log("Сохраняем HTML дерева..."); | ||
var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').html(); | var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').html(); | ||
localStorage.setItem('categoryTreeHTML', treeHTML); | localStorage.setItem('categoryTreeHTML', treeHTML); | ||
} | } | ||
function restoreTreeHTML() { | function restoreTreeHTML() { | ||
console.log("Восстанавливаем HTML дерева..."); | console.log("Восстанавливаем HTML дерева..."); | ||
var treeHTML = localStorage.getItem('categoryTreeHTML'); | var treeHTML = localStorage.getItem('categoryTreeHTML'); | ||
if (treeHTML) { | if (treeHTML) { | ||
$('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML); | $('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML); | ||
} | } | ||
} | } | ||
restoreTreeHTML(); | restoreTreeHTML(); | ||
$('body').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) { | $('body').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) { | ||
var $target = $(event.target); | var $target = $(event.target); | ||
var $item = $(this); | 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; | ||
if ($target.hasClass('CategoryTreeToggle')) return; | |||
if ($target.hasClass('CategoryTreeToggle')) | |||
if ($target.is('a') && isCategory) { | if ($target.is('a') && isCategory) { | ||
event.preventDefault(); | event.preventDefault(); | ||
$toggleButton.click(); | $toggleButton.click(); | ||
} | } else if (isCategory) { | ||
$toggleButton.click(); | $toggleButton.click(); | ||
} | } else { | ||
var link = $item.find('a').attr('href'); | var link = $item.find('a').attr('href'); | ||
if (link) { | if (link) { | ||
saveTreeHTML(); | saveTreeHTML(); | ||
localStorage.setItem('lastOpenedPageTitle', $item.text().trim()); | localStorage.setItem('lastOpenedPageTitle', $item.text().trim()); | ||
| Строка 60: | Строка 39: | ||
} | } | ||
} | } | ||
saveTreeHTML(); | saveTreeHTML(); | ||
}); | }); | ||
setTimeout(function() { | setTimeout(function() { | ||
var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle'); | var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle'); | ||
if (lastOpenedPageTitle) { | if (lastOpenedPageTitle) { | ||
var $lastOpenedItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() { | var $lastOpenedItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() { | ||
return $(this).text().trim() === lastOpenedPageTitle; | return $(this).text().trim() === lastOpenedPageTitle; | ||
| Строка 75: | Строка 50: | ||
if ($lastOpenedItem.length) { | if ($lastOpenedItem.length) { | ||
$('#p-categorytree-portlet').animate({ | $('#p-categorytree-portlet').animate({ | ||
scrollTop: $lastOpenedItem.position().top - 50 | scrollTop: $lastOpenedItem.position().top - 50 | ||
}, 500); | }, 500, function() { | ||
// Добавляем подсветку на 1.5 секунды | |||
$lastOpenedItem.addClass('highlighted'); | |||
setTimeout(function() { | |||
$lastOpenedItem.removeClass('highlighted'); | |||
}, 1500); | |||
}); | |||
localStorage.removeItem('lastOpenedPageTitle'); | localStorage.removeItem('lastOpenedPageTitle'); | ||
} | } | ||
} | } | ||
}, 500); | }, 500); | ||
$(window).on('beforeunload', saveTreeHTML); | $(window).on('beforeunload', saveTreeHTML); | ||
}); | }); | ||