]> git.wh0rd.org - tt-rss.git/blob - digest.js
release 1.5.7
[tt-rss.git] / digest.js
1 var last_feeds = [];
2 var init_params = {};
3
4 var _active_feed_id = false;
5 var _update_timeout = false;
6 var _view_update_timeout = false;
7 var _feedlist_expanded = false;
8 var _update_seq = 1;
9
10 function article_appear(article_id) {
11 try {
12 new Effect.Appear('A-' + article_id);
13 } catch (e) {
14 exception_error("article_appear", e);
15 }
16 }
17
18 function catchup_feed(feed_id, callback) {
19 try {
20
21 var fn = find_feed(last_feeds, feed_id).title;
22
23 if (confirm(__("Mark all articles in %s as read?").replace("%s", fn))) {
24
25 var is_cat = "";
26
27 if (feed_id < 0) is_cat = "true"; // KLUDGE
28
29 var query = "?op=rpc&subop=catchupFeed&feed_id=" +
30 feed_id + "&is_cat=" + is_cat;
31
32 new Ajax.Request("backend.php", {
33 parameters: query,
34 onComplete: function(transport) {
35 if (callback) callback(transport);
36
37 update();
38 } });
39 }
40
41 } catch (e) {
42 exception_error("catchup_article", e);
43 }
44 }
45
46 function get_visible_article_ids() {
47 try {
48 var elems = $("headlines-content").getElementsByTagName("LI");
49 var ids = [];
50
51 for (var i = 0; i < elems.length; i++) {
52 if (elems[i].id && elems[i].id.match("A-")) {
53 ids.push(elems[i].id.replace("A-", ""));
54 }
55 }
56
57 return ids;
58
59 } catch (e) {
60 exception_error("get_visible_article_ids", e);
61 }
62 }
63
64 function catchup_visible_articles(callback) {
65 try {
66
67 var ids = get_visible_article_ids();
68
69 if (confirm(__("Mark %d displayed articles as read?").replace("%d", ids.length))) {
70
71 var query = "?op=rpc&subop=catchupSelected" +
72 "&cmode=0&ids=" + param_escape(ids);
73
74 new Ajax.Request("backend.php", {
75 parameters: query,
76 onComplete: function(transport) {
77 if (callback) callback(transport);
78
79 viewfeed(_active_feed_id, 0);
80 } });
81
82 }
83
84 } catch (e) {
85 exception_error("catchup_visible_articles", e);
86 }
87 }
88
89 function catchup_article(article_id, callback) {
90 try {
91 var query = "?op=rpc&subop=catchupSelected" +
92 "&cmode=0&ids=" + article_id;
93
94 new Ajax.Request("backend.php", {
95 parameters: query,
96 onComplete: function(transport) {
97 if (callback) callback(transport);
98 } });
99
100 } catch (e) {
101 exception_error("catchup_article", e);
102 }
103 }
104
105 function set_selected_article(article_id) {
106 try {
107 $$("#headlines-content > li[id*=A-]").each(function(article) {
108 var id = article.id.replace("A-", "");
109
110 var cb = article.getElementsByTagName("INPUT")[0];
111
112 if (id == article_id) {
113 article.addClassName("selected");
114 cb.checked = true;
115 } else {
116 article.removeClassName("selected");
117 cb.checked = false;
118 }
119
120 });
121
122 } catch (e) {
123 exception_error("mark_selected_feed", e);
124 }
125 }
126
127
128 function set_selected_feed(feed_id) {
129 try {
130 var feeds = $("feeds-content").getElementsByTagName("LI");
131
132 for (var i = 0; i < feeds.length; i++) {
133 if (feeds[i].id == "F-" + feed_id)
134 feeds[i].className = "selected";
135 else
136 feeds[i].className = "";
137 }
138
139 _active_feed_id = feed_id;
140
141 } catch (e) {
142 exception_error("mark_selected_feed", e);
143 }
144 }
145
146 function load_more() {
147 try {
148 var pr = $("H-LOADING-IMG");
149
150 if (pr) Element.show(pr);
151
152 var offset = $$("#headlines-content > li[id*=A-][class*=fresh],li[id*=A-][class*=unread]").length;
153
154 viewfeed(false, offset, false, false, true,
155 function() {
156 var pr = $("H-LOADING-IMG");
157
158 if (pr) Element.hide(pr);
159 });
160 } catch (e) {
161 exception_error("load_more", e);
162 }
163 }
164
165 function update(callback) {
166 try {
167 console.log('updating feeds...');
168
169 window.clearTimeout(_update_timeout);
170
171 new Ajax.Request("backend.php", {
172 parameters: "?op=rpc&subop=digest-init",
173 onComplete: function(transport) {
174 fatal_error_check(transport);
175 parse_feeds(transport);
176 set_selected_feed(_active_feed_id);
177
178 if (callback) callback(transport);
179 } });
180
181 _update_timeout = window.setTimeout('update()', 5*1000);
182 } catch (e) {
183 exception_error("update", e);
184 }
185 }
186
187 function remove_headline_entry(article_id) {
188 try {
189 var elem = $('A-' + article_id);
190
191 if (elem) {
192 elem.parentNode.removeChild(elem);
193 }
194
195 } catch (e) {
196 exception_error("remove_headline_entry", e);
197 }
198 }
199
200 function view_update() {
201 try {
202 viewfeed(_active_feed_id, _active_feed_offset, false, true, true);
203 update();
204 } catch (e) {
205 exception_error("view_update", e);
206 }
207 }
208
209 function view(article_id) {
210 try {
211 $("content").addClassName("move");
212
213 var a = $("A-" + article_id);
214 var h = $("headlines");
215
216 setTimeout(function() {
217 // below or above viewport, reposition headline
218 if (a.offsetTop > h.scrollTop + h.offsetHeight || a.offsetTop+a.offsetHeight < h.scrollTop+a.offsetHeight)
219 h.scrollTop = a.offsetTop - (h.offsetHeight/2 - a.offsetHeight/2);
220 }, 500);
221
222 new Ajax.Request("backend.php", {
223 parameters: "?op=rpc&subop=digest-get-contents&article_id=" +
224 article_id,
225 onComplete: function(transport) {
226 fatal_error_check(transport);
227
228 var reply = JSON.parse(transport.responseText);
229
230 if (reply) {
231 var article = reply['article'];
232
233 var mark_part = "";
234 var publ_part = "";
235
236 var tags_part = "";
237
238 if (article.tags.length > 0) {
239 tags_part = " " + __("in") + " ";
240
241 for (var i = 0; i < Math.min(5, article.tags.length); i++) {
242 //tags_part += "<a href=\"#\" onclick=\"viewfeed('" +
243 // article.tags[i] + "')\">" +
244 // article.tags[i] + "</a>, ";
245
246 tags_part += article.tags[i] + ", ";
247 }
248
249 tags_part = tags_part.replace(/, $/, "");
250 tags_part = "<span class=\"tags\">" + tags_part + "</span>";
251
252 }
253
254 if (article.marked)
255 mark_part = "<img title='"+ __("Unstar article")+"' onclick=\"toggle_mark(this, "+article.id+")\" src='images/mark_set.png'>";
256 else
257 mark_part = "<img title='"+__("Star article")+"' onclick=\"toggle_mark(this, "+article.id+")\" src='images/mark_unset.png'>";
258
259 if (article.published)
260 publ_part = "<img title='"+__("Unpublish article")+"' onclick=\"toggle_pub(this, "+article.id+")\" src='images/pub_set.png'>";
261 else
262 publ_part = "<img title='"+__("Publish article")+"' onclick=\"toggle_pub(this, "+article.id+")\" src='images/pub_unset.png'>";
263
264 var tmp = "<div id=\"toolbar\">" +
265 "<a target=\"_blank\" href=\""+article.url+"\">" + __("Original article") + "</a>" +
266 "<div style=\"float : right\"><a href=\"#\" onclick=\"close_article()\">" +
267 __("Close this panel") + "</a></div></div>" +
268 "<div id=\"inner\">" +
269 "<div id=\"ops\">" +
270 mark_part +
271 publ_part +
272 "</div>" +
273 "<h1>" + article.title + "</h1>" +
274 "<div id=\"tags\">" +
275 tags_part +
276 "</div>" +
277 article.content + "</div>";
278
279 $("article-content").innerHTML = tmp;
280 $("article").addClassName("visible");
281
282 set_selected_article(article.id);
283
284 catchup_article(article_id,
285 function() {
286 $("A-" + article_id).addClassName("read");
287 });
288
289 } else {
290 elem.innerHTML = __("Error: unable to load article.");
291 }
292 }
293 });
294
295
296 return false;
297 } catch (e) {
298 exception_error("view", e);
299 }
300 }
301
302 function close_article() {
303 $("content").removeClassName("move");
304 $("article").removeClassName("visible");
305 }
306
307 function viewfeed(feed_id, offset, replace, no_effects, no_indicator, callback) {
308 try {
309
310 if (!feed_id) feed_id = _active_feed_id;
311 if (offset == undefined) offset = 0;
312 if (replace == undefined) replace = (offset == 0);
313
314 _update_seq = _update_seq + 1;
315
316 if (!offset) $("headlines").scrollTop = 0;
317
318 var query = "backend.php?op=rpc&subop=digest-update&feed_id=" +
319 param_escape(feed_id) + "&offset=" + offset +
320 "&seq=" + _update_seq;
321
322 console.log(query);
323
324 if ($("F-" + feed_id)) {
325 var img = $("F-" + feed_id).getElementsByTagName("IMG")[0];
326
327 if (img && !no_indicator) {
328 img.setAttribute("orig_src", img.src);
329 img.src = 'images/indicator_tiny.gif';
330 }
331 }
332
333 new Ajax.Request("backend.php", {
334 parameters: query,
335 onComplete: function(transport) {
336 Element.hide("overlay");
337
338 fatal_error_check(transport);
339 parse_headlines(transport, replace, no_effects);
340 set_selected_feed(feed_id);
341 _active_feed_offset = offset;
342
343 if (img && !no_indicator)
344 img.src = img.getAttribute("orig_src");
345
346 if (callback) callback(transport);
347
348 } });
349
350 } catch (e) {
351 exception_error("view", e);
352 }
353 }
354
355 function find_article(articles, article_id) {
356 try {
357 for (var i = 0; i < articles.length; i++) {
358 if (articles[i].id == article_id)
359 return articles[i];
360 }
361
362 return false;
363
364 } catch (e) {
365 exception_error("find_article", e);
366 }
367 }
368
369 function find_feed(feeds, feed_id) {
370 try {
371 for (var i = 0; i < feeds.length; i++) {
372 if (feeds[i].id == feed_id)
373 return feeds[i];
374 }
375
376 return false;
377
378 } catch (e) {
379 exception_error("find_feed", e);
380 }
381 }
382
383 function get_feed_icon(feed) {
384 try {
385 if (feed.has_icon)
386 return getInitParam('icons_url') + "/" + feed.id + '.ico';
387
388 if (feed.id == -1)
389 return 'images/mark_set.png';
390
391 if (feed.id == -2)
392 return 'images/pub_set.png';
393
394 if (feed.id == -3)
395 return 'images/fresh.png';
396
397 if (feed.id == -4)
398 return 'images/tag.png';
399
400 if (feed.id < -10)
401 return 'images/label.png';
402
403 return 'images/blank_icon.gif';
404
405 } catch (e) {
406 exception_error("get_feed_icon", e);
407 }
408 }
409
410 function add_feed_entry(feed) {
411 try {
412 var icon_part = "";
413
414 icon_part = "<img src='" + get_feed_icon(feed) + "'/>";
415
416 var tmp_html = "<li id=\"F-"+feed.id+"\" onclick=\"viewfeed("+feed.id+")\">" +
417 icon_part + feed.title +
418 "<div class='unread-ctr'>" + "<span class=\"unread\">" + feed.unread + "</span>" +
419 "</div>" + "</li>";
420
421 $("feeds-content").innerHTML += tmp_html;
422
423
424 } catch (e) {
425 exception_error("add_feed_entry", e);
426 }
427 }
428
429 function add_headline_entry(article, feed, no_effects) {
430 try {
431
432 var icon_part = "";
433
434 icon_part = "<img class='icon' src='" + get_feed_icon(feed) + "'/>";
435
436
437 var style = "";
438
439 //if (!no_effects) style = "style=\"display : none\"";
440
441 if (article.excerpt.trim() == "")
442 article.excerpt = __("Click to expand article.");
443
444 var li_class = "unread";
445
446 var fresh_max = getInitParam("fresh_article_max_age") * 60 * 60;
447 var d = new Date();
448
449 if (d.getTime() / 1000 - article.updated < fresh_max)
450 li_class = "fresh";
451
452 //"<img title='" + __("Share on Twitter") + "' onclick=\"tweet_article("+article.id+", true)\" src='images/art-tweet.png'>" +
453
454 //"<img title='" + __("Mark as read") + "' onclick=\"view("+article.id+", true)\" src='images/digest_checkbox.png'>" +
455
456 var checkbox_part = "<input type=\"checkbox\" class=\"cb\" onclick=\"toggle_select_article(this)\"/>";
457
458 var date = new Date(article.updated * 1000);
459
460 var date_part = date.toString().substring(0,21);
461
462 var tmp_html = "<li id=\"A-"+article.id+"\" "+style+" class=\""+li_class+"\">" +
463 checkbox_part +
464 icon_part +
465 "<a target=\"_blank\" href=\""+article.link+"\""+
466 "onclick=\"return view("+article.id+")\" class='title'>" +
467 article.title + "</a>" +
468 "<div class='body'>" +
469 "<div onclick=\"view("+article.id+")\" class='excerpt'>" +
470 article.excerpt + "</div>" +
471 "<div class='info'>";
472
473 /* tmp_html += "<a href=\#\" onclick=\"viewfeed("+feed.id+")\">" +
474 feed.title + "</a> " + " @ "; */
475
476 tmp_html += date_part + "</div>" +
477 "</div></li>";
478
479 $("headlines-content").innerHTML += tmp_html;
480
481 if (!no_effects)
482 window.setTimeout('article_appear(' + article.id + ')', 100);
483
484 } catch (e) {
485 exception_error("add_headline_entry", e);
486 }
487 }
488
489 function expand_feeds() {
490 try {
491 _feedlist_expanded = true;
492
493 redraw_feedlist(last_feeds);
494
495 } catch (e) {
496 exception_error("expand_feeds", e);
497 }
498 }
499
500 function redraw_feedlist(feeds) {
501 try {
502
503 $('feeds-content').innerHTML = "";
504
505 var limit = 10;
506
507 if (_feedlist_expanded) limit = feeds.length;
508
509 for (var i = 0; i < Math.min(limit, feeds.length); i++) {
510 add_feed_entry(feeds[i]);
511 }
512
513 if (feeds.length > limit) {
514 $('feeds-content').innerHTML += "<li id='F-MORE-PROMPT'>" +
515 "<img src='images/blank_icon.gif'>" +
516 "<a href=\"#\" onclick=\"expand_feeds()\">" +
517 __("%d more...").replace("%d", feeds.length-10) +
518 "</a>" + "</li>";
519 }
520
521 if (feeds.length == 0) {
522 $('feeds-content').innerHTML =
523 "<div class='insensitive' style='text-align : center'>" +
524 __("No unread feeds.") + "</div>";
525 }
526
527 if (_active_feed_id)
528 set_selected_feed(_active_feed_id);
529
530 } catch (e) {
531 exception_error("redraw_feedlist", e);
532 }
533 }
534
535 function parse_feeds(transport) {
536 try {
537 var reply = JSON.parse(transport.responseText);
538
539 if (!reply) return;
540
541 var feeds = reply['feeds'];
542
543 if (feeds) {
544
545 feeds.sort( function (a,b)
546 {
547 if (b.unread != a.unread)
548 return (b.unread - a.unread)
549 else
550 if (a.title > b.title)
551 return 1;
552 else if (a.title < b.title)
553 return -1;
554 else
555 return 0;
556 });
557
558 var all_articles = find_feed(feeds, -4);
559
560 update_title(all_articles.unread);
561
562 last_feeds = feeds;
563
564 redraw_feedlist(feeds);
565 }
566
567 } catch (e) {
568 exception_error("parse_feeds", e);
569 }
570 }
571
572 function parse_headlines(transport, replace, no_effects) {
573 try {
574 var reply = JSON.parse(transport.responseText);
575 if (!reply) return;
576
577 var seq = reply['seq'];
578
579 if (seq) {
580 if (seq != _update_seq) {
581 console.log("parse_headlines: wrong sequence received.");
582 return;
583 }
584 } else {
585 return;
586 }
587
588 var headlines = reply['headlines']['content'];
589 var headlines_title = reply['headlines']['title'];
590
591 if (headlines && headlines_title) {
592
593 if (replace) {
594 $('headlines-content').innerHTML = '';
595 }
596
597 var pr = $('H-MORE-PROMPT');
598
599 if (pr) pr.parentNode.removeChild(pr);
600
601 var inserted = false;
602
603 for (var i = 0; i < headlines.length; i++) {
604
605 if (!$('A-' + headlines[i].id)) {
606 add_headline_entry(headlines[i],
607 find_feed(last_feeds, headlines[i].feed_id), !no_effects);
608
609 }
610 }
611
612 console.log(inserted.id);
613
614 var ids = get_visible_article_ids();
615
616 if (ids.length > 0) {
617 if (pr) {
618 $('headlines-content').appendChild(pr);
619
620 } else {
621 $('headlines-content').innerHTML += "<li id='H-MORE-PROMPT'>" +
622 "<div class='body'>" +
623 "<a href=\"#\" onclick=\"catchup_visible_articles()\">" +
624 __("Mark as read") + "</a> | " +
625 "<a href=\"javascript:load_more()\">" +
626 __("Load more...") + "</a>" +
627 "<img style=\"display : none\" "+
628 "id=\"H-LOADING-IMG\" src='images/indicator_tiny.gif'>" +
629 "</div></li>";
630 }
631 } else {
632 // FIXME : display some kind of "nothing to see here" prompt here
633 }
634
635 // if (replace && !no_effects)
636 // new Effect.Appear('headlines-content', {duration : 0.3});
637
638 //new Effect.Appear('headlines-content');
639 }
640
641 } catch (e) {
642 exception_error("parse_headlines", e);
643 }
644 }
645
646 function init_second_stage() {
647 try {
648 new Ajax.Request("backend.php", {
649 parameters: "backend.php?op=rpc&subop=digest-init",
650 onComplete: function(transport) {
651 parse_feeds(transport);
652 Element.hide("overlay");
653
654 window.setTimeout('viewfeed(-4)', 100);
655 _update_timeout = window.setTimeout('update()', 5*1000);
656 } });
657
658 } catch (e) {
659 exception_error("init_second_stage", e);
660 }
661 }
662
663 function init() {
664 try {
665 dojo.require("dijit.Dialog");
666
667 new Ajax.Request("backend.php", {
668 parameters: "?op=rpc&subop=sanityCheck",
669 onComplete: function(transport) {
670 backend_sanity_check_callback(transport);
671 } });
672
673 } catch (e) {
674 exception_error("digest_init", e);
675 }
676 }
677
678 function toggle_mark(img, id) {
679
680 try {
681
682 var query = "?op=rpc&id=" + id + "&subop=mark";
683
684 if (!img) return;
685
686 if (img.src.match("mark_unset")) {
687 img.src = img.src.replace("mark_unset", "mark_set");
688 img.alt = __("Unstar article");
689 query = query + "&mark=1";
690 } else {
691 img.src = img.src.replace("mark_set", "mark_unset");
692 img.alt = __("Star article");
693 query = query + "&mark=0";
694 }
695
696 new Ajax.Request("backend.php", {
697 parameters: query,
698 onComplete: function(transport) {
699 update();
700 } });
701
702 } catch (e) {
703 exception_error("toggle_mark", e);
704 }
705 }
706
707 function toggle_pub(img, id, note) {
708
709 try {
710
711 var query = "?op=rpc&id=" + id + "&subop=publ";
712
713 if (note != undefined) {
714 query = query + "&note=" + param_escape(note);
715 } else {
716 query = query + "&note=undefined";
717 }
718
719 if (!img) return;
720
721 if (img.src.match("pub_unset") || note != undefined) {
722 img.src = img.src.replace("pub_unset", "pub_set");
723 img.alt = __("Unpublish article");
724 query = query + "&pub=1";
725
726 } else {
727 img.src = img.src.replace("pub_set", "pub_unset");
728 img.alt = __("Publish article");
729 query = query + "&pub=0";
730 }
731
732 new Ajax.Request("backend.php", {
733 parameters: query,
734 onComplete: function(transport) {
735 update();
736 } });
737
738 } catch (e) {
739 exception_error("toggle_pub", e);
740 }
741 }
742
743 function fatal_error(code, msg) {
744 try {
745
746 if (code == 6) {
747 window.location.href = "digest.php";
748 } else if (code == 5) {
749 window.location.href = "db-updater.php";
750 } else {
751
752 if (msg == "") msg = "Unknown error";
753
754 console.error("Fatal error: " + code + "\n" +
755 msg);
756
757 }
758
759 } catch (e) {
760 exception_error("fatalError", e);
761 }
762 }
763
764 function fatal_error_check(transport) {
765 try {
766 if (transport.responseXML) {
767 var error = transport.responseXML.getElementsByTagName("error")[0];
768
769 if (error) {
770 var code = error.getAttribute("error-code");
771 var msg = error.getAttribute("error-msg");
772 if (code != 0) {
773 fatal_error(code, msg);
774 return false;
775 }
776 }
777 }
778 } catch (e) {
779 exception_error("fatal_error_check", e);
780 }
781 return true;
782 }
783
784 function update_title(unread) {
785 try {
786 document.title = "Tiny Tiny RSS";
787
788 if (unread > 0)
789 document.title += " (" + unread + ")";
790
791 } catch (e) {
792 exception_error("update_title", e);
793 }
794 }
795
796 function tweet_article(id) {
797 try {
798
799 var query = "?op=rpc&subop=getTweetInfo&id=" + param_escape(id);
800
801 console.log(query);
802
803 var d = new Date();
804 var ts = d.getTime();
805
806 var w = window.open('backend.php?op=loading', 'ttrss_tweet',
807 "status=0,toolbar=0,location=0,width=500,height=400,scrollbars=1,menubar=0");
808
809 new Ajax.Request("backend.php", {
810 parameters: query,
811 onComplete: function(transport) {
812 var ti = JSON.parse(transport.responseText);
813
814 var share_url = "http://twitter.com/share?_=" + ts +
815 "&text=" + param_escape(ti.title) +
816 "&url=" + param_escape(ti.link);
817
818 w.location.href = share_url;
819
820 } });
821
822 } catch (e) {
823 exception_error("tweet_article", e);
824 }
825 }
826
827 function toggle_select_article(elem) {
828 try {
829 var article = elem.parentNode;
830
831 if (article.hasClassName("selected"))
832 article.removeClassName("selected");
833 else
834 article.addClassName("selected");
835
836 } catch (e) {
837 exception_error("toggle_select_article", e);
838 }
839 }