miniflux-legacy/assets/js/item.js

255 lines
8.2 KiB
JavaScript
Raw Normal View History

2013-10-15 04:38:07 +02:00
Miniflux.Item = (function() {
function getItemID(item)
2013-10-15 04:38:07 +02:00
{
item_id = item.getAttribute("data-item-id");
return item_id;
2013-10-15 04:38:07 +02:00
}
function changeLabel(link)
2013-10-15 04:38:07 +02:00
{
if (link && link.hasAttribute("data-reverse-label")) {
2013-10-15 04:38:07 +02:00
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)
2013-10-15 04:38:07 +02:00
{
var link = item.querySelector("a.mark");
changeLabel(link);
2013-10-15 04:38:07 +02:00
}
function showItemAsRead(item)
2013-10-15 04:38:07 +02:00
{
if (item.getAttribute("data-hide")) {
hideItem(item);
}
else {
item.setAttribute("data-item-status", "read");
changeStatusLabel(item);
2013-10-15 04:38:07 +02:00
// Change action
var link = item.querySelector("a.mark");
if (link) link.setAttribute("data-action", "mark-unread");
2013-10-15 04:38:07 +02:00
}
}
function showItemAsUnread(item)
2013-10-15 04:38:07 +02:00
{
if (item.getAttribute("data-hide")) {
hideItem(item);
}
else {
item.setAttribute("data-item-status", "unread");
changeStatusLabel(item);
2013-10-15 04:38:07 +02:00
// Change action
var link = item.querySelector("a.mark");
if (link) link.setAttribute("data-action", "mark-read");
2013-10-15 04:38:07 +02:00
}
}
function hideItem(item)
{
if (Miniflux.Event.lastEventType !== "mouse") {
Miniflux.Nav.SelectNextItem();
}
2013-10-15 04:38:07 +02:00
item.parentNode.removeChild(item);
var pageCounter = document.getElementById("page-counter");
if (pageCounter) {
var source = item.getAttribute("data-item-page");
var counter = parseInt(pageCounter.textContent, 10) - 1;
var articles = document.getElementsByTagName("article");
if (counter === 0 || articles.length === 0) {
window.location = location.href;
}
2013-10-15 04:38:07 +02:00
pageCounter.textContent = counter;
2013-10-15 04:38:07 +02:00
switch (source) {
case "unread":
document.title = "Miniflux (" + counter + ")";
document.getElementById("nav-counter").textContent = counter;
break;
case "feed-items":
document.title = "(" + counter + ") " + pageCounter.parentNode.firstChild.nodeValue;
break;
default:
document.title = pageCounter.parentNode.firstChild.nodeValue + " (" + counter + ")";
2013-10-15 04:38:07 +02:00
}
}
}
function markAsRead(item)
2013-10-15 04:38:07 +02:00
{
var item_id = getItemID(item);
2013-10-15 04:38:07 +02:00
var request = new XMLHttpRequest();
2013-10-15 04:38:07 +02:00
request.onload = function() {
if (Miniflux.Nav.IsListing()) showItemAsRead(item);
2013-10-15 04:38:07 +02:00
};
request.open("POST", "?action=mark-item-read&id=" + item_id, true);
request.send();
}
function markAsUnread(item)
2013-10-15 04:38:07 +02:00
{
var item_id = getItemID(item);
2013-10-15 04:38:07 +02:00
var request = new XMLHttpRequest();
2013-10-15 04:38:07 +02:00
request.onload = function() {
if (Miniflux.Nav.IsListing()) showItemAsUnread(item);
2013-10-15 04:38:07 +02:00
};
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);
};
request.open("POST", "?action=mark-item-removed&id=" + item_id, true);
request.send();
}
2013-10-15 04:38:07 +02:00
return {
MarkAsRead: markAsRead,
MarkAsUnread: markAsUnread,
MarkAsRemoved: markAsRemoved,
2013-10-15 04:38:07 +02:00
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() {
if (Miniflux.Nav.IsListing() && item.getAttribute("data-item-page") === "bookmarks") {
hideItem(item);
}
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);
}
}
}
};
2013-10-15 04:38:07 +02:00
request.open("POST", "?action=bookmark&id=" + item_id + "&value=" + value, true);
request.send();
2013-10-15 04:38:07 +02:00
},
SwitchStatus: function(item) {
var status = item.getAttribute("data-item-status");
if (status === "read") {
markAsUnread(item);
2013-10-15 04:38:07 +02:00
}
else if (status === "unread") {
markAsRead(item);
2013-10-15 04:38:07 +02:00
}
},
Show: function(item) {
var link = item.querySelector("a.show");
2013-10-15 04:38:07 +02:00
if (link) link.click();
},
OpenOriginal: function(item) {
var link = item.querySelector("a.original");
2013-10-15 04:38:07 +02:00
if (link) {
if (item.getAttribute("data-item-status") === "unread") markAsRead(item);
2013-10-15 04:38:07 +02:00
link.removeAttribute("data-action");
link.click();
}
},
DownloadContent: function(item) {
2013-10-15 04:38:07 +02:00
var container = document.getElementById("download-item");
if (! container) return;
var item_id = getItemID(item);
2013-10-15 04:38:07 +02:00
var message = container.getAttribute("data-before-message");
var span = document.createElement("span");
span.appendChild(document.createTextNode("☀"));
span.className = "loading-icon";
2013-10-15 04:38:07 +02:00
container.innerHTML = "";
container.className = "downloading";
container.appendChild(span);
2013-10-15 04:38:07 +02:00
container.appendChild(document.createTextNode(" " + message));
var icon_interval = setInterval(Miniflux.App.BlinkIcon, 250);
2013-10-15 04:38:07 +02:00
var request = new XMLHttpRequest();
request.onload = function() {
var response = JSON.parse(request.responseText);
clearInterval(icon_interval);
2013-10-15 04:38:07 +02:00
if (response.result) {
var content = document.getElementById("item-content");
if (content) content.innerHTML = response.content;
if (container) {
var message = container.getAttribute("data-after-message");
container.innerHTML = "";
container.appendChild(document.createTextNode(" " + message));
}
}
else {
if (container) {
var message = container.getAttribute("data-failure-message");
container.innerHTML = "";
container.appendChild(document.createTextNode(" " + message));
}
}
};
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]));
2013-10-15 04:38:07 +02:00
}
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));
}
};
})();