digest.js

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