js/viewfeed.js

   1 /* global dijit, __ */
   2
   3 let _active_article_id = 0;
   4
   5 let vgroup_last_feed = false;
   6 let post_under_pointer = false;
   7
   8 let last_requested_article = 0;
   9
  10 let catchup_id_batch = [];
  11 let catchup_timeout_id = false;
  12
  13 let cids_requested = [];
  14 let loaded_article_ids = [];
  15 let _last_headlines_update = 0;
  16 let _headlines_scroll_offset = 0;
  17 let current_first_id = 0;
  18 let last_search_query;
  19
  20 let _catchup_request_sent = false;
  21
  22 let has_storage = 'sessionStorage' in window && window['sessionStorage'] !== null;
  23
  24 function headlines_callback2(transport, offset, background, infscroll_req) {
  25         const reply = handle_rpc_json(transport);
  26
  27         console.log("headlines_callback2 [offset=" + offset + "] B:" + background + " I:" + infscroll_req);
  28
  29         if (background)
  30                 return;
  31
  32         var is_cat = false;
  33         var feed_id = false;
  34
  35         if (reply) {
  36
  37                 is_cat = reply['headlines']['is_cat'];
  38                 feed_id = reply['headlines']['id'];
  39                 last_search_query = reply['headlines']['search_query'];
  40
  41         console.log(feed_id, getActiveFeedId(), is_cat, activeFeedIsCat());
  42
  43                 if (feed_id != -7 && (feed_id != getActiveFeedId() || is_cat != activeFeedIsCat()))
  44                         return;
  45
  46                 try {
  47                         if (infscroll_req == false) {
  48                                 $("headlines-frame").scrollTop = 0;
  49
  50                                 $("floatingTitle").style.visibility = "hidden";
  51                                 $("floatingTitle").setAttribute("data-article-id", 0);
  52                                 $("floatingTitle").innerHTML = "";
  53                         }
  54                 } catch (e) { }
  55
  56                 $("headlines-frame").removeClassName("cdm");
  57                 $("headlines-frame").removeClassName("normal");
  58
  59                 $("headlines-frame").addClassName(isCdmMode() ? "cdm" : "normal");
  60
  61                 const headlines_count = reply['headlines-info']['count'];
  62
  63                 vgroup_last_feed = reply['headlines-info']['vgroup_last_feed'];
  64
  65                 if (parseInt(headlines_count) < 30) {
  66                         _infscroll_disable = 1;
  67                 } else {
  68                         _infscroll_disable = 0;
  69                 }
  70
  71                 current_first_id = reply['headlines']['first_id'];
  72                 const counters = reply['counters'];
  73                 const articles = reply['articles'];
  74
  75                 if (infscroll_req == false) {
  76                         loaded_article_ids = [];
  77
  78                         dojo.html.set($("headlines-toolbar"),
  79                                         reply['headlines']['toolbar'],
  80                                         {parseContent: true});
  81
  82                         $("headlines-frame").innerHTML = '';
  83
  84                         let tmp = document.createElement("div");
  85                         tmp.innerHTML = reply['headlines']['content'];
  86                         dojo.parser.parse(tmp);
  87
  88                         while (tmp.hasChildNodes()) {
  89                                 var row = tmp.removeChild(tmp.firstChild);
  90
  91                                 if (loaded_article_ids.indexOf(row.id) == -1 || row.hasClassName("cdmFeedTitle")) {
  92                                         dijit.byId("headlines-frame").domNode.appendChild(row);
  93
  94                                         loaded_article_ids.push(row.id);
  95                                 }
  96                         }
  97
  98                         let hsp = $("headlines-spacer");
  99                         if (!hsp) hsp = new Element("DIV", {"id": "headlines-spacer"});
 100                         dijit.byId('headlines-frame').domNode.appendChild(hsp);
 101
 102                         initHeadlinesMenu();
 103
 104                         if (_infscroll_disable)
 105                                 hsp.innerHTML = "<a href='#' onclick='openNextUnreadFeed()'>" +
 106                                         __("Click to open next unread feed.") + "</a>";
 107
 108                         if (_search_query) {
 109                                 $("feed_title").innerHTML += "<span id='cancel_search'>" +
 110                                         " (<a href='#' onclick='cancelSearch()'>" + __("Cancel search") + "</a>)" +
 111                                         "</span>";
 112                         }
 113
 114                 } else if (headlines_count > 0 && feed_id == getActiveFeedId() && is_cat == activeFeedIsCat()) {
 115                                 console.log("adding some more headlines: " + headlines_count);
 116
 117                                 const c = dijit.byId("headlines-frame");
 118                                 const ids = getSelectedArticleIds2();
 119
 120                                 let hsp = $("headlines-spacer");
 121
 122                                 if (hsp)
 123                                         c.domNode.removeChild(hsp);
 124
 125                                 let tmp = document.createElement("div");
 126                                 tmp.innerHTML = reply['headlines']['content'];
 127                                 dojo.parser.parse(tmp);
 128
 129                                 while (tmp.hasChildNodes()) {
 130                                         let row = tmp.removeChild(tmp.firstChild);
 131
 132                                         if (loaded_article_ids.indexOf(row.id) == -1 || row.hasClassName("cdmFeedTitle")) {
 133                                                 dijit.byId("headlines-frame").domNode.appendChild(row);
 134
 135                                                 loaded_article_ids.push(row.id);
 136                                         }
 137                                 }
 138
 139                                 if (!hsp) hsp = new Element("DIV", {"id": "headlines-spacer"});
 140                                 c.domNode.appendChild(hsp);
 141
 142                                 if (headlines_count < 30) _infscroll_disable = true;
 143
 144                                 console.log("restore selected ids: " + ids);
 145
 146                                 for (let i = 0; i < ids.length; i++) {
 147                                         markHeadline(ids[i]);
 148                                 }
 149
 150                                 initHeadlinesMenu();
 151
 152                                 if (_infscroll_disable) {
 153                                         hsp.innerHTML = "<a href='#' onclick='openNextUnreadFeed()'>" +
 154                                         __("Click to open next unread feed.") + "</a>";
 155                                 }
 156
 157                         } else {
 158                                 console.log("no new headlines received");
 159
 160                                 const first_id_changed = reply['headlines']['first_id_changed'];
 161                                 console.log("first id changed:" + first_id_changed);
 162
 163                                 let hsp = $("headlines-spacer");
 164
 165                                 if (hsp) {
 166                                         if (first_id_changed) {
 167                                                 hsp.innerHTML = "<a href='#' onclick='viewCurrentFeed()'>" +
 168                                                 __("New articles found, reload feed to continue.") + "</a>";
 169                                         } else {
 170                                                 hsp.innerHTML = "<a href='#' onclick='openNextUnreadFeed()'>" +
 171                                                 __("Click to open next unread feed.") + "</a>";
 172                                         }
 173
 174                                 }
 175
 176                         }
 177
 178                 if (articles) {
 179                         for (let i = 0; i < articles.length; i++) {
 180                                 const a_id = articles[i]['id'];
 181                                 cache_set("article:" + a_id, articles[i]['content']);
 182                         }
 183                 } else {
 184                         console.log("no cached articles received");
 185                 }
 186
 187                 if (counters)
 188                         parse_counters(counters);
 189                 else
 190                         request_counters();
 191
 192         } else {
 193                 console.error("Invalid object received: " + transport.responseText);
 194                 dijit.byId("headlines-frame").attr('content', "<div class='whiteBox'>" +
 195                                 __('Could not update headlines (invalid object received - see error console for details)') +
 196                                 "</div>");
 197         }
 198
 199         _infscroll_request_sent = 0;
 200         _last_headlines_update = new Date().getTime();
 201
 202         unpackVisibleHeadlines();
 203
 204         // if we have some more space in the buffer, why not try to fill it
 205
 206         if (!_infscroll_disable && $("headlines-spacer") &&
 207                         $("headlines-spacer").offsetTop < $("headlines-frame").offsetHeight) {
 208
 209                 window.setTimeout(function() {
 210                         loadMoreHeadlines();
 211                 }, 250);
 212         }
 213
 214         notify("");
 215 }
 216
 217 function render_article(article) {
 218         cleanup_memory("content-insert");
 219
 220         dijit.byId("headlines-wrap-inner").addChild(
 221                         dijit.byId("content-insert"));
 222
 223         const c = dijit.byId("content-insert");
 224
 225         try {
 226                 c.domNode.scrollTop = 0;
 227         } catch (e) { }
 228
 229         c.attr('content', article);
 230         PluginHost.run(PluginHost.HOOK_ARTICLE_RENDERED, c.domNode);
 231
 232         correctHeadlinesOffset(getActiveArticleId());
 233
 234         try {
 235                 c.focus();
 236         } catch (e) { }
 237 }
 238
 239 function showArticleInHeadlines(id, noexpand) {
 240         const row = $("RROW-" + id);
 241         if (!row) return;
 242
 243         if (!noexpand)
 244                 row.removeClassName("Unread");
 245
 246         row.addClassName("active");
 247
 248         selectArticles('none');
 249
 250         markHeadline(id);
 251 }
 252
 253 function article_callback2(transport, id) {
 254         console.log("article_callback2 " + id);
 255
 256         handle_rpc_json(transport);
 257
 258         let reply = false;
 259
 260         try {
 261                 reply = JSON.parse(transport.responseText);
 262         } catch (e) {
 263                 console.error(e);
 264         }
 265
 266         if (reply) {
 267
 268                 reply.each(function(article) {
 269                         if (getActiveArticleId() == article['id']) {
 270                                 render_article(article['content']);
 271                         }
 272                         cids_requested.remove(article['id']);
 273
 274                         cache_set("article:" + article['id'], article['content']);
 275                 });
 276
 277 //                      if (id != last_requested_article) {
 278 //                              console.log("requested article id is out of sequence, aborting");
 279 //                              return;
 280 //                      }
 281
 282         } else {
 283                 console.error("Invalid object received: " + transport.responseText);
 284
 285                 render_article("<div class='whiteBox'>" +
 286                                 __('Could not display article (invalid object received - see error console for details)') + "</div>");
 287         }
 288
 289         const unread_in_buffer = $$("#headlines-frame > div[id*=RROW][class*=Unread]").length
 290         request_counters(unread_in_buffer == 0);
 291
 292         notify("");
 293 }
 294
 295 function view(id, activefeed, noexpand) {
 296         const oldrow = $("RROW-" + getActiveArticleId());
 297         if (oldrow) oldrow.removeClassName("active");
 298
 299         const crow = $("RROW-" + id);
 300
 301         if (!crow) return;
 302         if (noexpand) {
 303                 setActiveArticleId(id);
 304                 showArticleInHeadlines(id, noexpand);
 305                 return;
 306         }
 307
 308         console.log("loading article: " + id);
 309
 310         const cached_article = cache_get("article:" + id);
 311
 312         console.log("cache check result: " + (cached_article != false));
 313
 314         let query = "?op=article&method=view&id=" + param_escape(id);
 315
 316         const neighbor_ids = getRelativePostIds(id);
 317
 318         /* only request uncached articles */
 319
 320         const cids_to_request = [];
 321
 322         for (let i = 0; i < neighbor_ids.length; i++) {
 323                 if (cids_requested.indexOf(neighbor_ids[i]) == -1)
 324                         if (!cache_get("article:" + neighbor_ids[i])) {
 325                                 cids_to_request.push(neighbor_ids[i]);
 326                                 cids_requested.push(neighbor_ids[i]);
 327                         }
 328         }
 329
 330         console.log("additional ids: " + cids_to_request.toString());
 331
 332         query = query + "&cids=" + cids_to_request.toString();
 333
 334         const article_is_unread = crow.hasClassName("Unread");
 335
 336         setActiveArticleId(id);
 337         showArticleInHeadlines(id);
 338
 339         if (cached_article && article_is_unread) {
 340
 341                 query = query + "&mode=prefetch";
 342
 343                 render_article(cached_article);
 344
 345         } else if (cached_article) {
 346
 347                 query = query + "&mode=prefetch_old";
 348                 render_article(cached_article);
 349
 350                 // if we don't need to request any relative ids, we might as well skip
 351                 // the server roundtrip altogether
 352                 if (cids_to_request.length == 0) {
 353                         return;
 354                 }
 355         }
 356
 357         last_requested_article = id;
 358
 359         console.log(query);
 360
 361         if (article_is_unread) {
 362                 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
 363         }
 364
 365         new Ajax.Request("backend.php", {
 366                 parameters: query,
 367                 onComplete: function(transport) {
 368                         article_callback2(transport, id);
 369                 } });
 370
 371         return false;
 372
 373 }
 374
 375 function toggleMark(id, client_only) {
 376         let query = "?op=rpc&id=" + id + "&method=mark";
 377
 378         const row = $("RROW-" + id);
 379         if (!row) return;
 380
 381         const imgs = [];
 382
 383         const row_imgs = row.getElementsByClassName("markedPic");
 384
 385         for (var i = 0; i < row_imgs.length; i++)
 386                 imgs.push(row_imgs[i]);
 387
 388         const ft = $("floatingTitle");
 389
 390         if (ft && ft.getAttribute("data-article-id") == id) {
 391                 const fte = ft.getElementsByClassName("markedPic");
 392
 393                 for (var i = 0; i < fte.length; i++)
 394                         imgs.push(fte[i]);
 395         }
 396
 397         for (i = 0; i < imgs.length; i++) {
 398                 const img = imgs[i];
 399
 400                 if (!row.hasClassName("marked")) {
 401                         img.src = img.src.replace("mark_unset", "mark_set");
 402                         query = query + "&mark=1";
 403                 } else {
 404                         img.src = img.src.replace("mark_set", "mark_unset");
 405                         query = query + "&mark=0";
 406                 }
 407         }
 408
 409         row.toggleClassName("marked");
 410
 411         if (!client_only) {
 412                 new Ajax.Request("backend.php", {
 413                         parameters: query,
 414                         onComplete: function (transport) {
 415                                 handle_rpc_json(transport);
 416                         }
 417                 });
 418         }
 419 }
 420
 421 function togglePub(id, client_only, no_effects, note) {
 422         let query = "?op=rpc&id=" + id + "&method=publ";
 423
 424         if (note != undefined) {
 425                 query = query + "&note=" + param_escape(note);
 426         } else {
 427                 query = query + "&note=undefined";
 428         }
 429
 430         const row = $("RROW-" + id);
 431         if (!row) return;
 432
 433         const imgs = [];
 434
 435         const row_imgs = row.getElementsByClassName("pubPic");
 436
 437         for (var i = 0; i < row_imgs.length; i++)
 438                 imgs.push(row_imgs[i]);
 439
 440         const ft = $("floatingTitle");
 441
 442         if (ft && ft.getAttribute("data-article-id") == id) {
 443                 const fte = ft.getElementsByClassName("pubPic");
 444
 445                 for (var i = 0; i < fte.length; i++)
 446                         imgs.push(fte[i]);
 447         }
 448
 449         for (var i = 0; i < imgs.length; i++) {
 450                 const img = imgs[i];
 451
 452                 if (!row.hasClassName("published") || note != undefined) {
 453                         img.src = img.src.replace("pub_unset", "pub_set");
 454                         query = query + "&pub=1";
 455                 } else {
 456                         img.src = img.src.replace("pub_set", "pub_unset");
 457                         query = query + "&pub=0";
 458                 }
 459         }
 460
 461         if (note != undefined)
 462                 row.addClassName("published");
 463         else
 464                 row.toggleClassName("published");
 465
 466         if (!client_only) {
 467                 new Ajax.Request("backend.php", {
 468                         parameters: query,
 469                         onComplete: function(transport) {
 470                                 handle_rpc_json(transport);
 471                         } });
 472         }
 473
 474 }
 475
 476 function moveToPost(mode, noscroll, noexpand) {
 477         const rows = getLoadedArticleIds();
 478
 479         let prev_id = false;
 480         let next_id = false;
 481
 482         if (!$('RROW-' + getActiveArticleId())) {
 483                 setActiveArticleId(0);
 484         }
 485
 486         if (!getActiveArticleId()) {
 487                 next_id = rows[0];
 488                 prev_id = rows[rows.length-1]
 489         } else {
 490                 for (let i = 0; i < rows.length; i++) {
 491                         if (rows[i] == getActiveArticleId()) {
 492
 493                                 // Account for adjacent identical article ids.
 494                                 if (i > 0) prev_id = rows[i-1];
 495
 496                                 for (let j = i+1; j < rows.length; j++) {
 497                                         if (rows[j] != getActiveArticleId()) {
 498                                                 next_id = rows[j];
 499                                                 break;
 500                                         }
 501                                 }
 502                                 break;
 503                         }
 504                 }
 505         }
 506
 507         console.log("cur: " + getActiveArticleId() + " next: " + next_id);
 508
 509         if (mode == "next") {
 510                 if (next_id || getActiveArticleId()) {
 511                         if (isCdmMode()) {
 512
 513                                 var article = $("RROW-" + getActiveArticleId());
 514                                 var ctr = $("headlines-frame");
 515
 516                                 if (!noscroll && article && article.offsetTop + article.offsetHeight >
 517                                                 ctr.scrollTop + ctr.offsetHeight) {
 518
 519                                         scrollArticle(ctr.offsetHeight/4);
 520
 521                                 } else if (next_id) {
 522                                         cdmExpandArticle(next_id, noexpand);
 523                                         cdmScrollToArticleId(next_id, true);
 524                                 }
 525
 526                         } else if (next_id) {
 527                                 correctHeadlinesOffset(next_id);
 528                                 view(next_id, getActiveFeedId(), noexpand);
 529                         }
 530                 }
 531         }
 532
 533         if (mode == "prev") {
 534                 if (prev_id || getActiveArticleId()) {
 535                         if (isCdmMode()) {
 536
 537                                 var article = $("RROW-" + getActiveArticleId());
 538                                 const prev_article = $("RROW-" + prev_id);
 539                                 var ctr = $("headlines-frame");
 540
 541                                 if (!getInitParam("cdm_expanded")) {
 542
 543                                         if (!noscroll && article && article.offsetTop < ctr.scrollTop) {
 544                                                 scrollArticle(-ctr.offsetHeight/4);
 545                                         } else {
 546                                                 cdmExpandArticle(prev_id, noexpand);
 547                                                 cdmScrollToArticleId(prev_id, true);
 548                                         }
 549                                 } else if (!noscroll && article && article.offsetTop < ctr.scrollTop) {
 550                                                 scrollArticle(-ctr.offsetHeight/3);
 551                                         } else if (!noscroll && prev_article &&
 552                                                         prev_article.offsetTop < ctr.scrollTop) {
 553                                                 cdmExpandArticle(prev_id, noexpand);
 554                                                 scrollArticle(-ctr.offsetHeight/4);
 555                                         } else if (prev_id) {
 556                                                 cdmExpandArticle(prev_id, noexpand);
 557                                                 cdmScrollToArticleId(prev_id, noscroll);
 558                                         }
 559
 560                         } else if (prev_id) {
 561                                 correctHeadlinesOffset(prev_id);
 562                                 view(prev_id, getActiveFeedId(), noexpand);
 563                         }
 564                 }
 565         }
 566
 567 }
 568
 569 function toggleSelected(id, force_on) {
 570         const row = $("RROW-" + id);
 571
 572         if (row) {
 573                 const cb = dijit.getEnclosingWidget(
 574                                 row.getElementsByClassName("rchk")[0]);
 575
 576                 if (row.hasClassName('Selected') && !force_on) {
 577                         row.removeClassName('Selected');
 578                         if (cb) cb.attr("checked", false);
 579                 } else {
 580                         row.addClassName('Selected');
 581                         if (cb) cb.attr("checked", true);
 582                 }
 583         }
 584
 585         updateSelectedPrompt();
 586 }
 587
 588 function updateSelectedPrompt() {
 589         const count = getSelectedArticleIds2().length;
 590         const elem = $("selected_prompt");
 591
 592         if (elem) {
 593                 elem.innerHTML = ngettext("%d article selected",
 594                                 "%d articles selected", count).replace("%d", count);
 595
 596                 if (count > 0)
 597                         Element.show(elem);
 598                 else
 599                         Element.hide(elem);
 600         }
 601
 602 }
 603
 604 function toggleUnread(id, cmode, effect) {
 605         const row = $("RROW-" + id);
 606         if (row) {
 607                 const tmpClassName = row.className;
 608
 609                 if (cmode == undefined || cmode == 2) {
 610                         if (row.hasClassName("Unread")) {
 611                                 row.removeClassName("Unread");
 612
 613                         } else {
 614                                 row.addClassName("Unread");
 615                         }
 616
 617                 } else if (cmode == 0) {
 618
 619                         row.removeClassName("Unread");
 620
 621                 } else if (cmode == 1) {
 622                         row.addClassName("Unread");
 623                 }
 624
 625                 if (cmode == undefined) cmode = 2;
 626
 627                 const query = "?op=rpc&method=catchupSelected" +
 628                         "&cmode=" + param_escape(cmode) + "&ids=" + param_escape(id);
 629
 630 //                      notify_progress("Loading, please wait...");
 631
 632                 if (tmpClassName != row.className) {
 633                         new Ajax.Request("backend.php", {
 634                                 parameters: query,
 635                                 onComplete: function (transport) {
 636                                         handle_rpc_json(transport);
 637                                 }
 638                         });
 639                 }
 640
 641         }
 642 }
 643
 644 function selectionRemoveLabel(id, ids) {
 645         if (!ids) ids = getSelectedArticleIds2();
 646
 647         if (ids.length == 0) {
 648                 alert(__("No articles are selected."));
 649                 return;
 650         }
 651
 652         const query = "?op=article&method=removeFromLabel&ids=" +
 653                 param_escape(ids.toString()) + "&lid=" + param_escape(id);
 654
 655         console.log(query);
 656
 657         new Ajax.Request("backend.php", {
 658                 parameters: query,
 659                 onComplete: function(transport) {
 660                         handle_rpc_json(transport);
 661                         show_labels_in_headlines(transport);
 662                 } });
 663
 664 }
 665
 666 function selectionAssignLabel(id, ids) {
 667         if (!ids) ids = getSelectedArticleIds2();
 668
 669         if (ids.length == 0) {
 670                 alert(__("No articles are selected."));
 671                 return;
 672         }
 673
 674         const query = "?op=article&method=assignToLabel&ids=" +
 675                 param_escape(ids.toString()) + "&lid=" + param_escape(id);
 676
 677         console.log(query);
 678
 679         new Ajax.Request("backend.php", {
 680                 parameters: query,
 681                 onComplete: function(transport) {
 682                         handle_rpc_json(transport);
 683                         show_labels_in_headlines(transport);
 684                 } });
 685 }
 686
 687 function selectionToggleUnread(set_state, callback, no_error, ids) {
 688         const rows = ids ? ids : getSelectedArticleIds2();
 689
 690         if (rows.length == 0 && !no_error) {
 691                 alert(__("No articles are selected."));
 692                 return;
 693         }
 694
 695         for (let i = 0; i < rows.length; i++) {
 696                 const row = $("RROW-" + rows[i]);
 697                 if (row) {
 698                         if (set_state == undefined) {
 699                                 if (row.hasClassName("Unread")) {
 700                                         row.removeClassName("Unread");
 701                                 } else {
 702                                         row.addClassName("Unread");
 703                                 }
 704                         }
 705
 706                         if (set_state == false) {
 707                                 row.removeClassName("Unread");
 708                         }
 709
 710                         if (set_state == true) {
 711                                 row.addClassName("Unread");
 712                         }
 713                 }
 714         }
 715
 716         updateFloatingTitle(true);
 717
 718         if (rows.length > 0) {
 719
 720                 let cmode = "";
 721
 722                 if (set_state == undefined) {
 723                         cmode = "2";
 724                 } else if (set_state == true) {
 725                         cmode = "1";
 726                 } else if (set_state == false) {
 727                         cmode = "0";
 728                 }
 729
 730                 const query = "?op=rpc&method=catchupSelected" +
 731                         "&cmode=" + cmode + "&ids=" + param_escape(rows.toString());
 732
 733                 notify_progress("Loading, please wait...");
 734
 735                 new Ajax.Request("backend.php", {
 736                         parameters: query,
 737                         onComplete: function(transport) {
 738                                 handle_rpc_json(transport);
 739                                 if (callback) callback(transport);
 740                         } });
 741
 742         }
 743 }
 744
 745 // sel_state ignored
 746 function selectionToggleMarked(sel_state, callback, no_error, ids) {
 747         const rows = ids ? ids : getSelectedArticleIds2();
 748
 749         if (rows.length == 0 && !no_error) {
 750                 alert(__("No articles are selected."));
 751                 return;
 752         }
 753
 754         for (let i = 0; i < rows.length; i++) {
 755                 toggleMark(rows[i], true, true);
 756         }
 757
 758         if (rows.length > 0) {
 759
 760                 const query = "?op=rpc&method=markSelected&ids=" +
 761                         param_escape(rows.toString()) + "&cmode=2";
 762
 763                 new Ajax.Request("backend.php", {
 764                         parameters: query,
 765                         onComplete: function(transport) {
 766                                 handle_rpc_json(transport);
 767                                 if (callback) callback(transport);
 768                         } });
 769
 770         }
 771 }
 772
 773 // sel_state ignored
 774 function selectionTogglePublished(sel_state, callback, no_error, ids) {
 775         const rows = ids ? ids : getSelectedArticleIds2();
 776
 777         if (rows.length == 0 && !no_error) {
 778                 alert(__("No articles are selected."));
 779                 return;
 780         }
 781
 782         for (let i = 0; i < rows.length; i++) {
 783                 togglePub(rows[i], true, true);
 784         }
 785
 786         if (rows.length > 0) {
 787
 788                 const query = "?op=rpc&method=publishSelected&ids=" +
 789                         param_escape(rows.toString()) + "&cmode=2";
 790
 791                 new Ajax.Request("backend.php", {
 792                         parameters: query,
 793                         onComplete: function(transport) {
 794                                 handle_rpc_json(transport);
 795                         } });
 796
 797         }
 798 }
 799
 800 function getSelectedArticleIds2() {
 801
 802         const rv = [];
 803
 804         $$("#headlines-frame > div[id*=RROW][class*=Selected]").each(
 805                 function(child) {
 806                         rv.push(child.getAttribute("data-article-id"));
 807                 });
 808
 809         return rv;
 810 }
 811
 812 function getLoadedArticleIds() {
 813         const rv = [];
 814
 815         const children = $$("#headlines-frame > div[id*=RROW-]");
 816
 817         children.each(function(child) {
 818                 if (Element.visible(child)) {
 819                         rv.push(child.getAttribute("data-article-id"));
 820                 }
 821         });
 822
 823         return rv;
 824
 825 }
 826
 827 // mode = all,none,unread,invert,marked,published
 828 function selectArticles(mode, query) {
 829         if (!query) query = "#headlines-frame > div[id*=RROW]";
 830
 831         const children = $$(query);
 832
 833         children.each(function(child) {
 834                 const id = child.getAttribute("data-article-id");
 835
 836                 const cb = dijit.getEnclosingWidget(
 837                                 child.getElementsByClassName("rchk")[0]);
 838
 839                 if (mode == "all") {
 840                         child.addClassName("Selected");
 841                         if (cb) cb.attr("checked", true);
 842                 } else if (mode == "unread") {
 843                         if (child.hasClassName("Unread")) {
 844                                 child.addClassName("Selected");
 845                                 if (cb) cb.attr("checked", true);
 846                         } else {
 847                                 child.removeClassName("Selected");
 848                                 if (cb) cb.attr("checked", false);
 849                         }
 850                 } else if (mode == "marked") {
 851                         if (child.hasClassName("marked")) {
 852                                 child.addClassName("Selected");
 853                                 if (cb) cb.attr("checked", true);
 854                         } else {
 855                                 child.removeClassName("Selected");
 856                                 if (cb) cb.attr("checked", false);
 857                         }
 858                 } else if (mode == "published") {
 859                         if (child.hasClassName("published")) {
 860                                 child.addClassName("Selected");
 861                                 if (cb) cb.attr("checked", true);
 862                         } else {
 863                                 child.removeClassName("Selected");
 864                                 if (cb) cb.attr("checked", false);
 865                         }
 866
 867                 } else if (mode == "invert") {
 868                         if (child.hasClassName("Selected")) {
 869                                 child.removeClassName("Selected");
 870                                 if (cb) cb.attr("checked", false);
 871                         } else {
 872                                 child.addClassName("Selected");
 873                                 if (cb) cb.attr("checked", true);
 874                         }
 875
 876                 } else {
 877                         child.removeClassName("Selected");
 878                         if (cb) cb.attr("checked", false);
 879                 }
 880         });
 881
 882         updateSelectedPrompt();
 883 }
 884
 885 function deleteSelection() {
 886
 887         const rows = getSelectedArticleIds2();
 888
 889         if (rows.length == 0) {
 890                 alert(__("No articles are selected."));
 891                 return;
 892         }
 893
 894         const fn = getFeedName(getActiveFeedId(), activeFeedIsCat());
 895         let str;
 896
 897         if (getActiveFeedId() != 0) {
 898                 str = ngettext("Delete %d selected article in %s?", "Delete %d selected articles in %s?", rows.length);
 899         } else {
 900                 str = ngettext("Delete %d selected article?", "Delete %d selected articles?", rows.length);
 901         }
 902
 903         str = str.replace("%d", rows.length);
 904         str = str.replace("%s", fn);
 905
 906         if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str)) {
 907                 return;
 908         }
 909
 910         const query = "?op=rpc&method=delete&ids=" + param_escape(rows);
 911
 912         console.log(query);
 913
 914         new Ajax.Request("backend.php", {
 915                 parameters: query,
 916                 onComplete: function (transport) {
 917                         handle_rpc_json(transport);
 918                         viewCurrentFeed();
 919                 }
 920         });
 921 }
 922
 923 function archiveSelection() {
 924
 925         const rows = getSelectedArticleIds2();
 926
 927         if (rows.length == 0) {
 928                 alert(__("No articles are selected."));
 929                 return;
 930         }
 931
 932         const fn = getFeedName(getActiveFeedId(), activeFeedIsCat());
 933         let str;
 934         let op;
 935
 936         if (getActiveFeedId() != 0) {
 937                 str = ngettext("Archive %d selected article in %s?", "Archive %d selected articles in %s?", rows.length);
 938                 op = "archive";
 939         } else {
 940                 str = ngettext("Move %d archived article back?", "Move %d archived articles back?", rows.length);
 941
 942                 str += " " + __("Please note that unstarred articles might get purged on next feed update.");
 943
 944                 op = "unarchive";
 945         }
 946
 947         str = str.replace("%d", rows.length);
 948         str = str.replace("%s", fn);
 949
 950         if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str)) {
 951                 return;
 952         }
 953
 954         const query = "?op=rpc&method="+op+"&ids=" + param_escape(rows);
 955
 956         console.log(query);
 957
 958         for (let i = 0; i < rows.length; i++) {
 959                 cache_delete("article:" + rows[i]);
 960         }
 961
 962         new Ajax.Request("backend.php", {
 963                 parameters: query,
 964                 onComplete: function(transport) {
 965                                 handle_rpc_json(transport);
 966                                 viewCurrentFeed();
 967                         } });
 968
 969 }
 970
 971 function catchupSelection() {
 972
 973         const rows = getSelectedArticleIds2();
 974
 975         if (rows.length == 0) {
 976                 alert(__("No articles are selected."));
 977                 return;
 978         }
 979
 980         const fn = getFeedName(getActiveFeedId(), activeFeedIsCat());
 981
 982         let str = ngettext("Mark %d selected article in %s as read?", "Mark %d selected articles in %s as read?", rows.length);
 983
 984         str = str.replace("%d", rows.length);
 985         str = str.replace("%s", fn);
 986
 987         if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str)) {
 988                 return;
 989         }
 990
 991         selectionToggleUnread(false, 'viewCurrentFeed()', true);
 992 }
 993
 994 function editArticleTags(id) {
 995         const query = "backend.php?op=article&method=editArticleTags&param=" + param_escape(id);
 996
 997         if (dijit.byId("editTagsDlg"))
 998                 dijit.byId("editTagsDlg").destroyRecursive();
 999
1000         const dialog = new dijit.Dialog({
1001                 id: "editTagsDlg",
1002                 title: __("Edit article Tags"),
1003                 style: "width: 600px",
1004                 execute: function() {
1005                         if (this.validate()) {
1006                                 const query = dojo.objectToQuery(this.attr('value'));
1007
1008                                 notify_progress("Saving article tags...", true);
1009
1010                                 new Ajax.Request("backend.php", {
1011                                 parameters: query,
1012                                 onComplete: function(transport) {
1013                                         try {
1014                                                 notify('');
1015                                                 dialog.hide();
1016
1017                                                 const data = JSON.parse(transport.responseText);
1018
1019                                                 if (data) {
1020                                                         const id = data.id;
1021
1022                                                         console.log(id);
1023
1024                                                         const tags = $("ATSTR-" + id);
1025                                                         const tooltip = dijit.byId("ATSTRTIP-" + id);
1026
1027                                                         if (tags) tags.innerHTML = data.content;
1028                                                         if (tooltip) tooltip.attr('label', data.content_full);
1029                                                 }
1030                                         } catch (e) {
1031                                                 exception_error(e);
1032                                         }
1033
1034                                 }});
1035                         }
1036                 },
1037                 href: query
1038         });
1039
1040         var tmph = dojo.connect(dialog, 'onLoad', function() {
1041                 dojo.disconnect(tmph);
1042
1043                 new Ajax.Autocompleter('tags_str', 'tags_choices',
1044                    "backend.php?op=article&method=completeTags",
1045                    { tokens: ',', paramName: "search" });
1046         });
1047
1048         dialog.show();
1049
1050 }
1051
1052 function cdmScrollToArticleId(id, force) {
1053         const ctr = $("headlines-frame");
1054         const e = $("RROW-" + id);
1055
1056         if (!e || !ctr) return;
1057
1058         if (force || e.offsetTop+e.offsetHeight > (ctr.scrollTop+ctr.offsetHeight) ||
1059                         e.offsetTop < ctr.scrollTop) {
1060
1061                 // expanded cdm has a 4px margin now
1062                 ctr.scrollTop = parseInt(e.offsetTop) - 4;
1063         }
1064 }
1065
1066 function setActiveArticleId(id) {
1067         console.log("setActiveArticleId:" + id);
1068
1069         _active_article_id = id;
1070         PluginHost.run(PluginHost.HOOK_ARTICLE_SET_ACTIVE, _active_article_id);
1071 }
1072
1073 function getActiveArticleId() {
1074         return _active_article_id;
1075 }
1076
1077 function postMouseIn(e, id) {
1078         post_under_pointer = id;
1079 }
1080
1081 function postMouseOut(id) {
1082         post_under_pointer = false;
1083 }
1084
1085 function unpackVisibleHeadlines() {
1086         if (!isCdmMode() || !getInitParam("cdm_expanded")) return;
1087
1088         $$("#headlines-frame span.cencw[id]").each(
1089                 function (child) {
1090                         const row = $("RROW-" + child.id.replace("CENCW-", ""));
1091
1092                         if (row && row.offsetTop <= $("headlines-frame").scrollTop +
1093                                 $("headlines-frame").offsetHeight) {
1094
1095                                 //console.log("unpacking: " + child.id);
1096
1097                                 child.innerHTML = htmlspecialchars_decode(child.innerHTML);
1098                                 child.removeAttribute('id');
1099
1100                                 PluginHost.run(PluginHost.HOOK_ARTICLE_RENDERED_CDM, row);
1101
1102                                 Element.show(child);
1103                         }
1104                 }
1105         );
1106 }
1107
1108 function headlines_scroll_handler(e) {
1109         try {
1110
1111                 // rate-limit in case of smooth scrolling and similar abominations
1112                 if (Math.max(e.scrollTop, _headlines_scroll_offset) - Math.min(e.scrollTop, _headlines_scroll_offset) < 25) {
1113                         return;
1114                 }
1115
1116                 _headlines_scroll_offset = e.scrollTop;
1117
1118                 const hsp = $("headlines-spacer");
1119
1120                 unpackVisibleHeadlines();
1121
1122                 // set topmost child in the buffer as active
1123                 if (isCdmMode() && getInitParam("cdm_auto_catchup") == 1 &&
1124                                 getSelectedArticleIds2().length <= 1 &&
1125                                 getInitParam("cdm_expanded")) {
1126
1127                         const rows = $$("#headlines-frame > div[id*=RROW]");
1128
1129                         for (let i = 0; i < rows.length; i++) {
1130                                 const child = rows[i];
1131
1132                                 if ($("headlines-frame").scrollTop <= child.offsetTop &&
1133                                         child.offsetTop - $("headlines-frame").scrollTop < 100 &&
1134                                         child.getAttribute("data-article-id") != _active_article_id) {
1135
1136                                         if (_active_article_id) {
1137                                                 const row = $("RROW-" + _active_article_id);
1138                                                 if (row) row.removeClassName("active");
1139                                         }
1140
1141                                         _active_article_id = child.getAttribute("data-article-id");
1142                                         showArticleInHeadlines(_active_article_id, true);
1143                                         updateSelectedPrompt();
1144                                         break;
1145                                 }
1146                         }
1147                 }
1148
1149                 if (!_infscroll_disable) {
1150                         if (hsp && hsp.offsetTop - 250 <= e.scrollTop + e.offsetHeight) {
1151
1152                                 hsp.innerHTML = "<span class='loading'><img src='images/indicator_tiny.gif'> " +
1153                                         __("Loading, please wait...") + "</span>";
1154
1155                                 loadMoreHeadlines();
1156                                 return;
1157
1158                         }
1159                 }
1160
1161                 if (isCdmMode()) {
1162                         updateFloatingTitle();
1163                 }
1164
1165                 catchupCurrentBatchIfNeeded();
1166
1167                 if (getInitParam("cdm_auto_catchup") == 1) {
1168
1169                         // let's get DOM some time to settle down
1170                         const ts = new Date().getTime();
1171                         if (ts - _last_headlines_update < 100) return;
1172
1173                         $$("#headlines-frame > div[id*=RROW][class*=Unread]").each(
1174                                 function(child) {
1175                                         if ($("headlines-frame").scrollTop > (child.offsetTop + child.offsetHeight/2)) {
1176
1177                                                 const id = child.getAttribute("data-article-id")
1178
1179                                                 if (catchup_id_batch.indexOf(id) == -1)
1180                                                         catchup_id_batch.push(id);
1181
1182                                                 //console.log("auto_catchup_batch: " + catchup_id_batch.toString());
1183                                         }
1184
1185                                 });
1186
1187                         if (_infscroll_disable) {
1188                                 const child = $$("#headlines-frame div[id*=RROW]").last();
1189
1190                                 if (child && $("headlines-frame").scrollTop >
1191                                                 (child.offsetTop + child.offsetHeight - 50)) {
1192
1193                                         console.log("we seem to be at an end");
1194
1195                                         if (getInitParam("on_catchup_show_next_feed") == "1") {
1196                                                 openNextUnreadFeed();
1197                                         }
1198                                 }
1199                         }
1200                 }
1201
1202         } catch (e) {
1203                 console.warn("headlines_scroll_handler: " + e);
1204         }
1205 }
1206
1207 function openNextUnreadFeed() {
1208         const is_cat = activeFeedIsCat();
1209         const nuf = getNextUnreadFeed(getActiveFeedId(), is_cat);
1210         if (nuf) viewfeed({feed: nuf, is_cat: is_cat});
1211 }
1212
1213 function catchupBatchedArticles() {
1214         if (catchup_id_batch.length > 0 && !_infscroll_request_sent && !_catchup_request_sent) {
1215
1216                 console.log("catchupBatchedArticles: working");
1217
1218                 // make a copy of the array
1219                 const batch = catchup_id_batch.slice();
1220                 const query = "?op=rpc&method=catchupSelected" +
1221                         "&cmode=0&ids=" + param_escape(batch.toString());
1222
1223                 console.log(query);
1224
1225                 _catchup_request_sent = true;
1226
1227                 new Ajax.Request("backend.php", {
1228                         parameters: query,
1229                         onComplete: function (transport) {
1230                                 handle_rpc_json(transport);
1231
1232                                 _catchup_request_sent = false;
1233
1234                                 const reply = JSON.parse(transport.responseText);
1235                                 const batch = reply.ids;
1236
1237                                 batch.each(function (id) {
1238                                         console.log(id);
1239                                         const elem = $("RROW-" + id);
1240                                         if (elem) elem.removeClassName("Unread");
1241                                         catchup_id_batch.remove(id);
1242                                 });
1243
1244                                 updateFloatingTitle(true);
1245
1246                         }
1247                 });
1248         }
1249 }
1250
1251 function catchupRelativeToArticle(below, id) {
1252
1253         if (!id) id = getActiveArticleId();
1254
1255         if (!id) {
1256                 alert(__("No article is selected."));
1257                 return;
1258         }
1259
1260         const visible_ids = getLoadedArticleIds();
1261
1262         const ids_to_mark = [];
1263
1264         if (!below) {
1265                 for (var i = 0; i < visible_ids.length; i++) {
1266                         if (visible_ids[i] != id) {
1267                                 var e = $("RROW-" + visible_ids[i]);
1268
1269                                 if (e && e.hasClassName("Unread")) {
1270                                         ids_to_mark.push(visible_ids[i]);
1271                                 }
1272                         } else {
1273                                 break;
1274                         }
1275                 }
1276         } else {
1277                 for (var i = visible_ids.length - 1; i >= 0; i--) {
1278                         if (visible_ids[i] != id) {
1279                                 var e = $("RROW-" + visible_ids[i]);
1280
1281                                 if (e && e.hasClassName("Unread")) {
1282                                         ids_to_mark.push(visible_ids[i]);
1283                                 }
1284                         } else {
1285                                 break;
1286                         }
1287                 }
1288         }
1289
1290         if (ids_to_mark.length == 0) {
1291                 alert(__("No articles found to mark"));
1292         } else {
1293                 const msg = ngettext("Mark %d article as read?", "Mark %d articles as read?", ids_to_mark.length).replace("%d", ids_to_mark.length);
1294
1295                 if (getInitParam("confirm_feed_catchup") != 1 || confirm(msg)) {
1296
1297                         for (var i = 0; i < ids_to_mark.length; i++) {
1298                                 var e = $("RROW-" + ids_to_mark[i]);
1299                                 e.removeClassName("Unread");
1300                         }
1301
1302                         const query = "?op=rpc&method=catchupSelected" +
1303                                 "&cmode=0" + "&ids=" + param_escape(ids_to_mark.toString());
1304
1305                         new Ajax.Request("backend.php", {
1306                                 parameters: query,
1307                                 onComplete: function (transport) {
1308                                         handle_rpc_json(transport);
1309                                 }
1310                         });
1311
1312                 }
1313         }
1314 }
1315
1316 function cdmCollapseArticle(event, id, unmark) {
1317         if (unmark == undefined) unmark = true;
1318
1319         const row = $("RROW-" + id);
1320         const elem = $("CICD-" + id);
1321
1322         if (elem && row) {
1323                 const collapse = row.select("span[class='collapseBtn']")[0];
1324
1325                 Element.hide(elem);
1326                 Element.show("CEXC-" + id);
1327                 Element.hide(collapse);
1328
1329                 if (unmark) {
1330                         row.removeClassName("active");
1331
1332                         markHeadline(id, false);
1333
1334                         if (id == getActiveArticleId()) {
1335                                 setActiveArticleId(0);
1336                         }
1337
1338                         updateSelectedPrompt();
1339                 }
1340
1341                 if (event) Event.stop(event);
1342
1343                 PluginHost.run(PluginHost.HOOK_ARTICLE_COLLAPSED, id);
1344
1345                 if (row.offsetTop < $("headlines-frame").scrollTop)
1346                         scrollToRowId(row.id);
1347
1348                 $("floatingTitle").style.visibility = "hidden";
1349                 $("floatingTitle").setAttribute("data-article-id", 0);
1350         }
1351 }
1352
1353 function cdmExpandArticle(id, noexpand) {
1354         console.log("cdmExpandArticle " + id);
1355
1356         const row = $("RROW-" + id);
1357
1358         if (!row) return false;
1359
1360         const oldrow = $("RROW-" + getActiveArticleId());
1361
1362         let elem = $("CICD-" + getActiveArticleId());
1363
1364         if (id == getActiveArticleId() && Element.visible(elem))
1365                 return true;
1366
1367         selectArticles("none");
1368
1369         const old_offset = row.offsetTop;
1370
1371         if (getActiveArticleId() && elem && !getInitParam("cdm_expanded")) {
1372                 let collapse = oldrow.select("span[class='collapseBtn']")[0];
1373
1374                 Element.hide(elem);
1375                 Element.show("CEXC-" + getActiveArticleId());
1376                 Element.hide(collapse);
1377         }
1378
1379         if (oldrow) oldrow.removeClassName("active");
1380
1381         setActiveArticleId(id);
1382
1383         elem = $("CICD-" + id);
1384
1385         let collapse = row.select("span[class='collapseBtn']")[0];
1386
1387         const cencw = $("CENCW-" + id);
1388
1389         if (!Element.visible(elem) && !noexpand) {
1390                 if (cencw) {
1391                         cencw.innerHTML = htmlspecialchars_decode(cencw.innerHTML);
1392                         cencw.setAttribute('id', '');
1393                         Element.show(cencw);
1394                 }
1395
1396                 Element.show(elem);
1397                 Element.hide("CEXC-" + id);
1398                 Element.show(collapse);
1399         }
1400
1401         const new_offset = row.offsetTop;
1402
1403         if (old_offset > new_offset)
1404                 $("headlines-frame").scrollTop -= (old_offset - new_offset);
1405
1406         if (!noexpand) {
1407                 if (catchup_id_batch.indexOf(id) == -1)
1408                         catchup_id_batch.push(id);
1409
1410                 catchupCurrentBatchIfNeeded();
1411         }
1412
1413         toggleSelected(id);
1414         row.addClassName("active");
1415
1416         PluginHost.run(PluginHost.HOOK_ARTICLE_EXPANDED, id);
1417
1418         return false;
1419 }
1420
1421 function getArticleUnderPointer() {
1422         return post_under_pointer;
1423 }
1424
1425 function scrollArticle(offset) {
1426         if (!isCdmMode()) {
1427                 const ci = $("content-insert");
1428                 if (ci) {
1429                         ci.scrollTop += offset;
1430                 }
1431         } else {
1432                 const hi = $("headlines-frame");
1433                 if (hi) {
1434                         hi.scrollTop += offset;
1435                 }
1436
1437         }
1438 }
1439
1440 function show_labels_in_headlines(transport) {
1441         const data = JSON.parse(transport.responseText);
1442
1443         if (data) {
1444                 data['info-for-headlines'].each(function (elem) {
1445                         $$(".HLLCTR-" + elem.id).each(function (ctr) {
1446                                 ctr.innerHTML = elem.labels;
1447                         });
1448                 });
1449         }
1450 }
1451
1452 function cdmClicked(event, id, in_body) {
1453         //var shift_key = event.shiftKey;
1454
1455         if (!event.ctrlKey && !event.metaKey) {
1456
1457                 if (!getInitParam("cdm_expanded")) {
1458                         return cdmExpandArticle(id);
1459                 } else {
1460
1461                         let elem = $("RROW-" + getActiveArticleId());
1462
1463                         if (elem) elem.removeClassName("active");
1464
1465                         selectArticles("none");
1466                         toggleSelected(id);
1467
1468                         elem = $("RROW-" + id);
1469                         const article_is_unread = elem.hasClassName("Unread");
1470
1471                         elem.removeClassName("Unread");
1472                         elem.addClassName("active");
1473
1474                         setActiveArticleId(id);
1475
1476                         if (article_is_unread) {
1477                                 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1478                                 updateFloatingTitle(true);
1479                         }
1480
1481                         const query = "?op=rpc&method=catchupSelected" +
1482                                 "&cmode=0&ids=" + param_escape(id);
1483
1484                         new Ajax.Request("backend.php", {
1485                                 parameters: query,
1486                                 onComplete: function (transport) {
1487                                         handle_rpc_json(transport);
1488                                 }
1489                         });
1490
1491                         return !event.shiftKey;
1492                 }
1493
1494         } else if (!in_body) {
1495
1496                 toggleSelected(id, true);
1497
1498                 let elem = $("RROW-" + id);
1499                 const article_is_unread = elem.hasClassName("Unread");
1500
1501                 if (article_is_unread) {
1502                         decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1503                 }
1504
1505                 toggleUnread(id, 0, false);
1506
1507                 openArticleInNewWindow(id);
1508         } else {
1509                 return true;
1510         }
1511
1512         const unread_in_buffer = $$("#headlines-frame > div[id*=RROW][class*=Unread]").length
1513         request_counters(unread_in_buffer == 0);
1514
1515         return false;
1516 }
1517
1518 function hlClicked(event, id) {
1519         if (event.which == 2) {
1520                 view(id);
1521                 return true;
1522         } else if (event.ctrlKey || event.metaKey) {
1523                 openArticleInNewWindow(id);
1524                 return false;
1525         } else {
1526                 view(id);
1527                 return false;
1528         }
1529 }
1530
1531 function openArticleInNewWindow(id) {
1532         toggleUnread(id, 0, false);
1533
1534         const w = window.open("");
1535         w.opener = null;
1536         w.location = "backend.php?op=article&method=redirect&id=" + id;
1537 }
1538
1539 function isCdmMode() {
1540         return getInitParam("combined_display_mode");
1541 }
1542
1543 function markHeadline(id, marked) {
1544         if (marked == undefined) marked = true;
1545
1546         const row = $("RROW-" + id);
1547         if (row) {
1548                 const check = dijit.getEnclosingWidget(
1549                                 row.getElementsByClassName("rchk")[0]);
1550
1551                 if (check) {
1552                         check.attr("checked", marked);
1553                 }
1554
1555                 if (marked)
1556                         row.addClassName("Selected");
1557                 else
1558                         row.removeClassName("Selected");
1559         }
1560 }
1561
1562 function getRelativePostIds(id, limit) {
1563
1564         const tmp = [];
1565
1566         if (!limit) limit = 6; //3
1567
1568         const ids = getLoadedArticleIds();
1569
1570         for (let i = 0; i < ids.length; i++) {
1571                 if (ids[i] == id) {
1572                         for (let k = 1; k <= limit; k++) {
1573                                 //if (i > k-1) tmp.push(ids[i-k]);
1574                                 if (i < ids.length - k) tmp.push(ids[i + k]);
1575                         }
1576                         break;
1577                 }
1578         }
1579
1580         return tmp;
1581 }
1582
1583 function correctHeadlinesOffset(id) {
1584
1585         const container = $("headlines-frame");
1586         const row = $("RROW-" + id);
1587
1588         if (!container || !row) return;
1589
1590         const viewport = container.offsetHeight;
1591
1592         const rel_offset_top = row.offsetTop - container.scrollTop;
1593         const rel_offset_bottom = row.offsetTop + row.offsetHeight - container.scrollTop;
1594
1595         //console.log("Rtop: " + rel_offset_top + " Rbtm: " + rel_offset_bottom);
1596         //console.log("Vport: " + viewport);
1597
1598         if (rel_offset_top <= 0 || rel_offset_top > viewport) {
1599                 container.scrollTop = row.offsetTop;
1600         } else if (rel_offset_bottom > viewport) {
1601
1602                 /* doesn't properly work with Opera in some cases because
1603                  Opera fucks up element scrolling */
1604
1605                 container.scrollTop = row.offsetTop + row.offsetHeight - viewport;
1606         }
1607 }
1608
1609 function headlineActionsChange(elem) {
1610         eval(elem.value);
1611         elem.attr('value', 'false');
1612 }
1613
1614 function closeArticlePanel() {
1615
1616         if (dijit.byId("content-insert"))
1617                 dijit.byId("headlines-wrap-inner").removeChild(
1618                         dijit.byId("content-insert"));
1619 }
1620
1621 function initFloatingMenu() {
1622         if (!dijit.byId("floatingMenu")) {
1623
1624                 const menu = new dijit.Menu({
1625                         id: "floatingMenu",
1626                         targetNodeIds: ["floatingTitle"]
1627                 });
1628
1629                 headlinesMenuCommon(menu);
1630
1631                 menu.startup();
1632         }
1633 }
1634
1635 function headlinesMenuCommon(menu) {
1636
1637         menu.addChild(new dijit.MenuItem({
1638                 label: __("Open original article"),
1639                 onClick: function (event) {
1640                         openArticleInNewWindow(this.getParent().currentTarget.getAttribute("data-article-id"));
1641                 }
1642         }));
1643
1644         menu.addChild(new dijit.MenuItem({
1645                 label: __("Display article URL"),
1646                 onClick: function (event) {
1647                         displayArticleUrl(this.getParent().currentTarget.getAttribute("data-article-id"));
1648                 }
1649         }));
1650
1651         menu.addChild(new dijit.MenuSeparator());
1652
1653         menu.addChild(new dijit.MenuItem({
1654                 label: __("Toggle unread"),
1655                 onClick: function () {
1656
1657                         let ids = getSelectedArticleIds2();
1658                         // cast to string
1659                         const id = (this.getParent().currentTarget.getAttribute("data-article-id")) + "";
1660                         ids = ids.length != 0 && ids.indexOf(id) != -1 ? ids : [id];
1661
1662                         selectionToggleUnread(undefined, false, true, ids);
1663                 }
1664         }));
1665
1666         menu.addChild(new dijit.MenuItem({
1667                 label: __("Toggle starred"),
1668                 onClick: function () {
1669                         let ids = getSelectedArticleIds2();
1670                         // cast to string
1671                         const id = (this.getParent().currentTarget.getAttribute("data-article-id")) + "";
1672                         ids = ids.length != 0 && ids.indexOf(id) != -1 ? ids : [id];
1673
1674                         selectionToggleMarked(undefined, false, true, ids);
1675                 }
1676         }));
1677
1678         menu.addChild(new dijit.MenuItem({
1679                 label: __("Toggle published"),
1680                 onClick: function () {
1681                         let ids = getSelectedArticleIds2();
1682                         // cast to string
1683                         const id = (this.getParent().currentTarget.getAttribute("data-article-id")) + "";
1684                         ids = ids.length != 0 && ids.indexOf(id) != -1 ? ids : [id];
1685
1686                         selectionTogglePublished(undefined, false, true, ids);
1687                 }
1688         }));
1689
1690         menu.addChild(new dijit.MenuSeparator());
1691
1692         menu.addChild(new dijit.MenuItem({
1693                 label: __("Mark above as read"),
1694                 onClick: function () {
1695                         catchupRelativeToArticle(0, this.getParent().currentTarget.getAttribute("data-article-id"));
1696                 }
1697         }));
1698
1699         menu.addChild(new dijit.MenuItem({
1700                 label: __("Mark below as read"),
1701                 onClick: function () {
1702                         catchupRelativeToArticle(1, this.getParent().currentTarget.getAttribute("data-article-id"));
1703                 }
1704         }));
1705
1706
1707         const labels = getInitParam("labels");
1708
1709         if (labels && labels.length) {
1710
1711                 menu.addChild(new dijit.MenuSeparator());
1712
1713                 const labelAddMenu = new dijit.Menu({ownerMenu: menu});
1714                 const labelDelMenu = new dijit.Menu({ownerMenu: menu});
1715
1716                 labels.each(function (label) {
1717                         const bare_id = label.id;
1718                         const name = label.caption;
1719
1720                         labelAddMenu.addChild(new dijit.MenuItem({
1721                                 label: name,
1722                                 labelId: bare_id,
1723                                 onClick: function () {
1724
1725                                         let ids = getSelectedArticleIds2();
1726                                         // cast to string
1727                                         const id = (this.getParent().ownerMenu.currentTarget.getAttribute("data-article-id")) + "";
1728
1729                                         ids = ids.length != 0 && ids.indexOf(id) != -1 ? ids : [id];
1730
1731                                         selectionAssignLabel(this.labelId, ids);
1732                                 }
1733                         }));
1734
1735                         labelDelMenu.addChild(new dijit.MenuItem({
1736                                 label: name,
1737                                 labelId: bare_id,
1738                                 onClick: function () {
1739                                         let ids = getSelectedArticleIds2();
1740                                         // cast to string
1741                                         const id = (this.getParent().ownerMenu.currentTarget.getAttribute("data-article-id")) + "";
1742
1743                                         ids = ids.length != 0 && ids.indexOf(id) != -1 ? ids : [id];
1744
1745                                         selectionRemoveLabel(this.labelId, ids);
1746                                 }
1747                         }));
1748
1749                 });
1750
1751                 menu.addChild(new dijit.PopupMenuItem({
1752                         label: __("Assign label"),
1753                         popup: labelAddMenu
1754                 }));
1755
1756                 menu.addChild(new dijit.PopupMenuItem({
1757                         label: __("Remove label"),
1758                         popup: labelDelMenu
1759                 }));
1760
1761         }
1762 }
1763
1764 function initHeadlinesMenu() {
1765         if (!dijit.byId("headlinesMenu")) {
1766
1767                 const menu = new dijit.Menu({
1768                         id: "headlinesMenu",
1769                         targetNodeIds: ["headlines-frame"],
1770                         selector: ".hlMenuAttach"
1771                 });
1772
1773                 headlinesMenuCommon(menu);
1774
1775                 menu.startup();
1776         }
1777
1778         /* vgroup feed title menu */
1779
1780         if (!dijit.byId("headlinesFeedTitleMenu")) {
1781
1782                 const menu = new dijit.Menu({
1783                         id: "headlinesFeedTitleMenu",
1784                         targetNodeIds: ["headlines-frame"],
1785                         selector: "div.cdmFeedTitle"
1786                 });
1787
1788                 menu.addChild(new dijit.MenuItem({
1789                         label: __("Select articles in group"),
1790                         onClick: function (event) {
1791                                 selectArticles("all",
1792                                         "#headlines-frame > div[id*=RROW]" +
1793                                         "[data-orig-feed-id='" + this.getParent().currentTarget.getAttribute("data-feed-id") + "']");
1794
1795                         }
1796                 }));
1797
1798                 menu.addChild(new dijit.MenuItem({
1799                         label: __("Mark group as read"),
1800                         onClick: function () {
1801                                 selectArticles("none");
1802                                 selectArticles("all",
1803                                         "#headlines-frame > div[id*=RROW]" +
1804                                         "[data-orig-feed-id='" + this.getParent().currentTarget.getAttribute("data-feed-id") + "']");
1805
1806                                 catchupSelection();
1807                         }
1808                 }));
1809
1810                 menu.addChild(new dijit.MenuItem({
1811                         label: __("Mark feed as read"),
1812                         onClick: function () {
1813                                 catchupFeedInGroup(this.getParent().currentTarget.getAttribute("data-feed-id"));
1814                         }
1815                 }));
1816
1817                 menu.addChild(new dijit.MenuItem({
1818                         label: __("Edit feed"),
1819                         onClick: function () {
1820                                 editFeed(this.getParent().currentTarget.getAttribute("data-feed-id"));
1821                         }
1822                 }));
1823
1824                 menu.startup();
1825         }
1826 }
1827
1828 function cache_set(id, obj) {
1829         //console.log("cache_set: " + id);
1830         if (has_storage)
1831                 try {
1832                         sessionStorage[id] = obj;
1833                 } catch (e) {
1834                         sessionStorage.clear();
1835                 }
1836 }
1837
1838 function cache_get(id) {
1839         if (has_storage)
1840                 return sessionStorage[id];
1841 }
1842
1843 function cache_clear() {
1844         if (has_storage)
1845                 sessionStorage.clear();
1846 }
1847
1848 function cache_delete(id) {
1849         if (has_storage)
1850                 sessionStorage.removeItem(id);
1851 }
1852
1853 function cancelSearch() {
1854         _search_query = "";
1855         viewCurrentFeed();
1856 }
1857
1858 function setSelectionScore() {
1859         const ids = getSelectedArticleIds2();
1860
1861         if (ids.length > 0) {
1862                 console.log(ids);
1863
1864                 const score = prompt(__("Please enter new score for selected articles:"));
1865
1866                 if (score != undefined) {
1867                         const query = "op=article&method=setScore&id=" + param_escape(ids.toString()) +
1868                                 "&score=" + param_escape(score);
1869
1870                         new Ajax.Request("backend.php", {
1871                                 parameters: query,
1872                                 onComplete: function (transport) {
1873                                         const reply = JSON.parse(transport.responseText);
1874                                         if (reply) {
1875                                                 console.log(ids);
1876
1877                                                 ids.each(function (id) {
1878                                                         const row = $("RROW-" + id);
1879
1880                                                         if (row) {
1881                                                                 const pic = row.getElementsByClassName("hlScorePic")[0];
1882
1883                                                                 if (pic) {
1884                                                                         pic.src = pic.src.replace(/score_.*?\.png/,
1885                                                                                 reply["score_pic"]);
1886                                                                         pic.setAttribute("score", score);
1887                                                                 }
1888                                                         }
1889                                                 });
1890                                         }
1891                                 }
1892                         });
1893                 }
1894
1895         } else {
1896                 alert(__("No articles are selected."));
1897         }
1898 }
1899
1900 function updateScore(id) {
1901         const pic = $$("#RROW-" + id + " .hlScorePic")[0];
1902
1903         if (pic) {
1904
1905                 const query = "op=article&method=getScore&id=" + param_escape(id);
1906
1907                 new Ajax.Request("backend.php", {
1908                         parameters: query,
1909                         onComplete: function (transport) {
1910                                 console.log(transport.responseText);
1911
1912                                 const reply = JSON.parse(transport.responseText);
1913
1914                                 if (reply) {
1915                                         pic.src = pic.src.replace(/score_.*?\.png/, reply["score_pic"]);
1916                                         pic.setAttribute("score", reply["score"]);
1917                                         pic.setAttribute("title", reply["score"]);
1918                                 }
1919                         }
1920                 });
1921         }
1922 }
1923
1924 function changeScore(id, pic) {
1925         const score = pic.getAttribute("score");
1926
1927         const new_score = prompt(__("Please enter new score for this article:"), score);
1928
1929         if (new_score != undefined) {
1930
1931                 const query = "op=article&method=setScore&id=" + param_escape(id) +
1932                         "&score=" + param_escape(new_score);
1933
1934                 new Ajax.Request("backend.php", {
1935                         parameters: query,
1936                         onComplete: function (transport) {
1937                                 const reply = JSON.parse(transport.responseText);
1938
1939                                 if (reply) {
1940                                         pic.src = pic.src.replace(/score_.*?\.png/, reply["score_pic"]);
1941                                         pic.setAttribute("score", new_score);
1942                                         pic.setAttribute("title", new_score);
1943                                 }
1944                         }
1945                 });
1946         }
1947 }
1948
1949 function displayArticleUrl(id) {
1950         const query = "op=rpc&method=getlinktitlebyid&id=" + param_escape(id);
1951
1952         new Ajax.Request("backend.php", {
1953                 parameters: query,
1954                 onComplete: function (transport) {
1955                         const reply = JSON.parse(transport.responseText);
1956
1957                         if (reply && reply.link) {
1958                                 prompt(__("Article URL:"), reply.link);
1959                         }
1960                 }
1961         });
1962 }
1963
1964 function scrollToRowId(id) {
1965         const row = $(id);
1966
1967         if (row)
1968                 $("headlines-frame").scrollTop = row.offsetTop - 4;
1969 }
1970
1971 function updateFloatingTitle(unread_only) {
1972         if (!isCdmMode()) return;
1973
1974         const hf = $("headlines-frame");
1975
1976         const elems = $$("#headlines-frame > div[id*=RROW]");
1977
1978         for (let i = 0; i < elems.length; i++) {
1979
1980                 const child = elems[i];
1981
1982                 if (child && child.offsetTop + child.offsetHeight > hf.scrollTop) {
1983
1984                         const header = child.getElementsByClassName("cdmHeader")[0];
1985
1986                         if (unread_only || child.getAttribute("data-article-id") != $("floatingTitle").getAttribute("data-article-id")) {
1987                                 if (child.getAttribute("data-article-id") != $("floatingTitle").getAttribute("data-article-id")) {
1988
1989                                         $("floatingTitle").setAttribute("data-article-id", child.getAttribute("data-article-id"));
1990                                         $("floatingTitle").innerHTML = header.innerHTML;
1991                                         $("floatingTitle").firstChild.innerHTML = "<img class='anchor markedPic' src='images/page_white_go.png' onclick=\"scrollToRowId('" + child.id + "')\">" + $("floatingTitle").firstChild.innerHTML;
1992
1993                                         initFloatingMenu();
1994
1995                                         const cb = $$("#floatingTitle .dijitCheckBox")[0];
1996
1997                                         if (cb)
1998                                                 cb.parentNode.removeChild(cb);
1999                                 }
2000
2001                                 if (child.hasClassName("Unread"))
2002                                         $("floatingTitle").addClassName("Unread");
2003                                 else
2004                                         $("floatingTitle").removeClassName("Unread");
2005
2006                                 PluginHost.run(PluginHost.HOOK_FLOATING_TITLE, child);
2007                         }
2008
2009                         $("floatingTitle").style.marginRight = hf.offsetWidth - child.offsetWidth + "px";
2010                         if (header.offsetTop + header.offsetHeight < hf.scrollTop + $("floatingTitle").offsetHeight - 5 &&
2011                                 child.offsetTop + child.offsetHeight >= hf.scrollTop + $("floatingTitle").offsetHeight - 5)
2012                                 $("floatingTitle").style.visibility = "visible";
2013                         else
2014                                 $("floatingTitle").style.visibility = "hidden";
2015
2016                         return;
2017
2018                 }
2019         }
2020 }
2021
2022 function catchupCurrentBatchIfNeeded() {
2023         if (catchup_id_batch.length > 0) {
2024                 window.clearTimeout(catchup_timeout_id);
2025                 catchup_timeout_id = window.setTimeout(catchupBatchedArticles, 1000);
2026
2027                 if (catchup_id_batch.length >= 10) {
2028                         catchupBatchedArticles();
2029                 }
2030         }
2031 }