4 var _active_feed_id = false;
5 var _active_feed_offset = false;
6 var _update_timeout = false;
7 var _view_update_timeout = false;
8 var _feedlist_expanded = false;
11 function article_appear(article_id) {
13 new Effect.Appear('A-' + article_id);
15 exception_error("article_appear", e);
19 function catchup_feed(feed_id, callback) {
22 var fn = find_feed(last_feeds, feed_id).title;
24 if (confirm(__("Mark all articles in %s as read?").replace("%s", fn))) {
28 if (feed_id < 0) is_cat = "true"; // KLUDGE
30 var query = "?op=rpc&subop=catchupFeed&feed_id=" +
31 feed_id + "&is_cat=" + is_cat;
33 new Ajax.Request("backend.php", {
35 onComplete: function(transport) {
36 if (callback) callback(transport);
43 exception_error("catchup_article", e);
47 function get_visible_article_ids() {
49 var elems = $("headlines-content").getElementsByTagName("LI");
52 for (var i = 0; i < elems.length; i++) {
53 if (elems[i].id && elems[i].id.match("A-")) {
54 ids.push(elems[i].id.replace("A-", ""));
61 exception_error("get_visible_article_ids", e);
65 function catchup_visible_articles(callback) {
68 var ids = get_visible_article_ids();
70 if (confirm(__("Mark %d displayed articles as read?").replace("%d", ids.length))) {
72 var query = "?op=rpc&subop=catchupSelected" +
73 "&cmode=0&ids=" + param_escape(ids);
75 new Ajax.Request("backend.php", {
77 onComplete: function(transport) {
78 if (callback) callback(transport);
80 viewfeed(_active_feed_id, 0);
86 exception_error("catchup_visible_articles", e);
90 function catchup_article(article_id, callback) {
92 var query = "?op=rpc&subop=catchupSelected" +
93 "&cmode=0&ids=" + article_id;
95 new Ajax.Request("backend.php", {
97 onComplete: function(transport) {
98 if (callback) callback(transport);
102 exception_error("catchup_article", e);
106 function set_selected_feed(feed_id) {
108 var feeds = $("feeds-content").getElementsByTagName("LI");
110 for (var i = 0; i < feeds.length; i++) {
111 if (feeds[i].id == "F-" + feed_id)
112 feeds[i].className = "selected";
114 feeds[i].className = "";
117 _active_feed_id = feed_id;
120 exception_error("mark_selected_feed", e);
124 function zoom(elem, article_id) {
126 //alert(elem + "/" + article_id);
128 elem.innerHTML = "<img src='images/indicator_tiny.gif'> " +
129 __("Loading, please wait...");
131 new Ajax.Request("backend.php", {
132 parameters: "?op=rpc&subop=digest-get-contents&article_id=" +
134 onComplete: function(transport) {
135 fatal_error_check(transport);
137 var reply = JSON.parse(transport.responseText);
140 var article = reply['article'];
142 elem.innerHTML = article.content;
144 new Effect.BlindDown(elem, {duration : 0.5});
146 elem.onclick = false;
147 elem.style.cursor = "auto";
149 catchup_article(article_id,
151 window.clearTimeout(_view_update_timeout);
152 _view_update_timeout = window.setTimeout("view_update()", 500);
153 $("A-" + article_id).className = "read";
158 elem.innerHTML = __("Error: unable to load article.");
165 exception_error("zoom", e);
169 function load_more() {
171 var pr = $("H-LOADING-IMG");
173 if (pr) Element.show(pr);
175 viewfeed(_active_feed_id, _active_feed_offset + 10, false, false, true,
177 var pr = $("H-LOADING-IMG");
179 if (pr) Element.hide(pr);
182 exception_error("load_more", e);
186 function update(callback) {
188 console.log('updating feeds...');
190 window.clearTimeout(_update_timeout);
192 new Ajax.Request("backend.php", {
193 parameters: "?op=rpc&subop=digest-init",
194 onComplete: function(transport) {
195 fatal_error_check(transport);
196 parse_feeds(transport);
197 set_selected_feed(_active_feed_id);
199 if (callback) callback(transport);
202 _update_timeout = window.setTimeout('update()', 5*1000);
204 exception_error("update", e);
208 function remove_headline_entry(article_id) {
210 var elem = $('A-' + article_id);
213 elem.parentNode.removeChild(elem);
217 exception_error("remove_headline_entry", e);
221 function view_update() {
223 viewfeed(_active_feed_id, _active_feed_offset, false, true, true);
226 exception_error("view_update", e);
230 function view(article_id, dismiss_only) {
232 remove_headline_entry(article_id);
234 catchup_article(article_id,
236 window.clearTimeout(_view_update_timeout);
237 _view_update_timeout = window.setTimeout("view_update()", 500);
240 return dismiss_only != true;
242 exception_error("view", e);
246 function viewfeed(feed_id, offset, replace, no_effects, no_indicator, callback) {
249 if (!feed_id) feed_id = _active_feed_id;
254 offset = _active_feed_offset + offset;
257 if (replace == undefined) replace = (offset == 0);
259 _update_seq = _update_seq + 1;
261 var query = "backend.php?op=rpc&subop=digest-update&feed_id=" +
262 param_escape(feed_id) + "&offset=" + offset +
263 "&seq=" + _update_seq;
267 if ($("F-" + feed_id)) {
268 var img = $("F-" + feed_id).getElementsByTagName("IMG")[0];
270 if (img && !no_indicator) {
271 img.setAttribute("orig_src", img.src);
272 img.src = 'images/indicator_tiny.gif';
276 new Ajax.Request("backend.php", {
278 onComplete: function(transport) {
279 Element.hide("overlay");
281 fatal_error_check(transport);
282 parse_headlines(transport, replace, no_effects);
283 set_selected_feed(feed_id);
284 _active_feed_offset = offset;
286 if (img && !no_indicator)
287 img.src = img.getAttribute("orig_src");
289 if (callback) callback(transport);
294 exception_error("view", e);
298 function find_article(articles, article_id) {
300 for (var i = 0; i < articles.length; i++) {
301 if (articles[i].id == article_id)
308 exception_error("find_article", e);
312 function find_feed(feeds, feed_id) {
314 for (var i = 0; i < feeds.length; i++) {
315 if (feeds[i].id == feed_id)
322 exception_error("find_feed", e);
326 function get_feed_icon(feed) {
329 return getInitParam('icons_url') + "/" + feed.id + '.ico';
332 return 'images/mark_set.png';
335 return 'images/pub_set.png';
338 return 'images/fresh.png';
341 return 'images/tag.png';
344 return 'images/label.png';
346 return 'images/blank_icon.gif';
349 exception_error("get_feed_icon", e);
353 function add_feed_entry(feed) {
357 icon_part = "<img src='" + get_feed_icon(feed) + "'/>";
359 var tmp_html = "<li id=\"F-"+feed.id+"\" " +
360 "onmouseover=\"feed_mi(this)\" onmouseout=\"feed_mo(this)\">" +
362 "<a href=\"#\" onclick=\"viewfeed("+feed.id+")\">" + feed.title + "</a>" +
363 "<div class='unread-ctr'>" +
364 "<img onclick=\"catchup_feed("+feed.id+")\" title=\"" +
366 "\" class=\"dismiss\" style='display : none' src=\"images/digest_checkbox.png\">" +
367 "<span class=\"unread\">" + feed.unread + "</span>" +
371 $("feeds-content").innerHTML += tmp_html;
374 exception_error("add_feed_entry", e);
378 function add_headline_entry(article, feed, no_effects) {
383 icon_part = "<img class='icon' src='" + get_feed_icon(feed) + "'/>";
390 if (article.tags.length > 0) {
392 tags_part = " " + __("in") + " ";
394 for (var i = 0; i < Math.min(5, article.tags.length); i++) {
395 tags_part += "<a href=\"#\" onclick=\"viewfeed('" +
396 article.tags[i] + "')\">" +
397 article.tags[i] + "</a>, ";
400 tags_part = tags_part.replace(/, $/, "");
401 tags_part = "<span class=\"tags\">" + tags_part + "</span>";
405 mark_part = "<img title='"+ __("Unstar article")+"' onclick=\"toggle_mark(this, "+article.id+")\" src='images/mark_set.png'>";
407 mark_part = "<img title='"+__("Star article")+"' onclick=\"toggle_mark(this, "+article.id+")\" src='images/mark_unset.png'>";
409 if (article.published)
410 publ_part = "<img title='"+__("Unpublish article")+"' onclick=\"toggle_pub(this, "+article.id+")\" src='images/pub_set.png'>";
412 publ_part = "<img title='"+__("Publish article")+"' onclick=\"toggle_pub(this, "+article.id+")\" src='images/pub_unset.png'>";
416 if (!no_effects) style = "style=\"display : none\"";
418 if (article.excerpt.trim() == "")
419 article.excerpt = __("Click to expand article.");
421 var li_class = "unread";
423 var fresh_max = getInitParam("fresh_article_max_age") * 60 * 60;
426 if (d.getTime() / 1000 - article.updated < fresh_max)
429 var tmp_html = "<li id=\"A-"+article.id+"\" "+style+" class=\""+li_class+"\">" +
432 "<div class='digest-check'>" +
435 "<img title='" + __("Share on Twitter") + "' onclick=\"tweet_article("+article.id+", true)\" src='images/art-tweet.png'>" +
436 "<img title='" + __("Mark as read") + "' onclick=\"view("+article.id+", true)\" src='images/digest_checkbox.png'>" +
438 "<a target=\"_blank\" href=\""+article.link+"\""+
439 "onclick=\"return view("+article.id+")\" class='title'>" +
440 article.title + "</a>" +
441 "<div class='body'>" +
442 "<div title=\""+__("Click to expand article")+"\" onclick=\"zoom(this, "+article.id+")\" class='excerpt'>" +
443 article.excerpt + "</div>" +
444 "<div class='info'><a href=\#\" onclick=\"viewfeed("+feed.id+")\">" +
445 feed.title + "</a> " + tags_part + " @ " +
446 new Date(article.updated * 1000) + "</div>" +
449 $("headlines-content").innerHTML += tmp_html;
452 window.setTimeout('article_appear(' + article.id + ')', 100);
455 exception_error("add_headline_entry", e);
459 function expand_feeds() {
461 _feedlist_expanded = true;
463 redraw_feedlist(last_feeds);
466 exception_error("expand_feeds", e);
470 function redraw_feedlist(feeds) {
473 $('feeds-content').innerHTML = "";
477 if (_feedlist_expanded) limit = feeds.length;
479 for (var i = 0; i < Math.min(limit, feeds.length); i++) {
480 add_feed_entry(feeds[i]);
483 if (feeds.length > limit) {
484 $('feeds-content').innerHTML += "<li id='F-MORE-PROMPT'>" +
485 "<img src='images/blank_icon.gif'>" +
486 "<a href=\"#\" onclick=\"expand_feeds()\">" +
487 __("%d more...").replace("%d", feeds.length-10) +
491 if (feeds.length == 0) {
492 $('feeds-content').innerHTML =
493 "<div class='insensitive' style='text-align : center'>" +
494 __("No unread feeds.") + "</div>";
498 exception_error("redraw_feedlist", e);
502 function parse_feeds(transport) {
504 var reply = JSON.parse(transport.responseText);
508 var feeds = reply['feeds'];
512 feeds.sort( function (a,b)
514 if (b.unread != a.unread)
515 return (b.unread - a.unread)
517 if (a.title > b.title)
519 else if (a.title < b.title)
525 var all_articles = find_feed(feeds, -4);
527 update_title(all_articles.unread);
531 redraw_feedlist(feeds);
535 exception_error("parse_feeds", e);
539 function parse_headlines(transport, replace, no_effects) {
541 var reply = JSON.parse(transport.responseText);
544 var seq = reply['seq'];
547 if (seq != _update_seq) {
548 console.log("parse_headlines: wrong sequence received.");
555 var headlines = reply['headlines']['content'];
556 var headlines_title = reply['headlines']['title'];
558 if (headlines && headlines_title) {
559 $("headlines-title").innerHTML = headlines_title
562 $('headlines-content').innerHTML = '';
563 Element.hide('headlines-content');
566 var pr = $('H-MORE-PROMPT');
568 if (pr) pr.parentNode.removeChild(pr);
570 var inserted = false;
572 for (var i = 0; i < headlines.length; i++) {
574 if (!$('A-' + headlines[i].id)) {
575 add_headline_entry(headlines[i],
576 find_feed(last_feeds, headlines[i].feed_id), !no_effects);
578 inserted = $("A-" + headlines[i].id);
582 var ids = get_visible_article_ids();
584 if (ids.length > 0) {
586 $('headlines-content').appendChild(pr);
587 if (!no_effects && inserted) new Effect.ScrollTo(inserted);
589 $('headlines-content').innerHTML += "<li id='H-MORE-PROMPT'>" +
590 "<div class='body'>" +
591 "<a href=\"#\" onclick=\"catchup_visible_articles()\">" +
592 __("Mark as read") + "</a> | " +
593 "<a href=\"#\" onclick=\"load_more()\">" +
594 __("Load more...") + "</a>" +
595 "<img style=\"display : none\" "+
596 "id=\"H-LOADING-IMG\" src='images/indicator_tiny.gif'>" +
600 // FIXME : display some kind of "nothing to see here" prompt here
603 if (replace && !no_effects)
604 new Effect.Appear('headlines-content', {duration : 0.3});
606 //new Effect.Appear('headlines-content');
610 exception_error("parse_headlines", e);
614 function init_second_stage() {
616 new Ajax.Request("backend.php", {
617 parameters: "backend.php?op=rpc&subop=digest-init",
618 onComplete: function(transport) {
619 parse_feeds(transport);
620 window.setTimeout('viewfeed(-4)', 100);
621 _update_timeout = window.setTimeout('update()', 5*1000);
625 exception_error("init_second_stage", e);
631 dojo.require("dijit.Dialog");
633 new Ajax.Request("backend.php", {
634 parameters: "?op=rpc&subop=sanityCheck",
635 onComplete: function(transport) {
636 backend_sanity_check_callback(transport);
640 exception_error("digest_init", e);
644 function toggle_mark(img, id) {
648 var query = "?op=rpc&id=" + id + "&subop=mark";
652 if (img.src.match("mark_unset")) {
653 img.src = img.src.replace("mark_unset", "mark_set");
654 img.alt = __("Unstar article");
655 query = query + "&mark=1";
657 img.src = img.src.replace("mark_set", "mark_unset");
658 img.alt = __("Star article");
659 query = query + "&mark=0";
662 new Ajax.Request("backend.php", {
664 onComplete: function(transport) {
669 exception_error("toggle_mark", e);
673 function toggle_pub(img, id, note) {
677 var query = "?op=rpc&id=" + id + "&subop=publ";
679 if (note != undefined) {
680 query = query + "¬e=" + param_escape(note);
682 query = query + "¬e=undefined";
687 if (img.src.match("pub_unset") || note != undefined) {
688 img.src = img.src.replace("pub_unset", "pub_set");
689 img.alt = __("Unpublish article");
690 query = query + "&pub=1";
693 img.src = img.src.replace("pub_set", "pub_unset");
694 img.alt = __("Publish article");
695 query = query + "&pub=0";
698 new Ajax.Request("backend.php", {
700 onComplete: function(transport) {
705 exception_error("toggle_pub", e);
709 function fatal_error(code, msg) {
713 window.location.href = "digest.php";
714 } else if (code == 5) {
715 window.location.href = "db-updater.php";
718 if (msg == "") msg = "Unknown error";
720 console.error("Fatal error: " + code + "\n" +
726 exception_error("fatalError", e);
730 function fatal_error_check(transport) {
732 if (transport.responseXML) {
733 var error = transport.responseXML.getElementsByTagName("error")[0];
736 var code = error.getAttribute("error-code");
737 var msg = error.getAttribute("error-msg");
739 fatal_error(code, msg);
745 exception_error("fatal_error_check", e);
750 function feed_mi(elem) {
752 var imgs = elem.getElementsByTagName('IMG');
753 var spans = elem.getElementsByTagName('SPAN');
755 for (var i = 0; i < imgs.length; i++) {
756 if (imgs[i].className == "dismiss")
757 Element.show(imgs[i]);
760 for (var i = 0; i < spans.length; i++) {
761 if (spans[i].className == "unread")
762 Element.hide(spans[i]);
767 exception_error("feed_mi", e);
771 function feed_mo(elem) {
773 var imgs = elem.getElementsByTagName('IMG');
774 var spans = elem.getElementsByTagName('SPAN');
776 for (var i = 0; i < imgs.length; i++) {
777 if (imgs[i].className == "dismiss")
778 Element.hide(imgs[i]);
781 for (var i = 0; i < spans.length; i++) {
782 if (spans[i].className == "unread")
783 Element.show(spans[i]);
787 exception_error("feed_mo", e);
791 function update_title(unread) {
793 document.title = "Tiny Tiny RSS";
796 document.title += " (" + unread + ")";
799 exception_error("update_title", e);
803 function tweet_article(id) {
806 var query = "?op=rpc&subop=getTweetInfo&id=" + param_escape(id);
811 var ts = d.getTime();
813 var w = window.open('backend.php?op=loading', 'ttrss_tweet',
814 "status=0,toolbar=0,location=0,width=500,height=400,scrollbars=1,menubar=0");
816 new Ajax.Request("backend.php", {
818 onComplete: function(transport) {
819 var ti = JSON.parse(transport.responseText);
821 var share_url = "http://twitter.com/share?_=" + ts +
822 "&text=" + param_escape(ti.title) +
823 "&url=" + param_escape(ti.link);
825 w.location.href = share_url;
830 exception_error("tweet_article", e);