feedlist.js

   1 var _feed_cur_page = 0;
   2 var _infscroll_disable = 0;
   3 var _infscroll_request_sent = 0;
   4 var feed_under_pointer = undefined;
   5
   6 var mouse_is_down = false;
   7 var mouse_y = 0;
   8 var mouse_x = 0;
   9
  10 var resize_enabled = false;
  11 var selection_disabled = false;
  12 var counters_last_request = 0;
  13
  14 function toggle_sortable_feedlist(enabled) {
  15         try {
  16
  17                 if (enabled) {
  18                         Sortable.create('feedList', {onChange: feedlist_dragsorted, only: "feedCat"});
  19                 } else {
  20                         Sortable.destroy('feedList');
  21                 }
  22
  23         } catch (e) {
  24                 exception_error("toggle_sortable_feedlist", e);
  25         }
  26 }
  27
  28 function viewCategory(cat) {
  29         viewfeed(cat, '', true);
  30         return false;
  31 }
  32
  33 function render_offline_feedlist() {
  34         try {
  35                 var tmp = "<ul class=\"feedList\" id=\"feedList\">";
  36
  37                 var rs = db.execute("SELECT id,title,has_icon FROM feeds ORDER BY title");
  38
  39                 while (rs.isValidRow()) {
  40
  41                         var id = rs.field(0);
  42                         var title = rs.field(1);
  43                         var has_icon = rs.field(2);
  44
  45                         var rs_u = db.execute("SELECT SUM(unread) FROM articles WHERE feed_id = ?",
  46                                 [id]);
  47                         var unread = 0;
  48
  49                         if (rs.isValidRow()) {
  50                                 unread = rs_u.field(0);
  51                                 if (!unread) unread = 0;
  52                         }
  53
  54                         var feed_icon = "";
  55
  56                         if (has_icon) {
  57                                 feed_icon = "<img id='FIMG-"+id+"' src='" + "icons/" + id + ".ico'>";
  58                         } else {
  59                                 feed_icon = "<img id='FIMG-"+id+"' src='images/blank_icon.gif'>";
  60                         }
  61
  62                         var row_class = "feed";
  63
  64                         if (unread > 0) {
  65                                 row_class += "Unread";
  66                                 fctr_class = "feedCtrHasUnread";
  67                         } else {
  68                                 fctr_class = "feedCtrNoUnread";
  69                         }
  70
  71                         var link = "<a title=\"FIXME\" id=\"FEEDL-"+id+"\""+
  72                                 "href=\"javascript:viewfeed('"+id+"', '', false, '', false, 0);\">"+
  73                                 title + "</a>";
  74
  75                         tmp += "<li id='FEEDR-"+id+"' class="+row_class+">" + feed_icon +
  76                                 "<span id=\"FEEDN-"+id+"\">" + link + "</span>";
  77
  78                         tmp += " <span class='"+fctr_class+"' id=\"FEEDCTR-"+id+"\">" +
  79                    "(<span id=\"FEEDU-"+id+"\">"+unread+"</span>)</span>";
  80
  81                         tmp += "</li>";
  82
  83                         rs.next();
  84                 }
  85
  86                 tmp += "</ul>";
  87
  88                 render_feedlist(tmp);
  89         } catch (e) {
  90                 exception_error("render_offline_feedlist", e);
  91         }
  92 }
  93
  94 function render_feedlist(data) {
  95         try {
  96
  97                 var f = document.getElementById("feeds-frame");
  98                 f.innerHTML = data;
  99                 cache_invalidate("FEEDLIST");
 100                 cache_inject("FEEDLIST", data, getInitParam("num_feeds"));
 101                 feedlist_init();
 102
 103         } catch (e) {
 104                 exception_error("render_feedlist", e);
 105         }
 106 }
 107
 108 function feedlist_callback2(transport) {
 109         try {
 110                 debug("feedlist_callback2");
 111                 if (!transport_error_check(transport)) return;
 112                 render_feedlist(transport.responseText);
 113         } catch (e) {
 114                 exception_error("feedlist_callback2", e);
 115         }
 116 }
 117
 118 function viewNextFeedPage() {
 119         try {
 120                 //if (!getActiveFeedId()) return;
 121
 122                 debug("viewNextFeedPage: calling viewfeed(), p: " + _feed_cur_page+1);
 123
 124                 viewfeed(getActiveFeedId(), undefined, activeFeedIsCat(), undefined,
 125                         undefined, _feed_cur_page+1);
 126
 127         } catch (e) {
 128                 exception_error("viewNextFeedPage", e);
 129         }
 130 }
 131
 132 function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
 133         try {
 134
 135 //              if (!offset) page_offset = 0;
 136
 137                 last_requested_article = 0;
 138                 //counters_last_request = 0;
 139
 140                 if (feed == getActiveFeedId()) {
 141                         cache_invalidate("F:" + feed);
 142                 }
 143
 144 /*              if (getInitParam("theme") == "" || getInitParam("theme") == "compact") {
 145                         if (getInitParam("hide_feedlist") == 1) {
 146                                 Element.hide("feeds-holder");
 147                         }
 148                 } */
 149
 150                 var force_nocache = false;
 151
 152                 var page_offset = 0;
 153
 154                 if (offset > 0) {
 155                         page_offset = offset;
 156                 } else {
 157                         page_offset = 0;
 158                         _feed_cur_page = 0;
 159                         _infscroll_disable = 0;
 160                 }
 161
 162                 if (getActiveFeedId() != feed) {
 163                         _feed_cur_page = 0;
 164                         active_post_id = 0;
 165                         _infscroll_disable = 0;
 166                 }
 167
 168                 if (page_offset != 0 && !subop) {
 169                         var date = new Date();
 170                         var timestamp = Math.round(date.getTime() / 1000);
 171
 172                         debug("<b>" + _infscroll_request_sent + " : " + timestamp + "</b>");
 173
 174                         if (_infscroll_request_sent && _infscroll_request_sent + 30 > timestamp) {
 175                                 debug("infscroll request in progress, aborting");
 176                                 return;
 177                         }
 178
 179                         _infscroll_request_sent = timestamp;
 180                 }
 181
 182                 enableHotkeys();
 183
 184                 closeInfoBox();
 185
 186                 Form.enable("main_toolbar_form");
 187
 188                 var toolbar_form = document.forms["main_toolbar_form"];
 189                 var toolbar_query = Form.serialize("main_toolbar_form");
 190
 191                 if (toolbar_form.query) {
 192                         if (toolbar_form.query.value != "") {
 193                                 force_nocache = true;
 194                         }
 195                         toolbar_form.query.value = "";
 196                 }
 197
 198                 var query = "backend.php?op=viewfeed&feed=" + feed + "&" +
 199                         toolbar_query + "&subop=" + param_escape(subop);
 200
 201                 if (document.getElementById("search_form")) {
 202                         var search_query = Form.serialize("search_form");
 203                         query = query + "&" + search_query;
 204                         closeInfoBox(true);
 205                         force_nocache = true;
 206                 }
 207
 208 //              debug("IS_CAT_STORED: " + activeFeedIsCat() + ", IS_CAT: " + is_cat);
 209
 210                 if (subop == "MarkAllRead") {
 211
 212                         var show_next_feed = getInitParam("on_catchup_show_next_feed") == "1";
 213
 214                         if (show_next_feed) {
 215
 216                                 if (!activeFeedIsCat()) {
 217
 218                                         var feedlist = document.getElementById('feedList');
 219
 220                                         var next_unread_feed = getRelativeFeedId(feedlist,
 221                                                         feed, "next", true);
 222
 223                                         if (!next_unread_feed) {
 224                                                 next_unread_feed = getRelativeFeedId(feedlist,
 225                                                         -3, "next", true);
 226                                         }
 227
 228                                         if (next_unread_feed) {
 229                                                 query = query + "&nuf=" + param_escape(next_unread_feed);
 230                                                 //setActiveFeedId(next_unread_feed);
 231                                                 feed = next_unread_feed;
 232                                         }
 233                                 } else {
 234
 235                                         var next_unread_feed = getNextUnreadCat(feed);
 236
 237                                         /* we don't need to specify that our next feed is actually
 238                                         a category, because we're in the is_cat mode by definition
 239                                         already */
 240
 241                                         if (next_unread_feed && show_next_feed) {
 242                                                 query = query + "&nuf=" + param_escape(next_unread_feed);
 243                                                 feed = next_unread_feed;
 244                                         }
 245
 246                                 }
 247                         }
 248                 }
 249
 250                 if (is_cat) {
 251                         query = query + "&cat=1";
 252                 }
 253
 254                 if (page_offset != 0) {
 255                         query = query + "&skip=" + page_offset;
 256
 257                         // to prevent duplicate feed titles when showing grouped vfeeds
 258                         if (vgroup_last_feed) {
 259                                 query = query + "&vgrlf=" + param_escape(vgroup_last_feed);
 260                         }
 261                 }
 262
 263                 var date = new Date();
 264                 var timestamp = Math.round(date.getTime() / 1000);
 265                 query = query + "&ts=" + timestamp
 266
 267                 disableContainerChildren("headlinesToolbar", false);
 268                 Form.enable("main_toolbar_form");
 269
 270                 // for piggybacked counters
 271
 272                 if (tagsAreDisplayed()) {
 273                         query = query + "&omode=lt";
 274                 } else {
 275                         query = query + "&omode=flc";
 276                 }
 277
 278                 if (!async_counters_work) {
 279                         query = query + "&csync=true";
 280                 }
 281
 282                 debug(query);
 283
 284                 var container = document.getElementById("headlinesInnerContainer");
 285
 286 /*              if (container && page_offset == 0 && !isCdmMode()) {
 287                         new Effect.Fade(container, {duration: 1, to: 0.01,
 288                                 queue: { position:'end', scope: 'FEEDL-' + feed, limit: 1 } } );
 289                 } */
 290
 291                 var unread_ctr = -1;
 292
 293                 if (!is_cat) unread_ctr = get_feed_unread(feed);
 294
 295                 var cache_check = false;
 296
 297                 if (unread_ctr != -1 && !page_offset && !force_nocache && !subop) {
 298
 299                         var cache_prefix = "";
 300
 301                         if (is_cat) {
 302                                 cache_prefix = "C:";
 303                         } else {
 304                                 cache_prefix = "F:";
 305                         }
 306
 307                         cache_check = cache_check_param(cache_prefix + feed, unread_ctr);
 308                         debug("headline cache check: " + cache_check);
 309                 }
 310
 311                 if (cache_check) {
 312                         var f = document.getElementById("headlines-frame");
 313
 314                         clean_feed_selections();
 315
 316                         setActiveFeedId(feed, is_cat);
 317
 318                         if (!is_cat) {
 319                                 var feedr = document.getElementById("FEEDR-" + feed);
 320                                 if (feedr && !feedr.className.match("Selected")) {
 321                                         feedr.className = feedr.className + "Selected";
 322                                 }
 323                         } else {
 324                                 var feedr = document.getElementById("FCAT-" + feed_id);
 325                                 if (feedr && !feedr.className.match("Selected")) {
 326                                         feedr.className = feedr.className + "Selected";
 327                                 }
 328                         }
 329
 330                         f.innerHTML = cache_find_param(cache_prefix + feed, unread_ctr);
 331
 332                         request_counters();
 333                         remove_splash();
 334
 335                 } else {
 336
 337                         if (!page_offset) {
 338                                 notify_progress("Loading, please wait...", true);
 339                         }
 340
 341                         new Ajax.Request(query, {
 342                                 onComplete: function(transport) {
 343                                         headlines_callback2(transport, page_offset);
 344                                 } });
 345                 }
 346
 347         } catch (e) {
 348                 exception_error("viewfeed", e);
 349         }
 350 }
 351
 352 function toggleCollapseCat_af(effect) {
 353         //var caption = elem.id.replace("FCATLIST-", "");
 354
 355         try {
 356
 357                 var elem = effect.element;
 358                 var cat = elem.id.replace("FCATLIST-", "");
 359                 var cap = document.getElementById("FCAP-" + cat);
 360
 361                 if (Element.visible(elem)) {
 362                         cap.innerHTML = cap.innerHTML.replace("…", "");
 363                 } else {
 364                         if (cap.innerHTML.lastIndexOf("…") != cap.innerHTML.length-3) {
 365                                 cap.innerHTML = cap.innerHTML + "…";
 366                         }
 367                 }
 368
 369         } catch (e) {
 370                 exception_error("toggleCollapseCat_af", e);
 371         }
 372 }
 373
 374 function toggleCollapseCat(cat) {
 375         try {
 376
 377                 var cat_elem = document.getElementById("FCAT-" + cat);
 378                 var cat_list = document.getElementById("FCATLIST-" + cat).parentNode;
 379                 var caption = document.getElementById("FCAP-" + cat);
 380
 381 /*              if (cat_list.className.match("invisible")) {
 382                         cat_list.className = "";
 383                         caption.innerHTML = caption.innerHTML.replace("...", "");
 384                         if (cat == 0) {
 385                                 setCookie("ttrss_vf_uclps", "0");
 386                         }
 387                 } else {
 388                         cat_list.className = "invisible";
 389                         caption.innerHTML = caption.innerHTML + "...";
 390                         if (cat == 0) {
 391                                 setCookie("ttrss_vf_uclps", "1");
 392                         }
 393
 394                 } */
 395
 396                 if (cat == 0) {
 397                         if (Element.visible("FCATLIST-" + cat)) {
 398                                 setCookie("ttrss_vf_uclps", "1");
 399                         } else {
 400                                 setCookie("ttrss_vf_uclps", "0");
 401                         }
 402                 }
 403
 404                 if (cat == -2) {
 405                         if (Element.visible("FCATLIST-" + cat)) {
 406                                 setCookie("ttrss_vf_lclps", "1");
 407                         } else {
 408                                 setCookie("ttrss_vf_lclps", "0");
 409                         }
 410                 }
 411
 412                 if (cat == -1) {
 413                         if (Element.visible("FCATLIST-" + cat)) {
 414                                 setCookie("ttrss_vf_vclps", "1");
 415                         } else {
 416                                 setCookie("ttrss_vf_vclps", "0");
 417                         }
 418                 }
 419
 420                 Effect.toggle('FCATLIST-' + cat, 'blind', { duration: 0.5,
 421                         afterFinish: toggleCollapseCat_af });
 422
 423                 new Ajax.Request("backend.php?op=feeds&subop=collapse&cid=" +
 424                         param_escape(cat));
 425
 426         } catch (e) {
 427                 exception_error("toggleCollapseCat", e);
 428         }
 429 }
 430
 431 function feedlist_dragsorted(ctr) {
 432         try {
 433                 var elem = document.getElementById("feedList");
 434
 435                 var cats = elem.getElementsByTagName("LI");
 436                 var ordered_cats = new Array();
 437
 438                 for (var i = 0; i < cats.length; i++) {
 439                         if (cats[i].id && cats[i].id.match("FCAT-")) {
 440                                 ordered_cats.push(cats[i].id.replace("FCAT-", ""));
 441                         }
 442                 }
 443
 444                 if (ordered_cats.length > 0) {
 445
 446                         var query = "backend.php?op=feeds&subop=catsort&corder=" +
 447                                 param_escape(ordered_cats.toString());
 448
 449                         debug(query);
 450
 451                         new Ajax.Request(query);
 452                 }
 453
 454         } catch (e) {
 455                 exception_error("feedlist_dragsorted", e);
 456         }
 457 }
 458
 459 function feedlist_init() {
 460         try {
 461 //              if (arguments.callee.done) return;
 462 //              arguments.callee.done = true;
 463
 464                 loading_set_progress(90);
 465
 466                 debug("in feedlist init");
 467
 468                 hideOrShowFeeds(getInitParam("hide_read_feeds") == 1);
 469                 document.onkeydown = hotkey_handler;
 470                 document.onmousemove = mouse_move_handler;
 471                 document.onmousedown = mouse_down_handler;
 472                 document.onmouseup = mouse_up_handler;
 473
 474                 setTimeout("timeout()", 1);
 475
 476                 if (typeof correctPNG != 'undefined') {
 477                         correctPNG();
 478                 }
 479
 480                 if (getActiveFeedId()) {
 481                         //debug("some feed is open on feedlist refresh, reloading");
 482                         //setTimeout("viewCurrentFeed()", 100);
 483                 } else {
 484                         if (getInitParam("cdm_auto_catchup") != 1 && get_feed_unread(-3) > 0) {
 485                                 notify_silent_next();
 486                                 setTimeout("viewfeed(-3)", 100);
 487                         } else {
 488                                 remove_splash();
 489                         }
 490                 }
 491
 492                 if (getInitParam("theme") == "") {
 493                         setTimeout("hide_footer()", 5000);
 494                 }
 495
 496                 init_collapsable_feedlist(getInitParam("theme"));
 497
 498                 toggle_sortable_feedlist(isFeedlistSortable());
 499
 500         } catch (e) {
 501                 exception_error("feedlist/init", e);
 502         }
 503 }
 504
 505 function hide_footer_af(effect) {
 506         try {
 507                 var c = document.getElementById("content-frame");
 508
 509                 if (c) {
 510                         c.style.bottom = "0px";
 511
 512                         var ioa = document.getElementById("inline_orig_article");
 513
 514                         if (ioa) {
 515                                 ioa.height = c.offsetHeight;
 516                         }
 517
 518                 } else {
 519                         var h = document.getElementById("headlines-frame");
 520
 521                         if (h) {
 522                                 h.style.bottom = "0px";
 523                         }
 524                 }
 525
 526         } catch (e) {
 527                 exception_error("hide_footer_af", e);
 528         }
 529 }
 530
 531 function hide_footer() {
 532         try {
 533                 if (Element.visible("footer")) {
 534                         new Effect.Fade("footer", { afterFinish: hide_footer_af });
 535                 }
 536         } catch (e) {
 537                 exception_error("hide_footer", e);
 538         }
 539 }
 540
 541 /*
 542 function init_hidden_feedlist(theme) {
 543         try {
 544                 debug("init_hidden_feedlist");
 545
 546                 if (theme != "" && theme != "compact") return;
 547
 548                 var fl = document.getElementById("feeds-holder");
 549                 var fh = document.getElementById("headlines-frame");
 550                 var fc = document.getElementById("content-frame");
 551                 var ft = document.getElementById("toolbar");
 552                 var ff = document.getElementById("footer");
 553                 var fhdr = document.getElementById("header");
 554
 555                 var fbtn = document.getElementById("toggle_feeds_btn");
 556
 557                 if (fbtn) Element.show(fbtn);
 558
 559                 fl.style.top = fh.offsetTop + "px";
 560                 fl.style.backgroundColor = "white"; //FIXME
 561
 562                 Element.hide(fl);
 563
 564                 fh.style.left = "0px";
 565                 ft.style.left = "0px";
 566                 if (fc) fc.style.left = "0px";
 567                 if (ff) ff.style.left = "0px";
 568
 569                 if (theme == "compact") {
 570                         fhdr.style.left = "10px";
 571                         fl.style.top = (fh.offsetTop + 1) + "px";
 572                 }
 573
 574         } catch (e) {
 575                 exception_error("init_hidden_feedlist", e);
 576         }
 577 } */
 578
 579 function init_collapsable_feedlist(theme) {
 580         try {
 581                 debug("init_collapsable_feedlist");
 582
 583                 if (theme != "" && theme != "compact" && theme != "graycube" &&
 584                                 theme != "compat") return;
 585
 586                 var fbtn = document.getElementById("collapse_feeds_btn");
 587
 588                 if (fbtn) Element.show(fbtn);
 589
 590                 if (getCookie("ttrss_vf_fclps") == 1) {
 591                         collapse_feedlist();
 592                 }
 593
 594         } catch (e) {
 595                 exception_error("init_hidden_feedlist", e);
 596         }
 597
 598 }
 599
 600 function mouse_move_handler(e) {
 601         try {
 602                 var client_y;
 603                 var client_x;
 604
 605                 if (window.event) {
 606                         client_y = window.event.clientY;
 607                         client_x = window.event.clientX;
 608                 } else if (e) {
 609                         client_x = e.screenX;
 610                         client_y = e.screenY;
 611                 }
 612
 613                 if (mouse_is_down) {
 614
 615                         if (mouse_y == 0) mouse_y = client_y;
 616                         if (mouse_x == 0) mouse_x = client_x;
 617
 618                         resize_headlines(mouse_x - client_x, mouse_y - client_y);
 619
 620                         mouse_y = client_y;
 621                         mouse_x = client_x;
 622
 623                         return false;
 624                 }
 625
 626         } catch (e) {
 627                 exception_error("mouse_move_handler", e);
 628         }
 629 }
 630
 631 function enable_selection(b) {
 632         selection_disabled = !b;
 633 }
 634
 635 function enable_resize(b) {
 636         resize_enabled = b;
 637 }
 638
 639 function mouse_down_handler(e) {
 640         try {
 641
 642                 /* do not prevent right click */
 643                 if (e.button && e.button == 2) return;
 644
 645                 if (resize_enabled) {
 646                         mouse_is_down = true;
 647                         mouse_x = 0;
 648                         mouse_y = 0;
 649                         document.onselectstart = function() { return false; };
 650                         return false;
 651                 }
 652
 653                 if (selection_disabled) {
 654                         document.onselectstart = function() { return false; };
 655                         return false;
 656                 }
 657
 658         } catch (e) {
 659                 exception_error("mouse_move_handler", e);
 660         }
 661 }
 662
 663 function mouse_up_handler(e) {
 664         try {
 665                 mouse_is_down = false;
 666
 667                 if (!selection_disabled) {
 668                         document.onselectstart = null;
 669                         var e = document.getElementById("headlineActionsBody");
 670                         if (e) Element.hide(e);
 671                 }
 672
 673         } catch (e) {
 674                 exception_error("mouse_move_handler", e);
 675         }
 676 }
 677
 678 function request_counters_real() {
 679
 680         try {
 681
 682                 if (offline_mode) return;
 683
 684                 debug("requesting counters...");
 685
 686                 var query = "backend.php?op=rpc&subop=getAllCounters";
 687
 688                 if (tagsAreDisplayed()) {
 689                         query = query + "&omode=tl";
 690                 } else {
 691                         query = query + "&omode=flc";
 692                 }
 693
 694                 new Ajax.Request(query, {
 695                         onComplete: function(transport) {
 696                                 try {
 697                                         all_counters_callback2(transport, true);
 698                                 } catch (e) {
 699                                         exception_error("viewfeed/getcounters", e);
 700                                 }
 701                         } });
 702
 703         } catch (e) {
 704                 exception_error("request_counters_real", e);
 705         }
 706 }
 707
 708
 709 function request_counters() {
 710
 711         try {
 712
 713                 if (getInitParam("bw_limit") == "1") return;
 714
 715                 var date = new Date();
 716                 var timestamp = Math.round(date.getTime() / 1000);
 717
 718 //              if (getInitParam("sync_counters") == "1" ||
 719 //                              timestamp - counters_last_request > 10) {
 720
 721                 if (timestamp - counters_last_request > 15) {
 722                         debug("scheduling request of counters...");
 723                         window.setTimeout("request_counters_real()", 1000);
 724                         counters_last_request = timestamp;
 725                 } else {
 726                         debug("request_counters: rate limit reached: " + (timestamp - counters_last_request));
 727                 }
 728
 729         } catch (e) {
 730                 exception_error("request_counters", e);
 731         }
 732 }