385 lines
10 KiB
JavaScript
385 lines
10 KiB
JavaScript
'use strict'
|
|
/* global __, ngettext */
|
|
define(["dojo/_base/declare"], function (declare) {
|
|
Article = {
|
|
_scroll_reset_timeout: false,
|
|
getScoreClass: function (score) {
|
|
if (score > 500) {
|
|
return "score-high";
|
|
} else if (score > 0) {
|
|
return "score-half-high";
|
|
} else if (score < -100) {
|
|
return "score-low";
|
|
} else if (score < 0) {
|
|
return "score-half-low";
|
|
} else {
|
|
return "score-neutral";
|
|
}
|
|
},
|
|
getScorePic: function (score) {
|
|
if (score > 500) {
|
|
return "trending_up";
|
|
} else if (score > 0) {
|
|
return "trending_up";
|
|
} else if (score < 0) {
|
|
return "trending_down";
|
|
} else {
|
|
return "trending_neutral";
|
|
}
|
|
},
|
|
selectionSetScore: function () {
|
|
const ids = Headlines.getSelected();
|
|
|
|
if (ids.length > 0) {
|
|
const score = prompt(__("Please enter new score for selected articles:"));
|
|
|
|
if (!isNaN(parseInt(score))) {
|
|
ids.each((id) => {
|
|
const row = $("RROW-" + id);
|
|
|
|
if (row) {
|
|
row.setAttribute("data-score", score);
|
|
|
|
const pic = row.select(".icon-score")[0];
|
|
|
|
pic.innerHTML = Article.getScorePic(score);
|
|
pic.setAttribute("title", score);
|
|
|
|
["score-low", "score-high", "score-half-low", "score-half-high", "score-neutral"]
|
|
.each(function(scl) {
|
|
if (row.hasClassName(scl))
|
|
row.removeClassName(scl);
|
|
});
|
|
|
|
row.addClassName(Article.getScoreClass(score));
|
|
}
|
|
});
|
|
}
|
|
|
|
} else {
|
|
alert(__("No articles selected."));
|
|
}
|
|
},
|
|
setScore: function (id, pic) {
|
|
const row = pic.up("div[id*=RROW]");
|
|
|
|
if (row) {
|
|
const score_old = row.getAttribute("data-score");
|
|
const score = prompt(__("Please enter new score for this article:"), score_old);
|
|
|
|
if (!isNaN(parseInt(score))) {
|
|
row.setAttribute("data-score", score);
|
|
|
|
const pic = row.select(".icon-score")[0];
|
|
|
|
pic.innerHTML = Article.getScorePic(score);
|
|
pic.setAttribute("title", score);
|
|
|
|
["score-low", "score-high", "score-half-low", "score-half-high", "score-neutral"]
|
|
.each(function(scl) {
|
|
if (row.hasClassName(scl))
|
|
row.removeClassName(scl);
|
|
});
|
|
|
|
row.addClassName(Article.getScoreClass(score));
|
|
}
|
|
}
|
|
},
|
|
cdmUnsetActive: function (event) {
|
|
const row = $("RROW-" + Article.getActive());
|
|
|
|
if (row) {
|
|
row.removeClassName("active");
|
|
|
|
if (event)
|
|
event.stopPropagation();
|
|
|
|
return false;
|
|
}
|
|
},
|
|
close: function () {
|
|
if (dijit.byId("content-insert"))
|
|
dijit.byId("headlines-wrap-inner").removeChild(
|
|
dijit.byId("content-insert"));
|
|
|
|
Article.setActive(0);
|
|
},
|
|
displayUrl: function (id) {
|
|
const query = {op: "rpc", method: "getlinktitlebyid", id: id};
|
|
|
|
xhrJson("backend.php", query, (reply) => {
|
|
if (reply && reply.link) {
|
|
prompt(__("Article URL:"), reply.link);
|
|
}
|
|
});
|
|
},
|
|
openInNewWindow: function (id) {
|
|
const w = window.open("");
|
|
|
|
if (w) {
|
|
w.opener = null;
|
|
w.location = "backend.php?op=article&method=redirect&id=" + id;
|
|
|
|
Headlines.toggleUnread(id, 0);
|
|
}
|
|
},
|
|
render: function (article) {
|
|
App.cleanupMemory("content-insert");
|
|
|
|
dijit.byId("headlines-wrap-inner").addChild(
|
|
dijit.byId("content-insert"));
|
|
|
|
const c = dijit.byId("content-insert");
|
|
|
|
try {
|
|
c.domNode.scrollTop = 0;
|
|
} catch (e) {
|
|
}
|
|
|
|
c.attr('content', article);
|
|
PluginHost.run(PluginHost.HOOK_ARTICLE_RENDERED, c.domNode);
|
|
|
|
Headlines.correctHeadlinesOffset(Article.getActive());
|
|
|
|
try {
|
|
c.focus();
|
|
} catch (e) {
|
|
}
|
|
},
|
|
formatComments: function(hl) {
|
|
let comments = "";
|
|
|
|
if (hl.comments || hl.num_comments > 0) {
|
|
let comments_msg = __("comments");
|
|
|
|
if (hl.num_comments > 0) {
|
|
comments_msg = hl.num_comments + " " + ngettext("comment", "comments", hl.num_comments)
|
|
}
|
|
|
|
comments = `<a href="${escapeHtml(hl.comments ? hl.comments : hl.link)}">(${comments_msg})</a>`;
|
|
}
|
|
|
|
return comments;
|
|
},
|
|
formatOriginallyFrom: function(hl) {
|
|
return hl.orig_feed ? `<span>
|
|
${__('Originally from:')} <a target="_blank" rel="noopener noreferrer" href="${escapeHtml(hl.orig_feed[1])}">${hl.orig_feed[0]}</a>
|
|
</span>` : "";
|
|
},
|
|
unpack: function(row) {
|
|
if (row.hasAttribute("data-content")) {
|
|
console.log("unpacking: " + row.id);
|
|
|
|
const container = row.querySelector(".content-inner");
|
|
|
|
container.innerHTML = row.getAttribute("data-content").trim();
|
|
|
|
// blank content element might screw up onclick selection and keyboard moving
|
|
if (container.textContent.length == 0)
|
|
container.innerHTML += " ";
|
|
|
|
// in expandable mode, save content for later, so that we can pack unfocused rows back
|
|
if (App.isCombinedMode() && $("main").hasClassName("expandable"))
|
|
row.setAttribute("data-content-original", row.getAttribute("data-content"));
|
|
|
|
row.removeAttribute("data-content");
|
|
|
|
PluginHost.run(PluginHost.HOOK_ARTICLE_RENDERED_CDM, row);
|
|
}
|
|
},
|
|
pack: function(row) {
|
|
if (row.hasAttribute("data-content-original")) {
|
|
console.log("packing", row.id);
|
|
row.setAttribute("data-content", row.getAttribute("data-content-original"));
|
|
row.removeAttribute("data-content-original");
|
|
|
|
row.querySelector(".content-inner").innerHTML = " ";
|
|
}
|
|
},
|
|
view: function (id, noexpand) {
|
|
this.setActive(id);
|
|
|
|
if (!noexpand) {
|
|
const hl = Headlines.objectById(id);
|
|
|
|
if (hl) {
|
|
|
|
const comments = this.formatComments(hl);
|
|
const originally_from = this.formatOriginallyFrom(hl);
|
|
|
|
const article = `<div class="post post-${hl.id}" data-article-id="${hl.id}">
|
|
<div class="header">
|
|
<div class="row">
|
|
<div class="title"><a target="_blank" rel="noopener noreferrer"
|
|
title="${escapeHtml(hl.title)}"
|
|
href="${escapeHtml(hl.link)}">${hl.title}</a></div>
|
|
<div class="date">${hl.updated_long}</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="buttons left">${hl.buttons_left}</div>
|
|
<div class="comments">${comments}</div>
|
|
<div class="author">${hl.author}</div>
|
|
<i class="material-icons">label_outline</i>
|
|
<span id="ATSTR-${hl.id}">${hl.tags_str}</span>
|
|
<a title="${__("Edit tags for this article")}" href="#"
|
|
onclick="Article.editTags(${hl.id})">(+)</a>
|
|
<div class="buttons right">${hl.buttons}</div>
|
|
</div>
|
|
</div>
|
|
<div id="POSTNOTE-${hl.id}">${hl.note}</div>
|
|
<div class="content" lang="${hl.lang ? hl.lang : 'en'}">
|
|
${originally_from}
|
|
${hl.content}
|
|
${hl.enclosures}
|
|
</div>
|
|
</div>`;
|
|
|
|
Headlines.toggleUnread(id, 0);
|
|
this.render(article);
|
|
}
|
|
}
|
|
|
|
return false;
|
|
},
|
|
editTags: function (id) {
|
|
const query = "backend.php?op=article&method=editArticleTags¶m=" + encodeURIComponent(id);
|
|
|
|
if (dijit.byId("editTagsDlg"))
|
|
dijit.byId("editTagsDlg").destroyRecursive();
|
|
|
|
const dialog = new dijit.Dialog({
|
|
id: "editTagsDlg",
|
|
title: __("Edit article Tags"),
|
|
style: "width: 600px",
|
|
execute: function () {
|
|
if (this.validate()) {
|
|
Notify.progress("Saving article tags...", true);
|
|
|
|
xhrPost("backend.php", this.attr('value'), (transport) => {
|
|
try {
|
|
Notify.close();
|
|
dialog.hide();
|
|
|
|
const data = JSON.parse(transport.responseText);
|
|
|
|
if (data) {
|
|
const id = data.id;
|
|
|
|
const tags = $("ATSTR-" + id);
|
|
const tooltip = dijit.byId("ATSTRTIP-" + id);
|
|
|
|
if (tags) tags.innerHTML = data.content;
|
|
if (tooltip) tooltip.attr('label', data.content_full);
|
|
}
|
|
} catch (e) {
|
|
App.Error.report(e);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
href: query
|
|
});
|
|
|
|
const tmph = dojo.connect(dialog, 'onLoad', function () {
|
|
dojo.disconnect(tmph);
|
|
|
|
new Ajax.Autocompleter('tags_str', 'tags_choices',
|
|
"backend.php?op=article&method=completeTags",
|
|
{tokens: ',', paramName: "search"});
|
|
});
|
|
|
|
dialog.show();
|
|
},
|
|
cdmScrollToId: function (id, force, event, immediate) {
|
|
const ctr = $("headlines-frame");
|
|
const e = $("RROW-" + id);
|
|
const is_expanded = App.getInitParam("cdm_expanded");
|
|
|
|
if (!e || !ctr) return;
|
|
|
|
if (force || is_expanded || e.offsetTop + e.offsetHeight > (ctr.scrollTop + ctr.offsetHeight) ||
|
|
e.offsetTop < ctr.scrollTop) {
|
|
|
|
if (immediate || event && event.repeat || !is_expanded) {
|
|
ctr.addClassName("forbid-smooth-scroll");
|
|
window.clearTimeout(this._scroll_reset_timeout);
|
|
|
|
this._scroll_reset_timeout = window.setTimeout(() => {
|
|
if (ctr) ctr.removeClassName("forbid-smooth-scroll");
|
|
}, 250)
|
|
|
|
} else {
|
|
ctr.removeClassName("forbid-smooth-scroll");
|
|
}
|
|
|
|
ctr.scrollTop = e.offsetTop;
|
|
|
|
Element.hide("floatingTitle");
|
|
}
|
|
},
|
|
setActive: function (id) {
|
|
console.log("setActive", id);
|
|
|
|
$$("div[id*=RROW][class*=active]").each((row) => {
|
|
row.removeClassName("active");
|
|
Article.pack(row);
|
|
});
|
|
|
|
const row = $("RROW-" + id);
|
|
|
|
if (row) {
|
|
Article.unpack(row);
|
|
|
|
row.removeClassName("Unread");
|
|
row.addClassName("active");
|
|
|
|
PluginHost.run(PluginHost.HOOK_ARTICLE_SET_ACTIVE, row.getAttribute("data-article-id"));
|
|
}
|
|
},
|
|
getActive: function () {
|
|
const row = document.querySelector("#headlines-frame > div[id*=RROW][class*=active]");
|
|
|
|
if (row)
|
|
return row.getAttribute("data-article-id");
|
|
else
|
|
return 0;
|
|
},
|
|
scrollByPages: function (page_offset, event) {
|
|
const elem = App.isCombinedMode() ? $("headlines-frame") : $("content-insert");
|
|
|
|
const offset = elem.offsetHeight * page_offset * 0.99;
|
|
|
|
this.scroll(offset, event);
|
|
},
|
|
scroll: function (offset, event) {
|
|
|
|
const elem = App.isCombinedMode() ? $("headlines-frame") : $("content-insert");
|
|
|
|
if (event && event.repeat) {
|
|
elem.addClassName("forbid-smooth-scroll");
|
|
window.clearTimeout(this._scroll_reset_timeout);
|
|
|
|
this._scroll_reset_timeout = window.setTimeout(() => {
|
|
if (elem) elem.removeClassName("forbid-smooth-scroll");
|
|
}, 250)
|
|
|
|
} else {
|
|
elem.removeClassName("forbid-smooth-scroll");
|
|
}
|
|
|
|
elem.scrollTop += offset;
|
|
},
|
|
mouseIn: function (id) {
|
|
this.post_under_pointer = id;
|
|
},
|
|
mouseOut: function (id) {
|
|
this.post_under_pointer = false;
|
|
},
|
|
getUnderPointer: function () {
|
|
return this.post_under_pointer;
|
|
}
|
|
}
|
|
|
|
return Article;
|
|
});
|