]>
git.wh0rd.org - tt-rss.git/blob - js/digest.js
4 var _active_feed_id
= false;
5 var _update_timeout
= false;
6 var _view_update_timeout
= false;
7 var _feedlist_expanded
= false;
10 function article_appear(article_id
) {
12 new Effect
.Appear('A-' + article_id
);
14 exception_error("article_appear", e
);
18 function catchup_feed(feed_id
, callback
) {
21 var fn
= find_feed(last_feeds
, feed_id
).title
;
23 if (confirm(__("Mark all articles in %s as read?").replace("%s", fn
))) {
27 if (feed_id
< 0) is_cat
= "true"; // KLUDGE
29 var query
= "?op=rpc&method=catchupFeed&feed_id=" +
30 feed_id
+ "&is_cat=" + is_cat
;
32 new Ajax
.Request("backend.php", {
34 onComplete: function(transport
) {
35 if (callback
) callback(transport
);
42 exception_error("catchup_article", e
);
46 function get_visible_article_ids() {
48 var elems
= $("headlines-content").getElementsByTagName("LI");
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-", ""));
60 exception_error("get_visible_article_ids", e
);
64 function catchup_visible_articles(callback
) {
67 var ids
= get_visible_article_ids();
69 if (confirm(__("Mark %d displayed articles as read?").replace("%d", ids
.length
))) {
71 var query
= "?op=rpc&method=catchupSelected" +
72 "&cmode=0&ids=" + param_escape(ids
);
74 new Ajax
.Request("backend.php", {
76 onComplete: function(transport
) {
77 if (callback
) callback(transport
);
79 viewfeed(_active_feed_id
, 0);
85 exception_error("catchup_visible_articles", e
);
89 function catchup_article(article_id
, callback
) {
91 var query
= "?op=rpc&method=catchupSelected" +
92 "&cmode=0&ids=" + article_id
;
94 new Ajax
.Request("backend.php", {
96 onComplete: function(transport
) {
97 if (callback
) callback(transport
);
101 exception_error("catchup_article", e
);
105 function set_selected_article(article_id
) {
107 $$("#headlines-content > li[id*=A-]").each(function(article
) {
108 var id
= article
.id
.replace("A-", "");
110 var cb
= article
.getElementsByTagName("INPUT")[0];
112 if (id
== article_id
) {
113 article
.addClassName("selected");
116 article
.removeClassName("selected");
123 exception_error("mark_selected_feed", e
);
128 function set_selected_feed(feed_id
) {
130 var feeds
= $("feeds-content").getElementsByTagName("LI");
132 for (var i
= 0; i
< feeds
.length
; i
++) {
133 if (feeds
[i
].id
== "F-" + feed_id
)
134 feeds
[i
].className
= "selected";
136 feeds
[i
].className
= "";
139 _active_feed_id
= feed_id
;
142 exception_error("mark_selected_feed", e
);
146 function load_more() {
148 var pr
= $("H-LOADING-IMG");
150 if (pr
) Element
.show(pr
);
152 var offset
= $$("#headlines-content > li[id*=A-][class*=fresh],li[id*=A-][class*=unread]").length
;
154 viewfeed(false, offset
, false, false, true,
156 var pr
= $("H-LOADING-IMG");
158 if (pr
) Element
.hide(pr
);
161 exception_error("load_more", e
);
165 function update(callback
) {
167 console
.log('updating feeds...');
169 window
.clearTimeout(_update_timeout
);
171 new Ajax
.Request("backend.php", {
172 parameters
: "?op=rpc&method=digestinit",
173 onComplete: function(transport
) {
174 fatal_error_check(transport
);
175 parse_feeds(transport
);
176 set_selected_feed(_active_feed_id
);
178 if (callback
) callback(transport
);
181 _update_timeout
= window
.setTimeout('update()', 5*1000);
183 exception_error("update", e
);
187 function remove_headline_entry(article_id
) {
189 var elem
= $('A-' + article_id
);
192 elem
.parentNode
.removeChild(elem
);
196 exception_error("remove_headline_entry", e
);
200 function view_update() {
202 viewfeed(_active_feed_id
, _active_feed_offset
, false, true, true);
205 exception_error("view_update", e
);
209 function view(article_id
) {
211 $("content").addClassName("move");
213 var a
= $("A-" + article_id
);
214 var h
= $("headlines");
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);
222 new Ajax
.Request("backend.php", {
223 parameters
: "?op=rpc&method=digestgetcontents&article_id=" +
225 onComplete: function(transport
) {
226 fatal_error_check(transport
);
228 var reply
= JSON
.parse(transport
.responseText
);
231 var article
= reply
['article'];
238 if (article
.tags
.length
> 0) {
239 tags_part
= " " + __("in") + " ";
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>, ";
246 tags_part
+= article
.tags
[i
] + ", ";
249 tags_part
= tags_part
.replace(/, $/, "");
250 tags_part
= "<span class=\"tags\">" + tags_part
+ "</span>";
255 mark_part
= "<img title='"+ __("Unstar article")+"' onclick=\"toggle_mark(this, "+article
.id
+")\" src='images/mark_set.png'>";
257 mark_part
= "<img title='"+__("Star article")+"' onclick=\"toggle_mark(this, "+article
.id
+")\" src='images/mark_unset.png'>";
259 if (article
.published
)
260 publ_part
= "<img title='"+__("Unpublish article")+"' onclick=\"toggle_pub(this, "+article
.id
+")\" src='images/pub_set.png'>";
262 publ_part
= "<img title='"+__("Publish article")+"' onclick=\"toggle_pub(this, "+article
.id
+")\" src='images/pub_unset.png'>";
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\">" +
273 "<h1>" + article
.title
+ "</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_article() {
303 $("content").removeClassName("move");
304 $("article").removeClassName("visible");
307 function viewfeed(feed_id
, offset
, replace
, no_effects
, no_indicator
, callback
) {
310 if (!feed_id
) feed_id
= _active_feed_id
;
311 if (offset
== undefined) offset
= 0;
312 if (replace
== undefined) replace
= (offset
== 0);
314 _update_seq
= _update_seq
+ 1;
316 if (!offset
) $("headlines").scrollTop
= 0;
318 var query
= "backend.php?op=rpc&method=digestupdate&feed_id=" +
319 param_escape(feed_id
) + "&offset=" + offset
+
320 "&seq=" + _update_seq
;
326 if ($("F-" + feed_id
)) {
327 img
= $("F-" + feed_id
).getElementsByTagName("IMG")[0];
329 if (img
&& !no_indicator
) {
330 img
.setAttribute("orig_src", img
.src
);
331 img
.src
= 'images/indicator_tiny.gif';
335 new Ajax
.Request("backend.php", {
337 onComplete: function(transport
) {
338 Element
.hide("overlay");
340 fatal_error_check(transport
);
341 parse_headlines(transport
, replace
, no_effects
);
342 set_selected_feed(feed_id
);
343 _active_feed_offset
= offset
;
345 if (img
&& !no_indicator
)
346 img
.src
= img
.getAttribute("orig_src");
348 if (callback
) callback(transport
);
353 exception_error("view", e
);
357 function find_article(articles
, article_id
) {
359 for (var i
= 0; i
< articles
.length
; i
++) {
360 if (articles
[i
].id
== article_id
)
367 exception_error("find_article", e
);
371 function find_feed(feeds
, feed_id
) {
373 for (var i
= 0; i
< feeds
.length
; i
++) {
374 if (feeds
[i
].id
== feed_id
)
381 exception_error("find_feed", e
);
385 function get_feed_icon(feed
) {
388 return getInitParam('icons_url') + "/" + feed
.id
+ '.ico';
391 return 'images/mark_set.png';
394 return 'images/pub_set.png';
397 return 'images/fresh.png';
400 return 'images/tag.png';
403 return 'images/label.png';
405 return 'images/blank_icon.gif';
408 exception_error("get_feed_icon", e
);
412 function add_feed_entry(feed
) {
416 icon_part
= "<img src='" + get_feed_icon(feed
) + "'/>";
418 var tmp_html
= "<li id=\"F-"+feed
.id
+"\" onclick=\"viewfeed("+feed
.id
+")\">" +
419 icon_part
+ feed
.title
+
420 "<div class='unread-ctr'>" + "<span class=\"unread\">" + feed
.unread
+ "</span>" +
423 $("feeds-content").innerHTML
+= tmp_html
;
427 exception_error("add_feed_entry", e
);
431 function add_headline_entry(article
, feed
, no_effects
) {
436 icon_part
= "<img class='icon' src='" + get_feed_icon(feed
) + "'/>";
441 //if (!no_effects) style = "style=\"display : none\"";
443 if (article
.excerpt
.trim() == "")
444 article
.excerpt
= __("Click to expand article.");
446 var li_class
= "unread";
448 var fresh_max
= getInitParam("fresh_article_max_age") * 60 * 60;
451 if (d
.getTime() / 1000 - article
.updated
< fresh_max
)
454 //"<img title='" + __("Share on Twitter") + "' onclick=\"tweet_article("+article.id+", true)\" src='images/art-tweet.png'>" +
456 //"<img title='" + __("Mark as read") + "' onclick=\"view("+article.id+", true)\" src='images/digest_checkbox.png'>" +
458 var checkbox_part
= "<input type=\"checkbox\" class=\"cb\" onclick=\"toggle_select_article(this)\"/>";
460 var date
= new Date(article
.updated
* 1000);
462 var date_part
= date
.toString().substring(0,21);
464 var tmp_html
= "<li id=\"A-"+article
.id
+"\" "+style
+" class=\""+li_class
+"\">" +
467 "<a target=\"_blank\" href=\""+article
.link
+"\""+
468 "onclick=\"return view("+article
.id
+")\" class='title'>" +
469 article
.title
+ "</a>" +
470 "<div class='body'>" +
471 "<div onclick=\"view("+article
.id
+")\" class='excerpt'>" +
472 article
.excerpt
+ "</div>" +
473 "<div class='info'>";
475 /* tmp_html += "<a href=\#\" onclick=\"viewfeed("+feed.id+")\">" +
476 feed.title + "</a> " + " @ "; */
478 tmp_html += date_part + "</div>" +
481 $("headlines-content").innerHTML += tmp_html;
484 window.setTimeout('article_appear(' + article.id + ')', 100);
487 exception_error("add_headline_entry", e);
491 function expand_feeds() {
493 _feedlist_expanded = true;
495 redraw_feedlist(last_feeds);
498 exception_error("expand_feeds", e);
502 function redraw_feedlist(feeds) {
505 $('feeds-content').innerHTML = "";
509 if (_feedlist_expanded) limit = feeds.length;
511 for (var i = 0; i < Math.min(limit, feeds.length); i++) {
512 add_feed_entry(feeds[i]);
515 if (feeds.length > limit) {
516 $('feeds-content').innerHTML += "<li id='F-MORE-PROMPT'>" +
517 "<img src='images/blank_icon.gif'>" +
518 "<a href=\"#\" onclick=\"expand_feeds()\">" +
519 __("%d more...").replace("%d", feeds.length-10) +
523 if (feeds.length == 0) {
524 $('feeds-content').innerHTML =
525 "<div class='insensitive' style='text-align : center'>" +
526 __("No unread feeds.") + "</div>";
530 set_selected_feed(_active_feed_id);
533 exception_error("redraw_feedlist", e);
537 function parse_feeds(transport) {
539 var reply = JSON.parse(transport.responseText);
543 var feeds = reply['feeds'];
547 feeds.sort( function (a,b)
549 if (b.unread != a.unread)
550 return (b.unread - a.unread);
552 if (a.title > b.title)
554 else if (a.title < b.title)
560 var all_articles = find_feed(feeds, -4);
562 update_title(all_articles.unread);
566 redraw_feedlist(feeds);
570 exception_error("parse_feeds", e);
574 function parse_headlines(transport, replace, no_effects) {
576 var reply = JSON.parse(transport.responseText);
579 var seq = reply['seq'];
582 if (seq != _update_seq) {
583 console.log("parse_headlines: wrong sequence received.");
590 var headlines = reply['headlines']['content'];
591 var headlines_title = reply['headlines']['title'];
593 if (headlines && headlines_title) {
596 $('headlines-content').innerHTML = '';
599 var pr = $('H-MORE-PROMPT');
601 if (pr) pr.parentNode.removeChild(pr);
603 var inserted = false;
605 for (var i = 0; i < headlines.length; i++) {
607 if (!$('A-' + headlines[i].id)) {
608 add_headline_entry(headlines[i],
609 find_feed(last_feeds, headlines[i].feed_id), !no_effects);
614 console.log(inserted.id);
616 var ids = get_visible_article_ids();
618 if (ids.length > 0) {
620 $('headlines-content').appendChild(pr);
623 $('headlines-content').innerHTML += "<li id='H-MORE-PROMPT'>" +
624 "<div class='body'>" +
625 "<a href=\"#\" onclick=\"catchup_visible_articles()\">" +
626 __("Mark as read") + "</a> | " +
627 "<a href=\"javascript:load_more()\">" +
628 __("Load more...") + "</a>" +
629 "<img style=\"display : none\" "+
630 "id=\"H-LOADING-IMG\" src='images/indicator_tiny.gif'>" +
634 // FIXME : display some kind of "nothing to see here" prompt here
637 // if (replace && !no_effects)
638 // new Effect.Appear('headlines-content', {duration : 0.3});
640 //new Effect.Appear('headlines-content');
644 exception_error("parse_headlines", e);
648 function init_second_stage() {
650 new Ajax.Request("backend.php", {
651 parameters: "backend.php?op=rpc&method=digestinit",
652 onComplete: function(transport) {
653 parse_feeds(transport);
654 Element.hide("overlay");
656 window.setTimeout('viewfeed(-4)', 100);
657 _update_timeout = window.setTimeout('update()', 5*1000);
661 exception_error("init_second_stage", e);
667 dojo.require("dijit.Dialog");
669 new Ajax.Request("backend.php", {
670 parameters: "?op=rpc&method=sanityCheck",
671 onComplete: function(transport) {
672 backend_sanity_check_callback(transport);
676 exception_error("digest_init", e);
680 function toggle_mark(img, id) {
684 var query = "?op=rpc&id=" + id + "&method=mark";
688 if (img.src.match("mark_unset")) {
689 img.src = img.src.replace("mark_unset", "mark_set");
690 img.alt = __("Unstar article");
691 query = query + "&mark=1";
693 img.src = img.src.replace("mark_set", "mark_unset");
694 img.alt = __("Star article");
695 query = query + "&mark=0";
698 new Ajax.Request("backend.php", {
700 onComplete: function(transport) {
705 exception_error("toggle_mark", e);
709 function toggle_pub(img, id, note) {
713 var query = "?op=rpc&id=" + id + "&method=publ";
715 if (note != undefined) {
716 query = query + "¬e=" + param_escape(note);
718 query = query + "¬e=undefined";
723 if (img.src.match("pub_unset") || note != undefined) {
724 img.src = img.src.replace("pub_unset", "pub_set");
725 img.alt = __("Unpublish article");
726 query = query + "&pub=1";
729 img.src = img.src.replace("pub_set", "pub_unset");
730 img.alt = __("Publish article");
731 query = query + "&pub=0";
734 new Ajax.Request("backend.php", {
736 onComplete: function(transport) {
741 exception_error("toggle_pub", e);
745 function fatal_error(code, msg) {
749 window.location.href = "digest.php";
750 } else if (code == 5) {
751 window.location.href = "db-updater.php";
754 if (msg == "") msg = "Unknown error";
756 console.error("Fatal error: " + code + "\n" +
762 exception_error("fatalError", e);
766 function fatal_error_check(transport) {
768 if (transport.responseXML) {
769 var error = transport.responseXML.getElementsByTagName("error")[0];
772 var code = error.getAttribute("error-code");
773 var msg = error.getAttribute("error-msg");
775 fatal_error(code, msg);
781 exception_error("fatal_error_check", e);
786 function update_title(unread) {
788 document.title = "Tiny Tiny RSS";
791 document.title += " (" + unread + ")";
794 exception_error("update_title", e);
798 function tweet_article(id) {
801 var query = "?op=rpc&method=getTweetInfo&id=" + param_escape(id);
806 var ts = d.getTime();
808 var w = window.open('backend.php?op=backend&method=loading', 'ttrss_tweet',
809 "status=0,toolbar=0,location=0,width=500,height=400,scrollbars=1,menubar=0");
811 new Ajax.Request("backend.php", {
813 onComplete: function(transport) {
814 var ti = JSON.parse(transport.responseText);
816 var share_url = "http://twitter.com/share?_=" + ts +
817 "&text=" + param_escape(ti.title) +
818 "&url=" + param_escape(ti.link);
820 w.location.href = share_url;
825 exception_error("tweet_article", e);
829 function toggle_select_article(elem) {
831 var article = elem.parentNode;
833 if (article.hasClassName("selected"))
834 article.removeClassName("selected");
836 article.addClassName("selected");
839 exception_error("toggle_select_article", e);