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 _feedlist_expanded = false;
   7
   8 function 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
  16 function 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
  25                         if (feed_id < 0) is_cat = "true"; // KLUDGE
  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
  44 function 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 }
  70
  71 function 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
  87 function set_selected_feed(feed_id) {
  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
  98                 _active_feed_id = feed_id;
  99
 100         } catch (e) {
 101                 exception_error("mark_selected_feed", e);
 102         }
 103 }
 104
 105 function zoom(elem, article_id) {
 106         try {
 107                 //alert(elem + "/" + article_id);
 108
 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                                 } });
 126
 127
 128         } catch (e) {
 129                 exception_error("zoom", e);
 130         }
 131 }
 132
 133 function load_more() {
 134         try {
 135                 viewfeed(_active_feed_id, _active_feed_offset + 10);
 136         } catch (e) {
 137                 exception_error("load_more", e);
 138         }
 139 }
 140
 141 function update() {
 142         try {
 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) {
 150                                 fatal_error_check(transport);
 151                                 parse_feeds(transport);
 152                                 set_selected_feed(_active_feed_id);
 153                                 } });
 154
 155                 _update_timeout = window.setTimeout('update()', 5*1000);
 156         } catch (e) {
 157                 exception_error("update", e);
 158         }
 159 }
 160
 161 function remove_headline_entry(article_id) {
 162         try {
 163                 var elem = $('A-' + article_id);
 164
 165                 if (elem) {
 166                         elem.parentNode.removeChild(elem);
 167                 }
 168
 169         } catch (e) {
 170                 exception_error("remove_headline_entry", e);
 171         }
 172 }
 173
 174 function view(article_id, dismiss_only) {
 175         try {
 176                 remove_headline_entry(article_id);
 177
 178                 catchup_article(article_id,
 179                         function() {
 180                                 viewfeed(_active_feed_id, _active_feed_offset, false, true);
 181                                 update();
 182                         });
 183
 184                 return dismiss_only != true;
 185         } catch (e) {
 186                 exception_error("view", e);
 187         }
 188 }
 189
 190 function viewfeed(feed_id, offset, replace, no_effects) {
 191         try {
 192
 193                 if (!feed_id) feed_id = _active_feed_id;
 194
 195                 if (!offset) {
 196                         offset = 0;
 197                 } else {
 198                         offset = _active_feed_offset + offset;
 199                 }
 200
 201                 if (replace == undefined) replace = (offset == 0);
 202
 203                 var query = "backend.php?op=rpc&subop=digest-update&feed_id=" +
 204                                 param_escape(feed_id) + "&offset=" + offset;
 205
 206                 console.log(query);
 207
 208                 new Ajax.Request("backend.php", {
 209                         parameters: query,
 210                         onComplete: function(transport) {
 211                                 fatal_error_check(transport);
 212                                 parse_headlines(transport, replace, no_effects);
 213                                 set_selected_feed(feed_id);
 214                                 _active_feed_offset = offset;
 215                         } });
 216
 217         } catch (e) {
 218                 exception_error("view", e);
 219         }
 220 }
 221
 222 function 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
 236 function 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
 250 function 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
 270                 return 'images/blank_icon.gif';
 271
 272         } catch (e) {
 273                 exception_error("get_feed_icon", e);
 274         }
 275 }
 276
 277 function add_feed_entry(feed) {
 278         try {
 279                 var icon_part = "";
 280
 281                 icon_part = "<img src='" + get_feed_icon(feed) + "'/>";
 282
 283                 var tmp_html = "<li id=\"F-"+feed.id+"\" " +
 284                                 "onmouseover=\"feed_mi(this)\" onmouseout=\"feed_mo(this)\">" +
 285                         icon_part +
 286                         "<a href=\"#\" onclick=\"viewfeed("+feed.id+")\">" + feed.title + "</a>" +
 287                         "<div class='unread-ctr'>" +
 288                                 "<img onclick=\"catchup_feed("+feed.id+")\" title=\"" +
 289                                         __("Mark as read") +
 290                                         "\" class=\"dismiss\" style='display : none' src=\"images/digest_checkbox.png\">" +
 291                                 "<span class=\"unread\">" + feed.unread + "</span>" +
 292                         "</div>" +
 293                         "</li>";
 294
 295                 $("feeds-content").innerHTML += tmp_html;
 296
 297         } catch (e) {
 298                 exception_error("add_feed_entry", e);
 299         }
 300 }
 301
 302 function add_headline_entry(article, feed, no_effects) {
 303         try {
 304
 305                 var icon_part = "";
 306
 307                 icon_part = "<img class='icon' src='" + get_feed_icon(feed) + "'/>";
 308
 309                 var mark_part = "";
 310                 var publ_part = "";
 311
 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
 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
 338                 var style = "";
 339
 340                 if (!no_effects) style = "style=\"display : none\"";
 341
 342                 var tmp_html = "<li id=\"A-"+article.id+"\" "+style+">" +
 343                         icon_part +
 344                         "<div class='digest-check'>" +
 345                         mark_part +
 346                         publ_part +
 347                         "<img title='" + __("Mark as read") + "' onclick=\"view("+article.id+", true)\" src='images/digest_checkbox.png'>" +
 348                         "</div>" +
 349                         "<a target=\"_blank\" href=\""+article.link+"\""+
 350                                 "onclick=\"return view("+article.id+")\" class='title'>" +
 351                                 article.title + "</a>" +
 352                         "<div class='body'>" +
 353                         "<div title=\""+__("Click to expand article")+"\" onclick=\"zoom(this, "+article.id+")\" class='excerpt'>" +
 354                                 article.excerpt + "</div>" +
 355                         "<div class='info'><a href=\#\" onclick=\"viewfeed("+feed.id+")\">" +
 356                                 feed.title + "</a> " + tags_part + " @ " +
 357                                 new Date(article.updated * 1000) + "</div>" +
 358                         "</div></li>";
 359
 360                 $("headlines-content").innerHTML += tmp_html;
 361
 362                 if (!no_effects)
 363                         window.setTimeout('article_appear(' + article.id + ')', 100);
 364
 365         } catch (e) {
 366                 exception_error("add_headline_entry", e);
 367         }
 368 }
 369
 370 function 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
 381 function 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
 407 function parse_feeds(transport) {
 408         try {
 409
 410                 if (!transport.responseXML) return;
 411
 412                 var feeds = transport.responseXML.getElementsByTagName('feeds')[0];
 413
 414                 if (feeds) {
 415                         feeds = eval("(" + feeds.firstChild.nodeValue + ")");
 416
 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
 430                         var all_articles = find_feed(feeds, -4);
 431
 432                         update_title(all_articles.unread);
 433
 434                         last_feeds = feeds;
 435
 436                         redraw_feedlist(feeds);
 437                 }
 438
 439         } catch (e) {
 440                 exception_error("parse_feeds", e);
 441         }
 442 }
 443
 444 function parse_headlines(transport, replace, no_effects) {
 445         try {
 446                 if (!transport.responseXML) return;
 447
 448                 var headlines = transport.responseXML.getElementsByTagName('headlines')[0];
 449                 var headlines_title = transport.responseXML.getElementsByTagName('headlines-title')[0];
 450
 451                 if (headlines && headlines_title) {
 452                         headlines = eval("(" + headlines.firstChild.nodeValue + ")");
 453
 454                         var title = headlines_title.firstChild.nodeValue;
 455
 456                         $("headlines-title").innerHTML = title;
 457
 458                         if (replace) {
 459                                 $('headlines-content').innerHTML = '';
 460                                 Element.hide('headlines-content');
 461                         }
 462
 463                         var pr = $('H-MORE-PROMPT');
 464
 465                         if (pr) pr.parentNode.removeChild(pr);
 466
 467                         var inserted = false;
 468
 469                         for (var i = 0; i < headlines.length; i++) {
 470
 471                                 if (!$('A-' + headlines[i].id)) {
 472                                         add_headline_entry(headlines[i],
 473                                                         find_feed(last_feeds, headlines[i].feed_id), !no_effects);
 474
 475                                         inserted = $("A-" + headlines[i].id);
 476                                 }
 477                         }
 478
 479                         if (pr) {
 480                                 $('headlines-content').appendChild(pr);
 481                                 if (!no_effects) new Effect.ScrollTo(inserted);
 482                         } else {
 483                                 $('headlines-content').innerHTML += "<li id='H-MORE-PROMPT'>" +
 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>";
 490                         }
 491
 492                         if (replace && !no_effects)
 493                                 new Effect.Appear('headlines-content', {duration : 0.3});
 494
 495                         //new Effect.Appear('headlines-content');
 496                 }
 497
 498         } catch (e) {
 499                 exception_error("parse_headlines", e);
 500         }
 501 }
 502
 503 function init() {
 504         try {
 505
 506                 new Ajax.Request("backend.php", {
 507                         parameters: "backend.php?op=rpc&subop=digest-init",
 508                         onComplete: function(transport) {
 509                                 parse_feeds(transport);
 510                                 window.setTimeout('viewfeed(-4)', 100);
 511                                 _update_timeout = window.setTimeout('update()', 5*1000);
 512                                 } });
 513
 514         } catch (e) {
 515                 exception_error("digest_init", e);
 516         }
 517 }
 518
 519 function toggle_mark(mark_img, id) {
 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
 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) {
 545                                 update();
 546                         } });
 547
 548         } catch (e) {
 549                 exception_error("toggle_mark", e);
 550         }
 551 }
 552
 553 function toggle_pub(mark_img, id, note) {
 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) {
 587                                 update();
 588                         } });
 589
 590         } catch (e) {
 591                 exception_error("toggle_pub", e);
 592         }
 593 }
 594
 595 function 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
 616 function 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
 636 function 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
 657 function 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                 }
 671
 672         } catch (e) {
 673                 exception_error("feed_mo", e);
 674         }
 675 }
 676
 677 function 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