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