cd13efeabf
Only the unread counter is updated right know. The AutoUpdate Feature is designed on the premise of don't wasting resources. A distinction is made between updates when Miniflux is visible or hidden. To determine the visibility status, the Page Visibility API is used. The API is available starting with Chrome 33, Firefox 18 and IE10. [https://developer.mozilla.org/en-US/docs/Web/Guide/User_experience/Using_the_Page_Visibility_API] As IE9 returns an undefined, it doesn't break the compatibility at least. If Miniflux is visible, the unread counter on the web page is updated as soon as a mismatch between the counter and the number of unread articles in the database is found. If Miniflux is hidden, the timestamp of the most recent article from each feed is compared with the value from the last run. We have an update If the timestamp of the latest article is greater than the stored one and the latest article is unread. The web page title is updated with a ? symbol to notify the user and the update check pauses till Miniflux gets visible again. If Miniflux gets visible again, the number of unread articles is queried from the database, the unread counter on the web page is updated and finally the ? symbol is removed from the web page title. This way I can use my fever API client to read new articles (or at least the latest article) while Miniflux is hidden and as I've seen the new articles already a new articles notification is prevented. It's intentionally that the page does not reload automatically as long as articles are visible. If I'm in hurry, I only scroll through the articles to spot something interesting. Most of the time I don't reach the last article. If the page is reloaded while I'm away, I would have to scan from the top again. If we're on a nothing_to_read page and have unread articles in the database, a redirect to the unread page will be done. The default update check interval is 10 minutes and can be changed on the settings page. A zero value disables the update check entirely. fixes #213
369 lines
12 KiB
JavaScript
369 lines
12 KiB
JavaScript
Miniflux.Item = (function() {
|
|
|
|
// timestamp of the latest item per feed ever seen
|
|
var latest_feeds_items = [];
|
|
|
|
// indicator for new unread items
|
|
var unreadItems = false;
|
|
|
|
var nbUnreadItems = function() {
|
|
var navCounterElement = document.getElementById("nav-counter");
|
|
|
|
if (navCounterElement) {
|
|
counter = parseInt(navCounterElement.textContent, 10) || 0;
|
|
return counter;
|
|
}
|
|
}();
|
|
|
|
var nbPageItems = function() {
|
|
var pageCounterElement = document.getElementById("page-counter");
|
|
|
|
if (pageCounterElement) {
|
|
counter = parseInt(pageCounterElement.textContent, 10) || 0;
|
|
return counter;
|
|
}
|
|
}();
|
|
|
|
function getItemID(item)
|
|
{
|
|
item_id = item.getAttribute("data-item-id");
|
|
return item_id;
|
|
}
|
|
|
|
function changeLabel(link)
|
|
{
|
|
if (link && link.hasAttribute("data-reverse-label")) {
|
|
var content = link.innerHTML;
|
|
link.innerHTML = link.getAttribute("data-reverse-label");
|
|
link.setAttribute("data-reverse-label", content);
|
|
}
|
|
}
|
|
|
|
function changeBookmarkLabel(item)
|
|
{
|
|
var link = item.querySelector("a.bookmark");
|
|
changeLabel(link);
|
|
}
|
|
|
|
function changeStatusLabel(item)
|
|
{
|
|
var link = item.querySelector("a.mark");
|
|
changeLabel(link);
|
|
}
|
|
|
|
function showItemAsRead(item)
|
|
{
|
|
if (item.getAttribute("data-hide")) {
|
|
hideItem(item);
|
|
}
|
|
else {
|
|
item.setAttribute("data-item-status", "read");
|
|
changeStatusLabel(item);
|
|
|
|
// Change action
|
|
var link = item.querySelector("a.mark");
|
|
if (link) link.setAttribute("data-action", "mark-unread");
|
|
}
|
|
|
|
nbUnreadItems--;
|
|
updateCounters();
|
|
}
|
|
|
|
function showItemAsUnread(item)
|
|
{
|
|
if (item.getAttribute("data-hide")) {
|
|
hideItem(item);
|
|
}
|
|
else {
|
|
item.setAttribute("data-item-status", "unread");
|
|
changeStatusLabel(item);
|
|
|
|
// Change action
|
|
var link = item.querySelector("a.mark");
|
|
if (link) link.setAttribute("data-action", "mark-read");
|
|
}
|
|
|
|
nbUnreadItems++;
|
|
updateCounters();
|
|
}
|
|
|
|
function hideItem(item)
|
|
{
|
|
if (Miniflux.Event.lastEventType !== "mouse") {
|
|
Miniflux.Nav.SelectNextItem();
|
|
}
|
|
|
|
item.parentNode.removeChild(item);
|
|
nbPageItems--;
|
|
}
|
|
|
|
function updateCounters()
|
|
{
|
|
// redirect to unread if we're on a nothing to read page
|
|
if (window.location.href.indexOf('nothing_to_read=1') > -1 && nbUnreadItems > 0) {
|
|
window.location.href = '?action=unread';
|
|
} // reload to get a nothing to read page
|
|
else if (nbPageItems === 0) {
|
|
window.location.reload();
|
|
}
|
|
|
|
var pageCounterElement = document.getElementById("page-counter");
|
|
if (pageCounterElement) pageCounterElement.textContent = nbPageItems || '';
|
|
|
|
var navCounterElement = document.getElementById("nav-counter");
|
|
navCounterElement.textContent = nbUnreadItems || '';
|
|
|
|
var pageHeadingElement = document.querySelector("div.page-header h2:first-of-type");
|
|
if (pageHeadingElement) {
|
|
pageHeading = pageHeadingElement.firstChild.nodeValue;
|
|
}
|
|
else {
|
|
// special handling while viewing an article.
|
|
// 1. The article does not have a page-header element
|
|
// 2. An article could be opened from any page and has the original
|
|
// page as data-item-page value
|
|
var itemHeading = document.querySelector("article.item h1:first-of-type");
|
|
if (itemHeading) {
|
|
document.title = itemHeading.textContent;
|
|
return;
|
|
}
|
|
}
|
|
|
|
// pagetitle depends on current page
|
|
var sectionElement = document.querySelector("section.page");
|
|
switch (sectionElement.getAttribute("data-item-page")) {
|
|
case "unread":
|
|
document.title = "Miniflux (" + nbUnreadItems + ")";
|
|
break;
|
|
case "feed-items":
|
|
document.title = "(" + nbPageItems + ") " + pageHeading;
|
|
break;
|
|
default:
|
|
if (pageCounterElement) {
|
|
document.title = pageHeading + " (" + nbPageItems + ")";
|
|
}
|
|
else {
|
|
document.title = pageHeading;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
function markAsRead(item)
|
|
{
|
|
var item_id = getItemID(item);
|
|
var request = new XMLHttpRequest();
|
|
|
|
request.onload = function() {
|
|
if (Miniflux.Nav.IsListing()) showItemAsRead(item);
|
|
};
|
|
request.open("POST", "?action=mark-item-read&id=" + item_id, true);
|
|
request.send();
|
|
}
|
|
|
|
function markAsUnread(item)
|
|
{
|
|
var item_id = getItemID(item);
|
|
var request = new XMLHttpRequest();
|
|
|
|
request.onload = function() {
|
|
if (Miniflux.Nav.IsListing()) showItemAsUnread(item);
|
|
};
|
|
request.open("POST", "?action=mark-item-unread&id=" + item_id, true);
|
|
request.send();
|
|
}
|
|
|
|
function markAsRemoved(item)
|
|
{
|
|
var item_id = getItemID(item);
|
|
var request = new XMLHttpRequest();
|
|
|
|
request.onload = function() {
|
|
if (Miniflux.Nav.IsListing()) {
|
|
hideItem(item);
|
|
|
|
if (item.getAttribute("data-item-status") === "unread") nbUnreadItems--;
|
|
updateCounters();
|
|
}
|
|
};
|
|
request.open("POST", "?action=mark-item-removed&id=" + item_id, true);
|
|
request.send();
|
|
}
|
|
|
|
return {
|
|
MarkAsRead: markAsRead,
|
|
MarkAsUnread: markAsUnread,
|
|
MarkAsRemoved: markAsRemoved,
|
|
SwitchBookmark: function(item) {
|
|
var item_id = getItemID(item);
|
|
var value = item.getAttribute("data-item-bookmark") === "1" ? "0" : "1";
|
|
var request = new XMLHttpRequest();
|
|
|
|
request.onload = function() {
|
|
var sectionElement = document.querySelector("section.page");
|
|
|
|
if (Miniflux.Nav.IsListing() && sectionElement.getAttribute("data-item-page") === "bookmarks") {
|
|
hideItem(item);
|
|
updateCounters();
|
|
}
|
|
else {
|
|
item.setAttribute("data-item-bookmark", value);
|
|
|
|
if (Miniflux.Nav.IsListing()) {
|
|
changeBookmarkLabel(item);
|
|
}
|
|
else {
|
|
var link = item.querySelector("a.bookmark-icon");
|
|
if (link && link.hasAttribute("data-reverse-title")) {
|
|
var title = link.getAttribute("title");
|
|
|
|
link.setAttribute("title", link.getAttribute("data-reverse-title"));
|
|
link.setAttribute("data-reverse-title", title);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
request.open("POST", "?action=bookmark&id=" + item_id + "&value=" + value, true);
|
|
request.send();
|
|
},
|
|
SwitchStatus: function(item) {
|
|
var status = item.getAttribute("data-item-status");
|
|
|
|
if (status === "read") {
|
|
markAsUnread(item);
|
|
}
|
|
else if (status === "unread") {
|
|
markAsRead(item);
|
|
}
|
|
},
|
|
Show: function(item) {
|
|
var link = item.querySelector("a.show");
|
|
if (link) link.click();
|
|
},
|
|
OpenOriginal: function(item) {
|
|
var link = item.querySelector("a.original");
|
|
|
|
if (link) {
|
|
if (item.getAttribute("data-item-status") === "unread") markAsRead(item);
|
|
link.removeAttribute("data-action");
|
|
|
|
if (Miniflux.Event.lastEventType !== "mouse") {
|
|
link.click();
|
|
}
|
|
}
|
|
},
|
|
DownloadContent: function(item) {
|
|
var container = document.getElementById("download-item");
|
|
if (! container) return;
|
|
|
|
container.innerHTML = " " + container.getAttribute("data-before-message");
|
|
container.className = "loading-icon";
|
|
|
|
var request = new XMLHttpRequest();
|
|
request.onload = function() {
|
|
|
|
var response = JSON.parse(request.responseText);
|
|
container.className = "";
|
|
|
|
if (response['result']) {
|
|
var content = document.getElementById("item-content");
|
|
if (content) content.innerHTML = response['content'];
|
|
|
|
container.innerHTML = container.getAttribute("data-after-message");
|
|
}
|
|
else {
|
|
container.innerHTML = container.getAttribute("data-failure-message");
|
|
}
|
|
};
|
|
|
|
var item_id = getItemID(item);
|
|
request.open("POST", "?action=download-item&id=" + item_id, true);
|
|
request.send();
|
|
},
|
|
MarkListingAsRead: function(redirect) {
|
|
var articles = document.getElementsByTagName("article");
|
|
var listing = [];
|
|
|
|
for (var i = 0, ilen = articles.length; i < ilen; i++) {
|
|
listing.push(getItemID(articles[i]));
|
|
}
|
|
|
|
var request = new XMLHttpRequest();
|
|
|
|
request.onload = function() {
|
|
window.location.href = redirect;
|
|
};
|
|
|
|
request.open("POST", "?action=mark-items-as-read", true);
|
|
request.send(JSON.stringify(listing));
|
|
},
|
|
ToggleRTLMode: function() {
|
|
var tags = [
|
|
"#current-item h1",
|
|
"#item-content",
|
|
"#listing #current-item h2",
|
|
"#listing #current-item .preview"
|
|
];
|
|
|
|
for (var i = 0; i < tags.length; i++) {
|
|
var tag = document.querySelector(tags[i]);
|
|
|
|
if (tag) {
|
|
tag.dir = tag.dir == "" ? "rtl" : "";
|
|
}
|
|
}
|
|
},
|
|
hasNewUnread: function() {
|
|
return unreadItems;
|
|
},
|
|
CheckForUpdates: function() {
|
|
if (document.hidden && unreadItems) {
|
|
Miniflux.App.Log('We already have updates, no need to check again');
|
|
return;
|
|
}
|
|
|
|
var request = new XMLHttpRequest();
|
|
request.onload = function() {
|
|
var first_run = (latest_feeds_items.length === 0);
|
|
var current_unread = false;
|
|
var response = JSON.parse(this.responseText);
|
|
|
|
for(var feed_id in response['feeds']) {
|
|
var current_feed = response['feeds'][feed_id];
|
|
|
|
if (!latest_feeds_items.hasOwnProperty(feed_id) || current_feed.time > latest_feeds_items[feed_id]) {
|
|
Miniflux.App.Log('feed ' + feed_id + ': New item(s)');
|
|
latest_feeds_items[feed_id] = current_feed.time;
|
|
|
|
if (current_feed.status === 'unread') {
|
|
Miniflux.App.Log('feed ' + feed_id + ': New unread item(s)');
|
|
current_unread = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
Miniflux.App.Log('first_run: ' + first_run + ', current_unread: ' + current_unread + ', response.nbUnread: ' + response['nbUnread'] + ', nbUnreadItems: ' + nbUnreadItems);
|
|
|
|
if (!document.hidden && (response['nbUnread'] !== nbUnreadItems || unreadItems)) {
|
|
Miniflux.App.Log('Counter changed! Updating unread counter.');
|
|
unreadItems = false;
|
|
nbUnreadItems = response['nbUnread'];
|
|
updateCounters();
|
|
}
|
|
else if (document.hidden && !first_run && current_unread) {
|
|
Miniflux.App.Log('New Unread! Updating pagetitle.');
|
|
unreadItems = true;
|
|
document.title = "↻ " + document.title;
|
|
} else {
|
|
Miniflux.App.Log('No update.');
|
|
}
|
|
|
|
Miniflux.App.Log('unreadItems: ' + unreadItems);
|
|
};
|
|
request.open("POST", "?action=latest-feeds-items", true);
|
|
request.send();
|
|
}
|
|
};
|
|
|
|
})(); |