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