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