]>
git.wh0rd.org - tt-rss.git/blob - plugins/digest/digest.js
3 var hotkeys_map
= false;
4 var hotkey_prefix
= false;
5 var mobile_mode
= false;
7 var _active_feed_id
= false;
8 var _update_timeout
= false;
9 var _view_update_timeout
= false;
10 var _feedlist_expanded
= false;
13 function article_appear(article_id
) {
15 new Effect
.Appear('A-' + article_id
);
17 exception_error("article_appear", e
);
21 function catchup_feed(feed_id
, callback
) {
24 var fn
= find_feed(last_feeds
, feed_id
).title
;
26 if (confirm(__("Mark all articles in %s as read?").replace("%s", fn
))) {
30 if (feed_id
< 0) is_cat
= "true"; // KLUDGE
32 var query
= "op=rpc&method=catchupFeed&feed_id=" +
33 feed_id
+ "&is_cat=" + is_cat
;
35 new Ajax
.Request("backend.php", {
37 onComplete: function(transport
) {
38 if (callback
) callback(transport
);
45 exception_error("catchup_article", e
);
49 function get_visible_article_ids() {
51 var elems
= $("headlines-content").getElementsByTagName("LI");
54 for (var i
= 0; i
< elems
.length
; i
++) {
55 if (elems
[i
].id
&& elems
[i
].id
.match("A-")) {
56 ids
.push(elems
[i
].id
.replace("A-", ""));
63 exception_error("get_visible_article_ids", e
);
67 function catchup_visible_articles(callback
) {
70 var ids
= get_visible_article_ids();
72 if (confirm(ngettext("Mark %d displayed article as read?", "Mark %d displayed articles as read?", ids
.length
).replace("%d", ids
.length
))) {
74 var query
= "op=rpc&method=catchupSelected" +
75 "&cmode=0&ids=" + param_escape(ids
);
77 new Ajax
.Request("backend.php", {
79 onComplete: function(transport
) {
80 if (callback
) callback(transport
);
82 viewfeed(_active_feed_id
, 0);
88 exception_error("catchup_visible_articles", e
);
92 function catchup_article(article_id
, callback
) {
94 var query
= "op=rpc&method=catchupSelected" +
95 "&cmode=0&ids=" + article_id
;
97 new Ajax
.Request("backend.php", {
99 onComplete: function(transport
) {
100 if (callback
) callback(transport
);
104 exception_error("catchup_article", e
);
108 function set_selected_article(article_id
) {
110 $$("#headlines-content > li[id*=A-]").each(function(article
) {
111 var id
= article
.id
.replace("A-", "");
113 var cb
= article
.getElementsByTagName("INPUT")[0];
115 if (id
== article_id
) {
116 article
.addClassName("selected");
119 article
.removeClassName("selected");
126 exception_error("set_selected_article", e
);
131 function set_selected_feed(feed_id
) {
133 var feeds
= $("feeds-content").getElementsByTagName("LI");
135 for (var i
= 0; i
< feeds
.length
; i
++) {
136 if (feeds
[i
].id
== "F-" + feed_id
)
137 feeds
[i
].className
= "selected";
139 feeds
[i
].className
= "";
142 _active_feed_id
= feed_id
;
145 exception_error("set_selected_feed", e
);
149 function load_more() {
151 var pr
= $("H-LOADING-IMG");
153 if (pr
) Element
.show(pr
);
155 var offset
= $$("#headlines-content > li[id*=A-][class*=fresh],li[id*=A-][class*=unread]").length
;
157 viewfeed(false, offset
, false, false, true,
159 var pr
= $("H-LOADING-IMG");
161 if (pr
) Element
.hide(pr
);
164 exception_error("load_more", e
);
168 function update(callback
) {
170 console
.log('updating feeds...');
172 window
.clearTimeout(_update_timeout
);
174 new Ajax
.Request("backend.php", {
175 parameters
: "op=digest&method=digestinit",
176 onComplete: function(transport
) {
177 fatal_error_check(transport
);
178 parse_feeds(transport
);
179 set_selected_feed(_active_feed_id
);
181 if (callback
) callback(transport
);
184 _update_timeout
= window
.setTimeout('update()', 5*1000);
186 exception_error("update", e
);
190 function remove_headline_entry(article_id
) {
192 var elem
= $('A-' + article_id
);
195 elem
.parentNode
.removeChild(elem
);
199 exception_error("remove_headline_entry", e
);
203 function view_update() {
205 viewfeed(_active_feed_id
, _active_feed_offset
, false, true, true);
208 exception_error("view_update", e
);
212 function view(article_id
) {
214 $("content").addClassName("move");
216 var a
= $("A-" + article_id
);
217 var h
= $("headlines");
219 setTimeout(function() {
220 // below or above viewport, reposition headline
221 if (a
.offsetTop
> h
.scrollTop
+ h
.offsetHeight
|| a
.offsetTop
+a
.offsetHeight
< h
.scrollTop
+a
.offsetHeight
)
222 h
.scrollTop
= a
.offsetTop
- (h
.offsetHeight
/2 - a.offsetHeight/2);
225 new Ajax
.Request("backend.php", {
226 parameters
: "op=digest&method=digestgetcontents&article_id=" +
228 onComplete: function(transport
) {
229 fatal_error_check(transport
);
231 var reply
= JSON
.parse(transport
.responseText
);
234 var article
= reply
['article'];
241 if (article
.tags
.length
> 0) {
242 tags_part
= " " + __("in") + " ";
244 for (var i
= 0; i
< Math
.min(5, article
.tags
.length
); i
++) {
245 //tags_part += "<a href=\"#\" onclick=\"viewfeed('" +
246 // article.tags[i] + "')\">" +
247 // article.tags[i] + "</a>, ";
249 tags_part
+= article
.tags
[i
] + ", ";
252 tags_part
= tags_part
.replace(/, $/, "");
253 tags_part
= "<span class=\"tags\">" + tags_part
+ "</span>";
258 mark_part
= "<img title='"+ __("Unstar article")+"' onclick=\"toggle_mark(this, "+article
.id
+")\" src='images/mark_set.svg'>";
260 mark_part
= "<img title='"+__("Star article")+"' onclick=\"toggle_mark(this, "+article
.id
+")\" src='images/mark_unset.svg'>";
262 if (article
.published
)
263 publ_part
= "<img title='"+__("Unpublish article")+"' onclick=\"toggle_pub(this, "+article
.id
+")\" src='images/pub_set.svg'>";
265 publ_part
= "<img title='"+__("Publish article")+"' onclick=\"toggle_pub(this, "+article
.id
+")\" src='images/pub_unset.svg'>";
267 var tmp
= "<div id=\"inner\">" +
272 "<h1>" + "<a target=\"_blank\" href=\""+article
.url
+"\">" +
273 article
.title
+ "</a>" + "</h1>" +
274 "<div id=\"tags\">" +
277 article
.content
+ "</div>";
279 $("article-content").innerHTML
= tmp
;
280 $("article").addClassName("visible");
282 set_selected_article(article
.id
);
284 catchup_article(article_id
,
286 $("A-" + article_id
).addClassName("read");
290 elem
.innerHTML
= __("Error: unable to load article.");
298 exception_error("view", e
);
302 function close_feed() {
303 $("headlines").removeClassName("move");
305 if (mobile_mode
) set_selected_feed(false);
309 if ($("article").hasClassName("visible")) {
316 function close_article() {
317 $("content").removeClassName("move");
318 $("article").removeClassName("visible");
321 function viewfeed(feed_id
, offset
, replace
, no_effects
, no_indicator
, callback
) {
324 $("headlines").addClassName("move");
326 if (!feed_id
) feed_id
= _active_feed_id
;
327 if (offset
== undefined) offset
= 0;
328 if (replace
== undefined) replace
= (offset
== 0);
330 _update_seq
= _update_seq
+ 1;
332 if (!offset
) $("headlines").scrollTop
= 0;
334 var query
= "op=digest&method=digestupdate&feed_id=" +
335 param_escape(feed_id
) + "&offset=" + offset
+
336 "&seq=" + _update_seq
;
342 if ($("F-" + feed_id
)) {
343 img
= $("F-" + feed_id
).getElementsByTagName("IMG")[0];
345 if (img
&& !no_indicator
) {
346 img
.setAttribute("orig_src", img
.src
);
347 img
.src
= 'images/indicator_tiny.gif';
351 new Ajax
.Request("backend.php", {
353 onComplete: function(transport
) {
354 Element
.hide("overlay");
356 fatal_error_check(transport
);
357 parse_headlines(transport
, replace
, no_effects
);
358 set_selected_feed(feed_id
);
359 _active_feed_offset
= offset
;
361 if (img
&& !no_indicator
)
362 img
.src
= img
.getAttribute("orig_src");
364 if (callback
) callback(transport
);
369 exception_error("view", e
);
373 function find_article(articles
, article_id
) {
375 for (var i
= 0; i
< articles
.length
; i
++) {
376 if (articles
[i
].id
== article_id
)
383 exception_error("find_article", e
);
387 function find_feed(feeds
, feed_id
) {
389 for (var i
= 0; i
< feeds
.length
; i
++) {
390 if (feeds
[i
].id
== feed_id
)
397 exception_error("find_feed", e
);
401 function get_feed_icon(feed
) {
404 return getInitParam('icons_url') + "/" + feed
.id
+ '.ico';
407 return 'images/mark_set.svg';
410 return 'images/pub_set.svg';
413 return 'images/fresh.png';
416 return 'images/tag.png';
419 return 'images/label.png';
421 return 'images/blank_icon.gif';
424 exception_error("get_feed_icon", e
);
428 function add_feed_entry(feed
) {
432 icon_part
= "<img src='" + get_feed_icon(feed
) + "'/>";
434 var title
= (feed
.title
.length
> 30) ?
435 feed
.title
.substring(0, 30) + "…" :
438 var tmp_html
= "<li id=\"F-"+feed
.id
+"\" onclick=\"viewfeed("+feed
.id
+")\">" +
439 "<div class='unread-ctr'>" + "<span class=\"unread\">" + feed
.unread
+ "</span></div>" +
443 $("feeds-content").innerHTML
+= tmp_html
;
447 exception_error("add_feed_entry", e
);
451 function add_headline_entry(article
, feed
, no_effects
) {
456 icon_part
= "<img class='icon' src='" + get_feed_icon(feed
) + "'/>";
461 //if (!no_effects) style = "style=\"display : none\"";
463 if (article
.excerpt
.trim() == "")
464 article
.excerpt
= __("Click to expand article.");
466 var li_class
= "unread";
468 var fresh_max
= getInitParam("fresh_article_max_age") * 60 * 60;
471 if (d
.getTime() / 1000 - article
.updated
< fresh_max
)
474 var checkbox_part
= "<input type=\"checkbox\" class=\"cb\" onclick=\"toggle_select_article(this)\"/>";
476 var date
= new Date(article
.updated
* 1000);
478 var date_part
= date
.toString().substring(0,21);
480 var tmp_html
= "<li id=\"A-"+article
.id
+"\" "+style
+" class=\""+li_class
+"\">" +
483 "<a target=\"_blank\" href=\""+article
.link
+"\""+
484 "onclick=\"return view("+article
.id
+")\" class='title'>" +
485 article
.title
+ "</a>" +
486 "<div class='body'>" +
487 "<div onclick=\"view("+article
.id
+")\" class='excerpt'>" +
488 article
.excerpt
+ "</div>" +
489 "<div onclick=\"view("+article
.id
+")\" class='info'>";
491 /* tmp_html += "<a href=\#\" onclick=\"viewfeed("+feed.id+")\">" +
492 feed.title + "</a> " + " @ "; */
494 tmp_html += date_part + "</div>" +
497 $("headlines-content").innerHTML += tmp_html;
500 window.setTimeout('article_appear(' + article.id + ')', 100);
503 exception_error("add_headline_entry", e);
507 function expand_feeds() {
509 _feedlist_expanded = true;
511 redraw_feedlist(last_feeds);
514 exception_error("expand_feeds", e);
518 function redraw_feedlist(feeds) {
521 $('feeds-content').innerHTML = "";
525 if (_feedlist_expanded) limit = feeds.length;
527 for (var i = 0; i < Math.min(limit, feeds.length); i++) {
528 add_feed_entry(feeds[i]);
531 if (feeds.length > limit) {
532 $('feeds-content').innerHTML += "<li id='F-MORE-PROMPT'>" +
533 "<img src='images/blank_icon.gif'>" +
534 "<a href=\"#\" onclick=\"expand_feeds()\">" +
535 ngettext("%d more...", "%d more...", feeds.length-10).replace("%d", feeds.length-10) +
539 if (feeds.length == 0) {
540 $('feeds-content').innerHTML =
541 "<div class='insensitive' style='text-align : center'>" +
542 __("No unread feeds.") + "</div>";
546 set_selected_feed(_active_feed_id);
549 exception_error("redraw_feedlist", e);
553 function parse_feeds(transport) {
555 var reply = JSON.parse(transport.responseText);
559 var feeds = reply['feeds'];
563 feeds.sort( function (a,b)
565 if (b.unread != a.unread)
566 return (b.unread - a.unread);
568 if (a.title > b.title)
570 else if (a.title < b.title)
576 var all_articles = find_feed(feeds, -4);
578 update_title(all_articles.unread);
582 redraw_feedlist(feeds);
585 if (reply['hotkeys']) {
586 hotkeys_map = reply['hotkeys'];
591 //exception_error("parse_feeds", e);
595 function parse_headlines(transport, replace, no_effects) {
597 var reply = JSON.parse(transport.responseText);
600 var seq = reply['seq'];
603 if (seq != _update_seq) {
604 console.log("parse_headlines: wrong sequence received.");
611 var headlines = reply['headlines']['content'];
612 var headlines_title = reply['headlines']['title'];
614 if (headlines && headlines_title) {
617 $('headlines-content').innerHTML = '';
620 var pr = $('H-MORE-PROMPT');
622 if (pr) pr.parentNode.removeChild(pr);
624 var inserted = false;
626 for (var i = 0; i < headlines.length; i++) {
628 if (!$('A-' + headlines[i].id)) {
629 add_headline_entry(headlines[i],
630 find_feed(last_feeds, headlines[i].feed_id), !no_effects);
635 console.log(inserted.id);
637 var ids = get_visible_article_ids();
639 if (ids.length > 0) {
641 $('headlines-content').appendChild(pr);
644 $('headlines-content').innerHTML += "<li id='H-MORE-PROMPT'>" +
645 "<div class='body'>" +
646 "<a href=\"#\" onclick=\"catchup_visible_articles()\">" +
647 __("Mark as read") + "</a> | " +
648 "<a href=\"javascript:load_more()\">" +
649 __("Load more...") + "</a>" +
650 "<img style=\"display : none\" "+
651 "id=\"H-LOADING-IMG\" src='images/indicator_tiny.gif'>" +
655 // FIXME : display some kind of "nothing to see here" prompt here
658 // if (replace && !no_effects)
659 // new Effect.Appear('headlines-content', {duration : 0.3});
661 //new Effect.Appear('headlines-content');
665 exception_error("parse_headlines", e);
669 function init_second_stage() {
671 new Ajax.Request("backend.php", {
672 parameters: "op=digest&method=digestinit&init=1",
673 onComplete: function(transport) {
674 parse_feeds(transport);
675 Element.hide("overlay");
677 document.onkeydown = hotkey_handler;
680 window.setTimeout('viewfeed(-4)', 100);
681 _update_timeout = window.setTimeout('update()', 5*1000);
685 exception_error("init_second_stage", e);
689 function init(mobile) {
691 mobile_mode = mobile;
693 new Ajax.Request("backend.php", {
694 parameters: {op: "rpc", method: "sanityCheck"},
695 onComplete: function(transport) {
696 backend_sanity_check_callback(transport);
700 exception_error("digest_init", e);
704 function toggle_mark(img, id) {
708 var query = "op=rpc&id=" + id + "&method=mark";
712 if (img.src.match("mark_unset")) {
713 img.src = img.src.replace("mark_unset", "mark_set");
714 img.alt = __("Unstar article");
715 query = query + "&mark=1";
717 img.src = img.src.replace("mark_set", "mark_unset");
718 img.alt = __("Star article");
719 query = query + "&mark=0";
722 new Ajax.Request("backend.php", {
724 onComplete: function(transport) {
729 exception_error("toggle_mark", e);
733 function toggle_pub(img, id, note) {
737 var query = "op=rpc&id=" + id + "&method=publ";
739 if (note != undefined) {
740 query = query + "¬e=" + param_escape(note);
742 query = query + "¬e=undefined";
747 if (img.src.match("pub_unset") || note != undefined) {
748 img.src = img.src.replace("pub_unset", "pub_set");
749 img.alt = __("Unpublish article");
750 query = query + "&pub=1";
753 img.src = img.src.replace("pub_set", "pub_unset");
754 img.alt = __("Publish article");
755 query = query + "&pub=0";
758 new Ajax.Request("backend.php", {
760 onComplete: function(transport) {
765 exception_error("toggle_pub", e);
769 function fatal_error(code, msg) {
773 window.location.href = "digest.php";
774 } else if (code == 5) {
775 window.location.href = "db-updater.php";
778 if (msg == "") msg = "Unknown error";
780 console.error("Fatal error: " + code + "\n" +
786 exception_error("fatalError", e);
790 function fatal_error_check(transport) {
792 if (transport.responseXML) {
793 var error = transport.responseXML.getElementsByTagName("error")[0];
796 var code = error.getAttribute("error-code");
797 var msg = error.getAttribute("error-msg");
799 fatal_error(code, msg);
805 exception_error("fatal_error_check", e);
810 function update_title(unread) {
812 document.title = "Tiny Tiny RSS";
815 document.title += " (" + unread + ")";
818 exception_error("update_title", e);
822 function toggle_select_article(elem) {
824 var article = elem.parentNode;
826 if (article.hasClassName("selected"))
827 article.removeClassName("selected");
829 article.addClassName("selected");
832 exception_error("toggle_select_article", e);
836 function hotkey_handler(e) {
839 if (e.target.nodeName == "INPUT" || e.target.nodeName == "TEXTAREA") return;
842 var shift_key = false;
844 var cmdline = $('cmdline');
847 shift_key = e.shiftKey;
853 keycode = window.event.keyCode;
858 var keychar = String.fromCharCode(keycode);
860 if (!shift_key) keychar = keychar.toLowerCase();
862 if (keycode == 16) return; // ignore lone shift
863 if (keycode == 17) return; // ignore lone ctrl
865 var hotkey = keychar.search(/[a-zA-Z0-9]/) != -1 ? keychar : "(" + keycode + ")";
866 hotkey = hotkey_prefix ? hotkey_prefix + " " + hotkey : hotkey;
867 hotkey_prefix = false;
869 var hotkey_action = false;
870 var hotkeys = getInitParam("hotkeys");
872 for (sequence in hotkeys[1]) {
873 if (sequence == hotkey) {
874 hotkey_action = hotkeys[1][sequence];
885 switch (hotkey_action) {
887 var feeds = $$("#feeds li");
888 for (var i = 0; i < feeds.length; i++) {
889 var base_id = feeds[i].id.replace("F-", "");
891 if (base_id == _active_feed_id) {
893 viewfeed(feeds[i+1].id.replace("F-", ""));
900 var feeds = $$("#feeds li");
901 for (var i = 0; i < feeds.length; i++) {
902 var base_id = feeds[i].id.replace("F-", "");
904 if (base_id == _active_feed_id) {
906 viewfeed(feeds[i-1].id.replace("F-", ""));
917 console.log("unhandled action: " + hotkey_action + "; hotkey: " + hotkey);
922 exception_error("hotkey_handler", e);