oss/miniflux-v2
oss/miniflux-v2
1
0
Fork 0
mirror of https://github.com/miniflux/v2.git synced 2025-08-01 17:38:37 +00:00
Code Wiki Activity

refactor handleEntryStatus / goToNextListItem / goToPrevListItem

Browse source
This commit is contained in:
Thiago Perrotta 2022-01-31 22:57:14 -05:00 • committed by Frédéric Guillot
parent 824fc310a9
commit 3243d88c9b
2 changed files with 32 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

123
ui/static/js/app.js
View file

@ -127,9 +127,14 @@ function markPageAsRead() {
}
}
// Handle entry status changes from the list view and entry view.
// Focus the previous entry if it exists.
function handleEntryStatus(element, setToRead) {
/**
* Handle entry status changes from the list view and entry view.
* Focus the next or the previous entry if it exists.
* @param {string} item Item to focus: "previous" or "next".
* @param {Element} element
* @param {boolean} setToRead
*/
function handleEntryStatus(item, element, setToRead) {
let toasting = !element;
let currentEntry = findEntry(element);
if (currentEntry) {
@ -137,22 +142,14 @@ function handleEntryStatus(element, setToRead) {
toggleEntryStatus(currentEntry, toasting);
}
if (isListView() && currentEntry.classList.contains('current-item')) {
goToNextListItem();
}
}
}
// Handle entry status changes from the list view and entry view.
// Focus the next entry if it exists.
function handleEntryStatusNext(element, setToRead) {
let toasting = !element;
let currentEntry = findEntry(element);
if (currentEntry) {
if (!setToRead || currentEntry.querySelector("a[data-toggle-status]").dataset.value == "unread") {
toggleEntryStatus(currentEntry, toasting);
}
if (isListView() && currentEntry.classList.contains('current-item')) {
goToPrevListItem();
switch (item) {
case "previous":
goToListItem(-1);
break;
case "next":
goToListItem(1);
break;
}
}
}
}
@ -363,7 +360,7 @@ function openOriginalLink(openLinkInCurrentTab) {
let currentItem = document.querySelector(".current-item");
// If we are not on the list of starred items, move to the next item
if (document.location.href != document.querySelector('a[data-page=starred]').href) {
goToNextListItem();
goToListItem(1);
}
markEntryAsRead(currentItem);
}
@ -428,7 +425,7 @@ function goToPage(page, fallbackSelf) {
function goToPrevious() {
if (isListView()) {
goToPreviousListItem();
goToListItem(-1);
} else {
goToPage("previous");
}
@ -436,7 +433,7 @@ function goToPrevious() {
function goToNext() {
if (isListView()) {
goToNextListItem();
goToListItem(1);
} else {
goToPage("next");
}
@ -464,7 +461,10 @@ function goToFeed() {
}
}
function goToPreviousListItem() {
/**
* @param {number} offset How many items to jump for focus.
*/
function goToListItem(offset) {
let items = DomHelper.getVisibleElements(".items .item");
if (items.length === 0) {
return;
@ -480,80 +480,11 @@ function goToPreviousListItem() {
if (items[i].classList.contains("current-item")) {
items[i].classList.remove("current-item");
let nextItem;
if (i - 1 >= 0) {
nextItem = items[i - 1];
} else {
nextItem = items[items.length - 1];
}
let item = items[(i + offset + items.length) % items.length];
nextItem.classList.add("current-item");
DomHelper.scrollPageTo(nextItem);
nextItem.querySelector('.item-header a').focus();
break;
}
}
}
function goToNextListItem() {
let items = DomHelper.getVisibleElements(".items .item");
if (items.length === 0) {
return;
}
if (document.querySelector(".current-item") === null) {
items[0].classList.add("current-item");
items[0].querySelector('.item-header a').focus();
return;
}
for (let i = 0; i < items.length; i++) {
if (items[i].classList.contains("current-item")) {
items[i].classList.remove("current-item");
let nextItem;
if (i + 1 < items.length) {
nextItem = items[i + 1];
} else {
nextItem = items[0];
}
nextItem.classList.add("current-item");
DomHelper.scrollPageTo(nextItem);
nextItem.querySelector('.item-header a').focus();
break;
}
}
}
function goToPrevListItem() {
let items = DomHelper.getVisibleElements(".items .item");
if (items.length === 0) {
return;
}
if (document.querySelector(".current-item") === null) {
items[0].classList.add("current-item");
items[0].querySelector('.item-header a').focus();
return;
}
for (let i = 0; i < items.length; i++) {
if (items[i].classList.contains("current-item")) {
items[i].classList.remove("current-item");
let prevItem;
if (i - 1 >= 0) {
prevItem = items[i - 1];
} else {
prevItem = items[items.length - 1];
}
prevItem.classList.add("current-item");
DomHelper.scrollPageTo(prevItem);
prevItem.querySelector('.item-header a').focus();
item.classList.add("current-item");
DomHelper.scrollPageTo(item);
item.querySelector('.item-header a').focus();
break;
}