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