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