]>
git.wh0rd.org - tt-rss.git/blob - plugins/digest/digest.js
637f8da8a81ff67e303ee83d18088784979257ec
3 var hotkeys_map
= false;
4 var hotkey_prefix
= false;
6 var _active_feed_id
= false;
7 var _update_timeout
= false;
8 var _view_update_timeout
= false;
9 var _feedlist_expanded
= false;
12 function article_appear(article_id
) {
14 new Effect
.Appear('A-' + article_id
);
16 exception_error("article_appear", e
);
20 function catchup_feed(feed_id
, callback
) {
23 var fn
= find_feed(last_feeds
, feed_id
).title
;
25 if (confirm(__("Mark all articles in %s as read?").replace("%s", fn
))) {
29 if (feed_id
< 0) is_cat
= "true"; // KLUDGE
31 var query
= "?op=rpc&method=catchupFeed&feed_id=" +
32 feed_id
+ "&is_cat=" + is_cat
;
34 new Ajax
.Request("backend.php", {
36 onComplete: function(transport
) {
37 if (callback
) callback(transport
);
44 exception_error("catchup_article", e
);
48 function get_visible_article_ids() {
50 var elems
= $("headlines-content").getElementsByTagName("LI");
53 for (var i
= 0; i
< elems
.length
; i
++) {
54 if (elems
[i
].id
&& elems
[i
].id
.match("A-")) {
55 ids
.push(elems
[i
].id
.replace("A-", ""));
62 exception_error("get_visible_article_ids", e
);
66 function catchup_visible_articles(callback
) {
69 var ids
= get_visible_article_ids();
71 if (confirm(__("Mark %d displayed articles as read?").replace("%d", ids
.length
))) {
73 var query
= "?op=rpc&method=catchupSelected" +
74 "&cmode=0&ids=" + param_escape(ids
);
76 new Ajax
.Request("backend.php", {
78 onComplete: function(transport
) {
79 if (callback
) callback(transport
);
81 viewfeed(_active_feed_id
, 0);
87 exception_error("catchup_visible_articles", e
);
91 function catchup_article(article_id
, callback
) {
93 var query
= "?op=rpc&method=catchupSelected" +
94 "&cmode=0&ids=" + article_id
;
96 new Ajax
.Request("backend.php", {
98 onComplete: function(transport
) {
99 if (callback
) callback(transport
);
103 exception_error("catchup_article", e
);
107 function set_selected_article(article_id
) {
109 $$("#headlines-content > li[id*=A-]").each(function(article
) {
110 var id
= article
.id
.replace("A-", "");
112 var cb
= article
.getElementsByTagName("INPUT")[0];
114 if (id
== article_id
) {
115 article
.addClassName("selected");
118 article
.removeClassName("selected");
125 exception_error("mark_selected_feed", e
);
130 function set_selected_feed(feed_id
) {
132 var feeds
= $("feeds-content").getElementsByTagName("LI");
134 for (var i
= 0; i
< feeds
.length
; i
++) {
135 if (feeds
[i
].id
== "F-" + feed_id
)
136 feeds
[i
].className
= "selected";
138 feeds
[i
].className
= "";
141 _active_feed_id
= feed_id
;
144 exception_error("mark_selected_feed", e
);
148 function load_more() {
150 var pr
= $("H-LOADING-IMG");
152 if (pr
) Element
.show(pr
);
154 var offset
= $$("#headlines-content > li[id*=A-][class*=fresh],li[id*=A-][class*=unread]").length
;
156 viewfeed(false, offset
, false, false, true,
158 var pr
= $("H-LOADING-IMG");
160 if (pr
) Element
.hide(pr
);
163 exception_error("load_more", e
);
167 function update(callback
) {
169 console
.log('updating feeds...');
171 window
.clearTimeout(_update_timeout
);
173 new Ajax
.Request("backend.php", {
174 parameters
: "?op=digest&method=digestinit",
175 onComplete: function(transport
) {
176 fatal_error_check(transport
);
177 parse_feeds(transport
);
178 set_selected_feed(_active_feed_id
);
180 if (callback
) callback(transport
);
183 _update_timeout
= window
.setTimeout('update()', 5*1000);
185 exception_error("update", e
);
189 function remove_headline_entry(article_id
) {
191 var elem
= $('A-' + article_id
);
194 elem
.parentNode
.removeChild(elem
);
198 exception_error("remove_headline_entry", e
);
202 function view_update() {
204 viewfeed(_active_feed_id
, _active_feed_offset
, false, true, true);
207 exception_error("view_update", e
);
211 function view(article_id
) {
213 $("content").addClassName("move");
215 var a
= $("A-" + article_id
);
216 var h
= $("headlines");
218 setTimeout(function() {
219 // below or above viewport, reposition headline
220 if (a
.offsetTop
> h
.scrollTop
+ h
.offsetHeight
|| a
.offsetTop
+a
.offsetHeight
< h
.scrollTop
+a
.offsetHeight
)
221 h
.scrollTop
= a
.offsetTop
- (h
.offsetHeight
/2 - a.offsetHeight/2);
224 new Ajax
.Request("backend.php", {
225 parameters
: "?op=digest&method=digestgetcontents&article_id=" +
227 onComplete: function(transport
) {
228 fatal_error_check(transport
);
230 var reply
= JSON
.parse(transport
.responseText
);
233 var article
= reply
['article'];
240 if (article
.tags
.length
> 0) {
241 tags_part
= " " + __("in") + " ";
243 for (var i
= 0; i
< Math
.min(5, article
.tags
.length
); i
++) {
244 //tags_part += "<a href=\"#\" onclick=\"viewfeed('" +
245 // article.tags[i] + "')\">" +
246 // article.tags[i] + "</a>, ";
248 tags_part
+= article
.tags
[i
] + ", ";
251 tags_part
= tags_part
.replace(/, $/, "");
252 tags_part
= "<span class=\"tags\">" + tags_part
+ "</span>";
257 mark_part
= "<img title='"+ __("Unstar article")+"' onclick=\"toggle_mark(this, "+article
.id
+")\" src='images/mark_set.svg'>";
259 mark_part
= "<img title='"+__("Star article")+"' onclick=\"toggle_mark(this, "+article
.id
+")\" src='images/mark_unset.svg'>";
261 if (article
.published
)
262 publ_part
= "<img title='"+__("Unpublish article")+"' onclick=\"toggle_pub(this, "+article
.id
+")\" src='images/pub_set.svg'>";
264 publ_part
= "<img title='"+__("Publish article")+"' onclick=\"toggle_pub(this, "+article
.id
+")\" src='images/pub_unset.svg'>";
266 var tmp
= "<div id=\"inner\">" +
271 "<h1>" + "<a target=\"_blank\" href=\""+article
.url
+"\">" +
272 article
.title
+ "</a>" + "</h1>" +
273 "<div id=\"tags\">" +
276 article
.content
+ "</div>";
278 $("article-content").innerHTML
= tmp
;
279 $("article").addClassName("visible");
281 set_selected_article(article
.id
);
283 catchup_article(article_id
,
285 $("A-" + article_id
).addClassName("read");
289 elem
.innerHTML
= __("Error: unable to load article.");
297 exception_error("view", e
);
301 function close_article() {
302 $("content").removeClassName("move");
303 $("article").removeClassName("visible");
306 function viewfeed(feed_id
, offset
, replace
, no_effects
, no_indicator
, callback
) {
309 if (!feed_id
) feed_id
= _active_feed_id
;
310 if (offset
== undefined) offset
= 0;
311 if (replace
== undefined) replace
= (offset
== 0);
313 _update_seq
= _update_seq
+ 1;
315 if (!offset
) $("headlines").scrollTop
= 0;
317 var query
= "backend.php?op=digest&method=digestupdate&feed_id=" +
318 param_escape(feed_id
) + "&offset=" + offset
+
319 "&seq=" + _update_seq
;
325 if ($("F-" + feed_id
)) {
326 img
= $("F-" + feed_id
).getElementsByTagName("IMG")[0];
328 if (img
&& !no_indicator
) {
329 img
.setAttribute("orig_src", img
.src
);
330 img
.src
= 'images/indicator_tiny.gif';
334 new Ajax
.Request("backend.php", {
336 onComplete: function(transport
) {
337 Element
.hide("overlay");
339 fatal_error_check(transport
);
340 parse_headlines(transport
, replace
, no_effects
);
341 set_selected_feed(feed_id
);
342 _active_feed_offset
= offset
;
344 if (img
&& !no_indicator
)
345 img
.src
= img
.getAttribute("orig_src");
347 if (callback
) callback(transport
);
352 exception_error("view", e
);
356 function find_article(articles
, article_id
) {
358 for (var i
= 0; i
< articles
.length
; i
++) {
359 if (articles
[i
].id
== article_id
)
366 exception_error("find_article", e
);
370 function find_feed(feeds
, feed_id
) {
372 for (var i
= 0; i
< feeds
.length
; i
++) {
373 if (feeds
[i
].id
== feed_id
)
380 exception_error("find_feed", e
);
384 function get_feed_icon(feed
) {
387 return getInitParam('icons_url') + "/" + feed
.id
+ '.ico';
390 return 'images/mark_set.svg';
393 return 'images/pub_set.svg';
396 return 'images/fresh.png';
399 return 'images/tag.png';
402 return 'images/label.png';
404 return 'images/blank_icon.gif';
407 exception_error("get_feed_icon", e
);
411 function add_feed_entry(feed
) {
415 icon_part
= "<img src='" + get_feed_icon(feed
) + "'/>";
417 var title
= (feed
.title
.length
> 30) ?
418 feed
.title
.substring(0, 30) + "…" :
421 var tmp_html
= "<li id=\"F-"+feed
.id
+"\" onclick=\"viewfeed("+feed
.id
+")\">" +
422 "<div class='unread-ctr'>" + "<span class=\"unread\">" + feed
.unread
+ "</span></div>" +
426 $("feeds-content").innerHTML
+= tmp_html
;
430 exception_error("add_feed_entry", e
);
434 function add_headline_entry(article
, feed
, no_effects
) {
439 icon_part
= "<img class='icon' src='" + get_feed_icon(feed
) + "'/>";
444 //if (!no_effects) style = "style=\"display : none\"";
446 if (article
.excerpt
.trim() == "")
447 article
.excerpt
= __("Click to expand article.");
449 var li_class
= "unread";
451 var fresh_max
= getInitParam("fresh_article_max_age") * 60 * 60;
454 if (d
.getTime() / 1000 - article
.updated
< fresh_max
)
457 //"<img title='" + __("Mark as read") + "' onclick=\"view("+article.id+", true)\" src='images/digest_checkbox.png'>" +
459 var checkbox_part
= "<input type=\"checkbox\" class=\"cb\" onclick=\"toggle_select_article(this)\"/>";
461 var date
= new Date(article
.updated
* 1000);
463 var date_part
= date
.toString().substring(0,21);
465 var tmp_html
= "<li id=\"A-"+article
.id
+"\" "+style
+" class=\""+li_class
+"\">" +
468 "<a target=\"_blank\" href=\""+article
.link
+"\""+
469 "onclick=\"return view("+article
.id
+")\" class='title'>" +
470 article
.title
+ "</a>" +
471 "<div class='body'>" +
472 "<div onclick=\"view("+article
.id
+")\" class='excerpt'>" +
473 article
.excerpt
+ "</div>" +
474 "<div onclick=\"view("+article
.id
+")\" class='info'>";
476 /* tmp_html += "<a href=\#\" onclick=\"viewfeed("+feed.id+")\">" +
477 feed.title + "</a> " + " @ "; */
479 tmp_html += date_part + "</div>" +
482 $("headlines-content").innerHTML += tmp_html;
485 window.setTimeout('article_appear(' + article.id + ')', 100);
488 exception_error("add_headline_entry", e);
492 function expand_feeds() {
494 _feedlist_expanded = true;
496 redraw_feedlist(last_feeds);
499 exception_error("expand_feeds", e);
503 function redraw_feedlist(feeds) {
506 $('feeds-content').innerHTML = "";
510 if (_feedlist_expanded) limit = feeds.length;
512 for (var i = 0; i < Math.min(limit, feeds.length); i++) {
513 add_feed_entry(feeds[i]);
516 if (feeds.length > limit) {
517 $('feeds-content').innerHTML += "<li id='F-MORE-PROMPT'>" +
518 "<img src='images/blank_icon.gif'>" +
519 "<a href=\"#\" onclick=\"expand_feeds()\">" +
520 __("%d more...").replace("%d", feeds.length-10) +
524 if (feeds.length == 0) {
525 $('feeds-content').innerHTML =
526 "<div class='insensitive' style='text-align : center'>" +
527 __("No unread feeds.") + "</div>";
531 set_selected_feed(_active_feed_id);
534 exception_error("redraw_feedlist", e);
538 function parse_feeds(transport) {
540 var reply = JSON.parse(transport.responseText);
544 var feeds = reply['feeds'];
548 feeds.sort( function (a,b)
550 if (b.unread != a.unread)
551 return (b.unread - a.unread);
553 if (a.title > b.title)
555 else if (a.title < b.title)
561 var all_articles = find_feed(feeds, -4);
563 update_title(all_articles.unread);
567 redraw_feedlist(feeds);
570 if (reply['hotkeys']) {
571 hotkeys_map = reply['hotkeys'];
576 //exception_error("parse_feeds", e);
580 function parse_headlines(transport, replace, no_effects) {
582 var reply = JSON.parse(transport.responseText);
585 var seq = reply['seq'];
588 if (seq != _update_seq) {
589 console.log("parse_headlines: wrong sequence received.");
596 var headlines = reply['headlines']['content'];
597 var headlines_title = reply['headlines']['title'];
599 if (headlines && headlines_title) {
602 $('headlines-content').innerHTML = '';
605 var pr = $('H-MORE-PROMPT');
607 if (pr) pr.parentNode.removeChild(pr);
609 var inserted = false;
611 for (var i = 0; i < headlines.length; i++) {
613 if (!$('A-' + headlines[i].id)) {
614 add_headline_entry(headlines[i],
615 find_feed(last_feeds, headlines[i].feed_id), !no_effects);
620 console.log(inserted.id);
622 var ids = get_visible_article_ids();
624 if (ids.length > 0) {
626 $('headlines-content').appendChild(pr);
629 $('headlines-content').innerHTML += "<li id='H-MORE-PROMPT'>" +
630 "<div class='body'>" +
631 "<a href=\"#\" onclick=\"catchup_visible_articles()\">" +
632 __("Mark as read") + "</a> | " +
633 "<a href=\"javascript:load_more()\">" +
634 __("Load more...") + "</a>" +
635 "<img style=\"display : none\" "+
636 "id=\"H-LOADING-IMG\" src='images/indicator_tiny.gif'>" +
640 // FIXME : display some kind of "nothing to see here" prompt here
643 // if (replace && !no_effects)
644 // new Effect.Appear('headlines-content', {duration : 0.3});
646 //new Effect.Appear('headlines-content');
650 exception_error("parse_headlines", e);
654 function init_second_stage() {
656 new Ajax.Request("backend.php", {
657 parameters: "backend.php?op=digest&method=digestinit&init=1",
658 onComplete: function(transport) {
659 parse_feeds(transport);
660 Element.hide("overlay");
662 document.onkeydown = hotkey_handler;
664 window.setTimeout('viewfeed(-4)', 100);
665 _update_timeout = window.setTimeout('update()', 5*1000);
669 exception_error("init_second_stage", e);
675 dojo.require("dijit.Dialog");
677 new Ajax.Request("backend.php", {
678 parameters: {op: "rpc", method: "sanityCheck"},
679 onComplete: function(transport) {
680 backend_sanity_check_callback(transport);
684 exception_error("digest_init", e);
688 function toggle_mark(img, id) {
692 var query = "?op=rpc&id=" + id + "&method=mark";
696 if (img.src.match("mark_unset")) {
697 img.src = img.src.replace("mark_unset", "mark_set");
698 img.alt = __("Unstar article");
699 query = query + "&mark=1";
701 img.src = img.src.replace("mark_set", "mark_unset");
702 img.alt = __("Star article");
703 query = query + "&mark=0";
706 new Ajax.Request("backend.php", {
708 onComplete: function(transport) {
713 exception_error("toggle_mark", e);
717 function toggle_pub(img, id, note) {
721 var query = "?op=rpc&id=" + id + "&method=publ";
723 if (note != undefined) {
724 query = query + "¬e=" + param_escape(note);
726 query = query + "¬e=undefined";
731 if (img.src.match("pub_unset") || note != undefined) {
732 img.src = img.src.replace("pub_unset", "pub_set");
733 img.alt = __("Unpublish article");
734 query = query + "&pub=1";
737 img.src = img.src.replace("pub_set", "pub_unset");
738 img.alt = __("Publish article");
739 query = query + "&pub=0";
742 new Ajax.Request("backend.php", {
744 onComplete: function(transport) {
749 exception_error("toggle_pub", e);
753 function fatal_error(code, msg) {
757 window.location.href = "digest.php";
758 } else if (code == 5) {
759 window.location.href = "db-updater.php";
762 if (msg == "") msg = "Unknown error";
764 console.error("Fatal error: " + code + "\n" +
770 exception_error("fatalError", e);
774 function fatal_error_check(transport) {
776 if (transport.responseXML) {
777 var error = transport.responseXML.getElementsByTagName("error")[0];
780 var code = error.getAttribute("error-code");
781 var msg = error.getAttribute("error-msg");
783 fatal_error(code, msg);
789 exception_error("fatal_error_check", e);
794 function update_title(unread) {
796 document.title = "Tiny Tiny RSS";
799 document.title += " (" + unread + ")";
802 exception_error("update_title", e);
806 function toggle_select_article(elem) {
808 var article = elem.parentNode;
810 if (article.hasClassName("selected"))
811 article.removeClassName("selected");
813 article.addClassName("selected");
816 exception_error("toggle_select_article", e);
820 function hotkey_handler(e) {
823 if (e.target.nodeName == "INPUT" || e.target.nodeName == "TEXTAREA") return;
826 var shift_key = false;
828 var cmdline = $('cmdline');
831 shift_key = e.shiftKey;
837 keycode = window.event.keyCode;
842 var keychar = String.fromCharCode(keycode);
844 if (!shift_key) keychar = keychar.toLowerCase();
846 if (keycode == 16) return; // ignore lone shift
847 if (keycode == 17) return; // ignore lone ctrl
849 var hotkey = keychar.search(/[a-zA-Z0-9]/) != -1 ? keychar : "(" + keycode + ")";
850 hotkey = hotkey_prefix ? hotkey_prefix + " " + hotkey : hotkey;
851 hotkey_prefix = false;
853 var hotkey_action = false;
854 var hotkeys = getInitParam("hotkeys");
856 for (sequence in hotkeys[1]) {
857 if (sequence == hotkey) {
858 hotkey_action = hotkeys[1][sequence];
869 switch (hotkey_action) {
871 var feeds = $$("#feeds li");
872 for (var i = 0; i < feeds.length; i++) {
873 var base_id = feeds[i].id.replace("F-", "");
875 if (base_id == _active_feed_id) {
877 viewfeed(feeds[i+1].id.replace("F-", ""));
884 var feeds = $$("#feeds li");
885 for (var i = 0; i < feeds.length; i++) {
886 var base_id = feeds[i].id.replace("F-", "");
888 if (base_id == _active_feed_id) {
890 viewfeed(feeds[i-1].id.replace("F-", ""));
901 console.log("unhandled action: " + hotkey_action + "; hotkey: " + hotkey);
906 exception_error("hotkey_handler", e);