viewfeed.js

   1 var active_post_id = false;
   2 var _catchup_callback_func = false;
   3 var last_article_view = false;
   4 var active_real_feed_id = false;
   5
   6 var _tag_active_post_id = false;
   7 var _tag_active_feed_id = false;
   8 var _tag_active_cdm = false;
   9
  10 // FIXME: kludge, to restore scrollTop after tag editor terminates
  11 var _tag_cdm_scroll = false;
  12
  13 // FIXME: kludges, needs proper implementation
  14 var _reload_feedlist_after_view = false;
  15
  16 var _cdm_wd_timeout = false;
  17 var _cdm_wd_vishist = new Array();
  18
  19 function catchup_callback() {
  20         if (xmlhttp_rpc.readyState == 4) {
  21                 try {
  22                         debug("catchup_callback");
  23                         if (_catchup_callback_func) {
  24                                 setTimeout(_catchup_callback_func, 100);
  25                         }
  26                         all_counters_callback();
  27                 } catch (e) {
  28                         exception_error("catchup_callback", e);
  29                 }
  30         }
  31 }
  32
  33 function headlines_callback() {
  34         if (xmlhttp.readyState == 4) {
  35                 debug("headlines_callback");
  36                 var f = document.getElementById("headlines-frame");
  37                 try {
  38                         f.scrollTop = 0;
  39                 } catch (e) { };
  40                 f.innerHTML = xmlhttp.responseText;
  41                 update_all_counters();
  42                 if (typeof correctPNG != 'undefined') {
  43                         correctPNG();
  44                 }
  45
  46                 if (_cdm_wd_timeout) window.clearTimeout(_cdm_wd_timeout);
  47
  48                 if (!document.getElementById("headlinesList")) {
  49                         debug("starting CDM watchdog");
  50                         _cdm_wd_timeout = window.setTimeout("cdmWatchdog()", 5000);
  51                         _cdm_wd_vishist = new Array();
  52                 }
  53
  54                 if (_tag_cdm_scroll) {
  55                         try {
  56                                 document.getElementById("headlinesInnerContainer").scrollTop = _tag_cdm_scroll;
  57                                 _tag_cdm_scroll = false;
  58                         } catch (e) { }
  59                 }
  60
  61                 notify("");
  62         }
  63 }
  64
  65 function article_callback() {
  66         if (xmlhttp.readyState == 4) {
  67                 debug("article_callback");
  68                 var f = document.getElementById("content-frame");
  69                 try {
  70                         f.scrollTop = 0;
  71                 } catch (e) { };
  72                 f.innerHTML = xmlhttp.responseText;
  73
  74                 var date = new Date();
  75                 last_article_view = date.getTime() / 1000;
  76
  77                 if (typeof correctPNG != 'undefined') {
  78                         correctPNG();
  79                 }
  80
  81                 if (_reload_feedlist_after_view) {
  82                         setTimeout('updateFeedList(false, false)', 50);
  83                         _reload_feedlist_after_view = false;
  84                 } else {
  85                         update_all_counters();
  86                 }
  87         }
  88 }
  89
  90 function view(id, feed_id, skip_history) {
  91
  92         try {
  93                 debug("loading article: " + id + "/" + feed_id);
  94
  95                 active_real_feed_id = feed_id;
  96
  97                 if (!skip_history) {
  98                         history_push("ARTICLE:" + id + ":" + feed_id);
  99                 }
 100
 101                 enableHotkeys();
 102
 103                 active_post_id = id;
 104                 //setActiveFeedId(feed_id);
 105
 106                 var query = "backend.php?op=view&id=" + param_escape(id) +
 107                         "&feed=" + param_escape(feed_id);
 108
 109                 var date = new Date();
 110
 111                 if (!xmlhttp_ready(xmlhttp) && last_article_view < date.getTime() / 1000 - 15) {
 112                         debug("<b>xmlhttp seems to be stuck at view, aborting</b>");
 113                         xmlhttp.abort();
 114                 }
 115
 116                 if (xmlhttp_ready(xmlhttp)) {
 117
 118                         cleanSelected("headlinesList");
 119
 120                         var crow = document.getElementById("RROW-" + active_post_id);
 121                         crow.className = crow.className.replace("Unread", "");
 122
 123                         var upd_img_pic = document.getElementById("FUPDPIC-" + active_post_id);
 124
 125                         if (upd_img_pic) {
 126                                 upd_img_pic.src = "images/blank_icon.gif";
 127                         }
 128
 129                         selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false);
 130                         markHeadline(active_post_id);
 131
 132                         var date = new Date();
 133                         var timestamp = Math.round(date.getTime() / 1000);
 134                         query = query + "&ts=" + timestamp
 135
 136                         xmlhttp.open("GET", query, true);
 137                         xmlhttp.onreadystatechange=article_callback;
 138                         xmlhttp.send(null);
 139                 } else {
 140                         debug("xmlhttp busy (@view)");
 141                         printLockingError();
 142                 }
 143
 144         } catch (e) {
 145                 exception_error("view", e);
 146         }
 147 }
 148
 149 function toggleMark(id) {
 150
 151         if (!xmlhttp_ready(xmlhttp_rpc)) {
 152                 printLockingError();
 153                 return;
 154         }
 155
 156         var query = "backend.php?op=rpc&id=" + id + "&subop=mark";
 157
 158         var mark_img = document.getElementById("FMARKPIC-" + id);
 159         var vfeedu = document.getElementById("FEEDU--1");
 160         var crow = document.getElementById("RROW-" + id);
 161
 162         if (mark_img.alt != "Reset mark") {
 163                 mark_img.src = "images/mark_set.png";
 164                 mark_img.alt = "Reset mark";
 165                 query = query + "&mark=1";
 166
 167                 if (vfeedu && crow.className.match("Unread")) {
 168                         vfeedu.innerHTML = (+vfeedu.innerHTML) + 1;
 169                 }
 170
 171         } else {
 172                 mark_img.src = "images/mark_unset.png";
 173                 mark_img.alt = "Set mark";
 174                 query = query + "&mark=0";
 175
 176                 if (vfeedu && crow.className.match("Unread")) {
 177                         vfeedu.innerHTML = (+vfeedu.innerHTML) - 1;
 178                 }
 179
 180         }
 181
 182         var vfeedctr = document.getElementById("FEEDCTR--1");
 183         var vfeedr = document.getElementById("FEEDR--1");
 184
 185         if (vfeedu && vfeedctr) {
 186                 if ((+vfeedu.innerHTML) > 0) {
 187                         if (crow.className.match("Unread") && !vfeedr.className.match("Unread")) {
 188                                 vfeedr.className = vfeedr.className + "Unread";
 189                                 vfeedctr.className = "odd";
 190                         }
 191                 } else {
 192                         vfeedctr.className = "invisible";
 193                         vfeedr.className = vfeedr.className.replace("Unread", "");
 194                 }
 195         }
 196
 197         debug("toggle starred for aid " + id);
 198
 199         new Ajax.Request(query);
 200
 201 }
 202
 203 function moveToPost(mode) {
 204
 205         // check for combined mode
 206         if (!document.getElementById("headlinesList"))
 207                 return;
 208
 209         var rows = getVisibleHeadlineIds();
 210
 211         var prev_id;
 212         var next_id;
 213
 214         if (!document.getElementById('RROW-' + active_post_id)) {
 215                 active_post_id = false;
 216         }
 217
 218         if (active_post_id == false) {
 219                 next_id = getFirstVisibleHeadlineId();
 220                 prev_id = getLastVisibleHeadlineId();
 221         } else {
 222                 for (var i = 0; i < rows.length; i++) {
 223                         if (rows[i] == active_post_id) {
 224                                 prev_id = rows[i-1];
 225                                 next_id = rows[i+1];
 226                         }
 227                 }
 228         }
 229
 230         if (mode == "next") {
 231                 if (next_id != undefined) {
 232                         view(next_id, getActiveFeedId());
 233                 }
 234         }
 235
 236         if (mode == "prev") {
 237                 if ( prev_id != undefined) {
 238                         view(prev_id, getActiveFeedId());
 239                 }
 240         }
 241 }
 242
 243 function toggleUnread(id, cmode) {
 244         try {
 245                 if (!xmlhttp_ready(xmlhttp_rpc)) {
 246                         printLockingError();
 247                         return;
 248                 }
 249
 250                 var row = document.getElementById("RROW-" + id);
 251                 if (row) {
 252                         var nc = row.className;
 253                         nc = nc.replace("Unread", "");
 254                         nc = nc.replace("Selected", "");
 255
 256                         if (row.className.match("Unread")) {
 257                                 row.className = nc;
 258                         } else {
 259                                 row.className = nc + "Unread";
 260                         }
 261
 262                         if (!cmode) cmode = 2;
 263
 264                         var query = "backend.php?op=rpc&subop=catchupSelected&ids=" +
 265                                 param_escape(id) + "&cmode=" + param_escape(cmode);
 266
 267                         xmlhttp_rpc.open("GET", query, true);
 268                         xmlhttp_rpc.onreadystatechange=all_counters_callback;
 269                         xmlhttp_rpc.send(null);
 270
 271                 }
 272
 273
 274         } catch (e) {
 275                 exception_error("toggleUnread", e);
 276         }
 277 }
 278
 279 function selectionToggleUnread(cdm_mode, set_state, callback_func) {
 280         try {
 281                 if (!xmlhttp_ready(xmlhttp_rpc)) {
 282                         printLockingError();
 283                         return;
 284                 }
 285
 286                 var rows;
 287
 288                 if (cdm_mode) {
 289                         rows = cdmGetSelectedArticles();
 290                 } else {
 291                         rows = getSelectedTableRowIds("headlinesList", "RROW", "RCHK");
 292                 }
 293
 294                 for (i = 0; i < rows.length; i++) {
 295                         var row = document.getElementById("RROW-" + rows[i]);
 296                         if (row) {
 297                                 var nc = row.className;
 298                                 nc = nc.replace("Unread", "");
 299                                 nc = nc.replace("Selected", "");
 300
 301                                 if (row.className.match("Unread")) {
 302                                         row.className = nc + "Selected";
 303                                 } else {
 304                                         row.className = nc + "UnreadSelected";
 305                                 }
 306                         }
 307                 }
 308
 309                 if (rows.length > 0) {
 310
 311                         var cmode = "";
 312
 313                         if (set_state == undefined) {
 314                                 cmode = "2";
 315                         } else if (set_state == true) {
 316                                 cmode = "1";
 317                         } else if (set_state == false) {
 318                                 cmode = "0";
 319                         }
 320
 321                         var query = "backend.php?op=rpc&subop=catchupSelected&ids=" +
 322                                 param_escape(rows.toString()) + "&cmode=" + cmode;
 323
 324                         _catchup_callback_func = callback_func;
 325
 326                         xmlhttp_rpc.open("GET", query, true);
 327                         xmlhttp_rpc.onreadystatechange=catchup_callback;
 328                         xmlhttp_rpc.send(null);
 329
 330                 }
 331
 332         } catch (e) {
 333                 exception_error("selectionToggleUnread", e);
 334         }
 335 }
 336
 337 function selectionToggleMarked(cdm_mode) {
 338         try {
 339                 if (!xmlhttp_ready(xmlhttp_rpc)) {
 340                         printLockingError();
 341                         return;
 342                 }
 343
 344                 var rows;
 345
 346                 if (cdm_mode) {
 347                         rows = cdmGetSelectedArticles();
 348                 } else {
 349                         rows = getSelectedTableRowIds("headlinesList", "RROW", "RCHK");
 350                 }
 351
 352                 for (i = 0; i < rows.length; i++) {
 353                         var row = document.getElementById("RROW-" + rows[i]);
 354                         var mark_img = document.getElementById("FMARKPIC-" + rows[i]);
 355
 356                         if (row && mark_img) {
 357
 358                                 if (mark_img.alt == "Set mark") {
 359                                         mark_img.src = "images/mark_set.png";
 360                                         mark_img.alt = "Reset mark";
 361                                         mark_img.setAttribute('onclick',
 362                                                 'javascript:toggleMark('+rows[i]+', false)');
 363
 364                                 } else {
 365                                         mark_img.src = "images/mark_unset.png";
 366                                         mark_img.alt = "Set mark";
 367                                         mark_img.setAttribute('onclick',
 368                                                 'javascript:toggleMark('+rows[i]+', true)');
 369                                 }
 370                         }
 371                 }
 372
 373                 if (rows.length > 0) {
 374
 375                         var query = "backend.php?op=rpc&subop=markSelected&ids=" +
 376                                 param_escape(rows.toString()) + "&cmode=2";
 377
 378                         xmlhttp_rpc.open("GET", query, true);
 379                         xmlhttp_rpc.onreadystatechange=all_counters_callback;
 380                         xmlhttp_rpc.send(null);
 381
 382                 }
 383
 384         } catch (e) {
 385                 exception_error("selectionToggleMarked", e);
 386         }
 387 }
 388
 389 function cdmGetSelectedArticles() {
 390         var sel_articles = new Array();
 391         var container = document.getElementById("headlinesInnerContainer");
 392
 393         for (i = 0; i < container.childNodes.length; i++) {
 394                 var child = container.childNodes[i];
 395
 396                 if (child.id.match("RROW-") && child.className.match("Selected")) {
 397                         var c_id = child.id.replace("RROW-", "");
 398                         sel_articles.push(c_id);
 399                 }
 400         }
 401
 402         return sel_articles;
 403 }
 404
 405 // mode = all,none,unread
 406 function cdmSelectArticles(mode) {
 407         var container = document.getElementById("headlinesInnerContainer");
 408
 409         for (i = 0; i < container.childNodes.length; i++) {
 410                 var child = container.childNodes[i];
 411
 412                 if (child.id.match("RROW-")) {
 413                         var aid = child.id.replace("RROW-", "");
 414
 415                         var cb = document.getElementById("RCHK-" + aid);
 416
 417                         if (mode == "all") {
 418                                 if (!child.className.match("Selected")) {
 419                                         child.className = child.className + "Selected";
 420                                         cb.checked = true;
 421                                 }
 422                         } else if (mode == "unread") {
 423                                 if (child.className.match("Unread") && !child.className.match("Selected")) {
 424                                         child.className = child.className + "Selected";
 425                                         cb.checked = true;
 426                                 }
 427                         } else {
 428                                 child.className = child.className.replace("Selected", "");
 429                                 cb.checked = false;
 430                         }
 431                 }
 432         }
 433 }
 434
 435 function catchupPage() {
 436
 437         if (document.getElementById("headlinesList")) {
 438                 selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', true, 'Unread', true);
 439                 selectionToggleUnread(false, false, 'viewCurrentFeed()');
 440                 selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false);
 441         } else {
 442                 cdmSelectArticles('all');
 443                 selectionToggleUnread(true, false, 'viewCurrentFeed()')
 444                 cdmSelectArticles('none');
 445         }
 446 }
 447
 448 function labelFromSearch(search, search_mode, match_on, feed_id, is_cat) {
 449
 450         if (!xmlhttp_ready(xmlhttp_rpc)) {
 451                 printLockingError();
 452         }
 453
 454         var title = prompt("Please enter label title:", "");
 455
 456         if (title) {
 457
 458                 var query = "backend.php?op=labelFromSearch&search=" + param_escape(search) +
 459                         "&smode=" + param_escape(search_mode) + "&match=" + param_escape(match_on) +
 460                         "&feed=" + param_escape(feed_id) + "&is_cat=" + param_escape(is_cat) +
 461                         "&title=" + param_escape(title);
 462
 463                 debug("LFS: " + query);
 464
 465                 xmlhttp_rpc.open("GET", query, true);
 466                 xmlhttp_rpc.onreadystatechange=dlg_frefresh_callback;
 467                 xmlhttp_rpc.send(null);
 468         }
 469
 470 }
 471
 472 function editArticleTags(id, feed_id, cdm_enabled) {
 473         _tag_active_post_id = id;
 474         _tag_active_feed_id = feed_id;
 475         _tag_active_cdm = cdm_enabled;
 476         try {
 477                 _tag_cdm_scroll = document.getElementById("headlinesInnerContainer").scrollTop;
 478         } catch (e) { }
 479         displayDlg('editArticleTags', id);
 480 }
 481
 482
 483 function tag_saved_callback() {
 484         if (xmlhttp_rpc.readyState == 4) {
 485                 try {
 486                         debug("in tag_saved_callback");
 487
 488                         closeInfoBox();
 489                         notify("");
 490
 491                         if (tagsAreDisplayed()) {
 492                                 _reload_feedlist_after_view = true;
 493                         }
 494
 495                         if (!_tag_active_cdm) {
 496                                 if (active_post_id == _tag_active_post_id) {
 497                                         debug("reloading current article");
 498                                         view(_tag_active_post_id, _tag_active_feed_id);
 499                                 }
 500                         } else {
 501                                 debug("reloading current feed");
 502                                 viewCurrentFeed();
 503                         }
 504
 505                 } catch (e) {
 506                         exception_error("catchup_callback", e);
 507                 }
 508         }
 509 }
 510
 511 function editTagsSave() {
 512
 513         if (!xmlhttp_ready(xmlhttp_rpc)) {
 514                 printLockingError();
 515         }
 516
 517         notify_progress("Saving article tags...");
 518
 519         var form = document.forms["tag_edit_form"];
 520
 521         var query = Form.serialize("tag_edit_form");
 522
 523         xmlhttp_rpc.open("GET", "backend.php?op=rpc&subop=setArticleTags&" + query, true);
 524         xmlhttp_rpc.onreadystatechange=tag_saved_callback;
 525         xmlhttp_rpc.send(null);
 526
 527 }
 528
 529 function editTagsInsert() {
 530         try {
 531
 532                 var form = document.forms["tag_edit_form"];
 533
 534                 var found_tags = form.found_tags;
 535                 var tags_str = form.tags_str;
 536
 537                 var tag = found_tags[found_tags.selectedIndex].value;
 538
 539                 if (tags_str.value.length > 0 &&
 540                                 tags_str.value.lastIndexOf(", ") != tags_str.value.length - 2) {
 541
 542                         tags_str.value = tags_str.value + ", ";
 543                 }
 544
 545                 tags_str.value = tags_str.value + tag + ", ";
 546
 547                 found_tags.selectedIndex = 0;
 548
 549         } catch (e) {
 550                 exception_error(e, "editTagsInsert");
 551         }
 552 }
 553
 554 function cdmWatchdog() {
 555
 556         try {
 557
 558                 var ctr = document.getElementById("headlinesInnerContainer");
 559
 560                 if (!ctr) return;
 561
 562                 var ids = new Array();
 563
 564                 var e = ctr.firstChild;
 565
 566                 while (e) {
 567                         if (e.className && e.className == "cdmArticleUnread" && e.id &&
 568                                         e.id.match("RROW-")) {
 569
 570                                 // article fits in viewport OR article is longer than viewport and
 571                                 // its bottom is visible
 572
 573                                 if (ctr.scrollTop <= e.offsetTop && e.offsetTop + e.offsetHeight <=
 574                                                 ctr.scrollTop + ctr.offsetHeight) {
 575
 576 //                                      debug(e.id + " is visible " + e.offsetTop + "." +
 577 //                                              (e.offsetTop + e.offsetHeight) + " vs " + ctr.scrollTop + "." +
 578 //                                              (ctr.scrollTop + ctr.offsetHeight));
 579
 580                                         ids.push(e.id.replace("RROW-", ""));
 581
 582                                 } else if (e.offsetHeight > ctr.offsetHeight &&
 583                                                 e.offsetTop + e.offsetHeight >= ctr.scrollTop &&
 584                                                 e.offsetTop + e.offsetHeight <= ctr.scrollTop + ctr.offsetHeight) {
 585
 586                                         ids.push(e.id.replace("RROW-", ""));
 587
 588                                 }
 589
 590                                 // method 2: article bottom is visible and is in upper 1/2 of the viewport
 591
 592 /*                              if (e.offsetTop + e.offsetHeight >= ctr.scrollTop &&
 593                                                 e.offsetTop + e.offsetHeight <= ctr.scrollTop + ctr.offsetHeight/2) {
 594
 595                                         ids.push(e.id.replace("RROW-", ""));
 596
 597                                 } */
 598
 599                         }
 600
 601                         e = e.nextSibling;
 602                 }
 603
 604                 debug("cdmWatchdog, ids= " + ids.toString());
 605
 606                 if (ids.length > 0 && xmlhttp_ready(xmlhttp_rpc)) {
 607
 608                         for (var i = 0; i < ids.length; i++) {
 609                                 var e = document.getElementById("RROW-" + ids[i]);
 610                                 if (e) {
 611                                         e.className = e.className.replace("Unread", "");
 612                                 }
 613                         }
 614
 615                         var query = "backend.php?op=rpc&subop=catchupSelected&ids=" +
 616                                 param_escape(ids.toString()) + "&cmode=0";
 617
 618                         xmlhttp_rpc.open("GET", query, true);
 619                         xmlhttp_rpc.onreadystatechange=all_counters_callback;
 620                         xmlhttp_rpc.send(null);
 621
 622                 }
 623
 624                 _cdm_wd_timeout = window.setTimeout("cdmWatchdog()", 4000);
 625
 626         } catch (e) {
 627                 exception_error(e, "cdmWatchdog");
 628         }
 629
 630 }