3 let _active_article_id
= 0;
5 let vgroup_last_feed
= false;
6 let post_under_pointer
= false;
8 let last_requested_article
= 0;
10 let catchup_id_batch
= [];
11 let catchup_timeout_id
= false;
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
;
20 let _catchup_request_sent
= false;
22 let has_storage
= 'sessionStorage' in window
&& window
['sessionStorage'] !== null;
24 function headlines_callback2(transport
, offset
, background
, infscroll_req
) {
25 const reply
= handle_rpc_json(transport
);
27 console
.log("headlines_callback2 [offset=" + offset
+ "] B:" + background
+ " I:" + infscroll_req
);
37 is_cat
= reply
['headlines']['is_cat'];
38 feed_id
= reply
['headlines']['id'];
39 last_search_query
= reply
['headlines']['search_query'];
41 if (feed_id
!= -7 && (feed_id
!= getActiveFeedId() || is_cat
!= activeFeedIsCat()))
45 if (infscroll_req
== false) {
46 $("headlines-frame").scrollTop
= 0;
48 $("floatingTitle").style
.visibility
= "hidden";
49 $("floatingTitle").setAttribute("data-article-id", 0);
50 $("floatingTitle").innerHTML
= "";
54 $("headlines-frame").removeClassName("cdm");
55 $("headlines-frame").removeClassName("normal");
57 $("headlines-frame").addClassName(isCdmMode() ? "cdm" : "normal");
59 const headlines_count
= reply
['headlines-info']['count'];
61 vgroup_last_feed
= reply
['headlines-info']['vgroup_last_feed'];
63 if (parseInt(headlines_count
) < 30) {
64 _infscroll_disable
= 1;
66 _infscroll_disable
= 0;
69 current_first_id
= reply
['headlines']['first_id'];
70 const counters
= reply
['counters'];
71 const articles
= reply
['articles'];
73 if (infscroll_req
== false) {
74 loaded_article_ids
= [];
76 dojo
.html
.set($("headlines-toolbar"),
77 reply
['headlines']['toolbar'],
78 {parseContent
: true});
80 $("headlines-frame").innerHTML
= '';
82 let tmp
= document
.createElement("div");
83 tmp
.innerHTML
= reply
['headlines']['content'];
84 dojo
.parser
.parse(tmp
);
86 while (tmp
.hasChildNodes()) {
87 var row
= tmp
.removeChild(tmp
.firstChild
);
89 if (loaded_article_ids
.indexOf(row
.id
) == -1 || row
.hasClassName("cdmFeedTitle")) {
90 dijit
.byId("headlines-frame").domNode
.appendChild(row
);
92 loaded_article_ids
.push(row
.id
);
96 let hsp
= $("headlines-spacer");
97 if (!hsp
) hsp
= new Element("DIV", {"id": "headlines-spacer"});
98 dijit
.byId('headlines-frame').domNode
.appendChild(hsp
);
102 if (_infscroll_disable
)
103 hsp
.innerHTML
= "<a href='#' onclick='openNextUnreadFeed()'>" +
104 __("Click to open next unread feed.") + "</a>";
107 $("feed_title").innerHTML
+= "<span id='cancel_search'>" +
108 " (<a href='#' onclick='cancelSearch()'>" + __("Cancel search") + "</a>)" +
112 } else if (headlines_count
> 0 && feed_id
== getActiveFeedId() && is_cat
== activeFeedIsCat()) {
113 console
.log("adding some more headlines: " + headlines_count
);
115 const c
= dijit
.byId("headlines-frame");
116 const ids
= getSelectedArticleIds2();
118 let hsp
= $("headlines-spacer");
121 c
.domNode
.removeChild(hsp
);
123 let tmp
= document
.createElement("div");
124 tmp
.innerHTML
= reply
['headlines']['content'];
125 dojo
.parser
.parse(tmp
);
127 while (tmp
.hasChildNodes()) {
128 let row
= tmp
.removeChild(tmp
.firstChild
);
130 if (loaded_article_ids
.indexOf(row
.id
) == -1 || row
.hasClassName("cdmFeedTitle")) {
131 dijit
.byId("headlines-frame").domNode
.appendChild(row
);
133 loaded_article_ids
.push(row
.id
);
137 if (!hsp
) hsp
= new Element("DIV", {"id": "headlines-spacer"});
138 c
.domNode
.appendChild(hsp
);
140 if (headlines_count
< 30) _infscroll_disable
= true;
142 console
.log("restore selected ids: " + ids
);
144 for (let i
= 0; i
< ids
.length
; i
++) {
145 markHeadline(ids
[i
]);
150 if (_infscroll_disable
) {
151 hsp
.innerHTML
= "<a href='#' onclick='openNextUnreadFeed()'>" +
152 __("Click to open next unread feed.") + "</a>";
156 console
.log("no new headlines received");
158 const first_id_changed
= reply
['headlines']['first_id_changed'];
159 console
.log("first id changed:" + first_id_changed
);
161 let hsp
= $("headlines-spacer");
164 if (first_id_changed
) {
165 hsp
.innerHTML
= "<a href='#' onclick='viewCurrentFeed()'>" +
166 __("New articles found, reload feed to continue.") + "</a>";
168 hsp
.innerHTML
= "<a href='#' onclick='openNextUnreadFeed()'>" +
169 __("Click to open next unread feed.") + "</a>";
177 for (let i
= 0; i
< articles
.length
; i
++) {
178 const a_id
= articles
[i
]['id'];
179 cache_set("article:" + a_id
, articles
[i
]['content']);
182 console
.log("no cached articles received");
186 parse_counters(counters
);
191 console
.error("Invalid object received: " + transport
.responseText
);
192 dijit
.byId("headlines-frame").attr('content', "<div class='whiteBox'>" +
193 __('Could not update headlines (invalid object received - see error console for details)') +
197 _infscroll_request_sent
= 0;
198 _last_headlines_update
= new Date().getTime();
200 unpackVisibleHeadlines();
202 // if we have some more space in the buffer, why not try to fill it
204 if (!_infscroll_disable
&& $("headlines-spacer") &&
205 $("headlines-spacer").offsetTop
< $("headlines-frame").offsetHeight
) {
207 window
.setTimeout(function() {
215 function render_article(article
) {
216 cleanup_memory("content-insert");
218 dijit
.byId("headlines-wrap-inner").addChild(
219 dijit
.byId("content-insert"));
221 const c
= dijit
.byId("content-insert");
224 c
.domNode
.scrollTop
= 0;
227 c
.attr('content', article
);
228 PluginHost
.run(PluginHost
.HOOK_ARTICLE_RENDERED
, c
.domNode
);
230 correctHeadlinesOffset(getActiveArticleId());
237 function showArticleInHeadlines(id
, noexpand
) {
238 const row
= $("RROW-" + id
);
242 row
.removeClassName("Unread");
244 row
.addClassName("active");
246 selectArticles('none');
251 function article_callback2(transport
, id
) {
252 console
.log("article_callback2 " + id
);
254 const reply
= handle_rpc_json(transport
);
258 reply
.each(function(article
) {
259 if (getActiveArticleId() == article
['id']) {
260 render_article(article
['content']);
262 cids_requested
.remove(article
['id']);
264 cache_set("article:" + article
['id'], article
['content']);
268 console
.error("Invalid object received: " + transport
.responseText
);
270 render_article("<div class='whiteBox'>" +
271 __('Could not display article (invalid object received - see error console for details)') + "</div>");
274 const unread_in_buffer
= $$("#headlines-frame > div[id*=RROW][class*=Unread]").length
;
275 request_counters(unread_in_buffer
== 0);
280 function view(id
, activefeed
, noexpand
) {
281 const oldrow
= $("RROW-" + getActiveArticleId());
282 if (oldrow
) oldrow
.removeClassName("active");
284 const crow
= $("RROW-" + id
);
288 setActiveArticleId(id
);
289 showArticleInHeadlines(id
, noexpand
);
293 console
.log("loading article: " + id
);
295 const cached_article
= cache_get("article:" + id
);
297 console
.log("cache check result: " + (cached_article
!= false));
299 const query
= {op
: "article", method
: "view", id
: id
};
301 const neighbor_ids
= getRelativePostIds(id
);
303 /* only request uncached articles */
305 const cids_to_request
= [];
307 for (let i
= 0; i
< neighbor_ids
.length
; i
++) {
308 if (cids_requested
.indexOf(neighbor_ids
[i
]) == -1)
309 if (!cache_get("article:" + neighbor_ids
[i
])) {
310 cids_to_request
.push(neighbor_ids
[i
]);
311 cids_requested
.push(neighbor_ids
[i
]);
315 console
.log("additional ids: " + cids_to_request
.toString());
317 query
.cids
= cids_to_request
.toString();
319 const article_is_unread
= crow
.hasClassName("Unread");
321 setActiveArticleId(id
);
322 showArticleInHeadlines(id
);
324 if (cached_article
&& article_is_unread
) {
325 query
.mode
= "prefetch";
326 render_article(cached_article
);
327 } else if (cached_article
) {
328 query
.mode
= "prefetch_old";
329 render_article(cached_article
);
331 // if we don't need to request any relative ids, we might as well skip
332 // the server roundtrip altogether
333 if (cids_to_request
.length
== 0) {
338 last_requested_article
= id
;
342 if (article_is_unread
) {
343 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
346 xhrPost("backend.php", query
, (transport
) => {
347 article_callback2(transport
, id
);
354 function toggleMark(id
, client_only
) {
355 const query
= { op
: "rpc", id
: id
, method
: "mark" };
357 const row
= $("RROW-" + id
);
362 const row_imgs
= row
.getElementsByClassName("markedPic");
364 for (let i
= 0; i
< row_imgs
.length
; i
++)
365 imgs
.push(row_imgs
[i
]);
367 const ft
= $("floatingTitle");
369 if (ft
&& ft
.getAttribute("data-article-id") == id
) {
370 const fte
= ft
.getElementsByClassName("markedPic");
372 for (var i
= 0; i
< fte
.length
; i
++)
376 for (i
= 0; i
< imgs
.length
; i
++) {
379 if (!row
.hasClassName("marked")) {
380 img
.src
= img
.src
.replace("mark_unset", "mark_set");
383 img
.src
= img
.src
.replace("mark_set", "mark_unset");
388 row
.toggleClassName("marked");
391 xhrPost("backend.php", query
, (transport
) => {
392 handle_rpc_json(transport
);
396 function togglePub(id
, client_only
, no_effects
, note
) {
397 const query
= { op
: "rpc", id
: id
, method
: "publ" };
399 if (note
!= undefined) {
402 query
.note
= "undefined";
405 const row
= $("RROW-" + id
);
410 const row_imgs
= row
.getElementsByClassName("pubPic");
412 for (let i
= 0; i
< row_imgs
.length
; i
++)
413 imgs
.push(row_imgs
[i
]);
415 const ft
= $("floatingTitle");
417 if (ft
&& ft
.getAttribute("data-article-id") == id
) {
418 const fte
= ft
.getElementsByClassName("pubPic");
420 for (let i
= 0; i
< fte
.length
; i
++)
424 for (let i
= 0; i
< imgs
.length
; i
++) {
427 if (!row
.hasClassName("published") || note
!= undefined) {
428 img
.src
= img
.src
.replace("pub_unset", "pub_set");
431 img
.src
= img
.src
.replace("pub_set", "pub_unset");
436 if (note
!= undefined)
437 row
.addClassName("published");
439 row
.toggleClassName("published");
442 xhrPost("backend.php", query
, (transport
) => {
443 handle_rpc_json(transport
);
447 function moveToPost(mode
, noscroll
, noexpand
) {
448 const rows
= getLoadedArticleIds();
453 if (!$('RROW-' + getActiveArticleId())) {
454 setActiveArticleId(0);
457 if (!getActiveArticleId()) {
459 prev_id
= rows
[rows
.length
-1]
461 for (let i
= 0; i
< rows
.length
; i
++) {
462 if (rows
[i
] == getActiveArticleId()) {
464 // Account for adjacent identical article ids.
465 if (i
> 0) prev_id
= rows
[i
-1];
467 for (let j
= i
+1; j
< rows
.length
; j
++) {
468 if (rows
[j
] != getActiveArticleId()) {
478 console
.log("cur: " + getActiveArticleId() + " next: " + next_id
);
480 if (mode
== "next") {
481 if (next_id
|| getActiveArticleId()) {
484 var article
= $("RROW-" + getActiveArticleId());
485 var ctr
= $("headlines-frame");
487 if (!noscroll
&& article
&& article
.offsetTop
+ article
.offsetHeight
>
488 ctr
.scrollTop
+ ctr
.offsetHeight
) {
490 scrollArticle(ctr
.offsetHeight
/4);
492 } else if (next_id
) {
493 cdmExpandArticle(next_id
, noexpand
);
494 cdmScrollToArticleId(next_id
, true);
497 } else if (next_id
) {
498 correctHeadlinesOffset(next_id
);
499 view(next_id
, getActiveFeedId(), noexpand
);
504 if (mode
== "prev") {
505 if (prev_id
|| getActiveArticleId()) {
508 var article
= $("RROW-" + getActiveArticleId());
509 const prev_article
= $("RROW-" + prev_id
);
510 var ctr
= $("headlines-frame");
512 if (!getInitParam("cdm_expanded")) {
514 if (!noscroll
&& article
&& article
.offsetTop
< ctr
.scrollTop
) {
515 scrollArticle(-ctr
.offsetHeight
/4);
517 cdmExpandArticle(prev_id
, noexpand
);
518 cdmScrollToArticleId(prev_id
, true);
520 } else if (!noscroll
&& article
&& article
.offsetTop
< ctr
.scrollTop
) {
521 scrollArticle(-ctr
.offsetHeight
/3);
522 } else if (!noscroll
&& prev_article
&&
523 prev_article
.offsetTop
< ctr
.scrollTop
) {
524 cdmExpandArticle(prev_id
, noexpand
);
525 scrollArticle(-ctr
.offsetHeight
/4);
526 } else if (prev_id
) {
527 cdmExpandArticle(prev_id
, noexpand
);
528 cdmScrollToArticleId(prev_id
, noscroll
);
531 } else if (prev_id
) {
532 correctHeadlinesOffset(prev_id
);
533 view(prev_id
, getActiveFeedId(), noexpand
);
540 function toggleSelected(id
, force_on
) {
541 const row
= $("RROW-" + id
);
544 const cb
= dijit
.getEnclosingWidget(
545 row
.getElementsByClassName("rchk")[0]);
547 if (row
.hasClassName('Selected') && !force_on
) {
548 row
.removeClassName('Selected');
549 if (cb
) cb
.attr("checked", false);
551 row
.addClassName('Selected');
552 if (cb
) cb
.attr("checked", true);
556 updateSelectedPrompt();
559 function updateSelectedPrompt() {
560 const count
= getSelectedArticleIds2().length
;
561 const elem
= $("selected_prompt");
564 elem
.innerHTML
= ngettext("%d article selected",
565 "%d articles selected", count
).replace("%d", count
);
575 function toggleUnread(id
, cmode
) {
576 const row
= $("RROW-" + id
);
578 const tmpClassName
= row
.className
;
580 if (cmode
== undefined || cmode
== 2) {
581 if (row
.hasClassName("Unread")) {
582 row
.removeClassName("Unread");
585 row
.addClassName("Unread");
588 } else if (cmode
== 0) {
590 row
.removeClassName("Unread");
592 } else if (cmode
== 1) {
593 row
.addClassName("Unread");
596 if (tmpClassName
!= row
.className
) {
597 if (cmode
== undefined) cmode
= 2;
599 const query
= {op
: "rpc", method
: "catchupSelected",
600 cmode
: cmode
, ids
: id
};
602 xhrPost("backend.php", query
, (transport
) => {
603 handle_rpc_json(transport
);
610 function selectionRemoveLabel(id
, ids
) {
611 if (!ids
) ids
= getSelectedArticleIds2();
613 if (ids
.length
== 0) {
614 alert(__("No articles are selected."));
618 const query
= { op
: "article", method
: "removeFromLabel",
619 ids
: ids
.toString(), lid
: id
};
621 xhrPost("backend.php", query
, (transport
) => {
622 handle_rpc_json(transport
);
623 show_labels_in_headlines(transport
);
627 function selectionAssignLabel(id
, ids
) {
628 if (!ids
) ids
= getSelectedArticleIds2();
630 if (ids
.length
== 0) {
631 alert(__("No articles are selected."));
635 const query
= { op
: "article", method
: "assignToLabel",
636 ids
: ids
.toString(), lid
: id
};
638 xhrPost("backend.php", query
, (transport
) => {
639 handle_rpc_json(transport
);
640 show_labels_in_headlines(transport
);
644 function selectionToggleUnread(set_state
, callback
, no_error
, ids
) {
645 const rows
= ids
? ids
: getSelectedArticleIds2();
647 if (rows
.length
== 0 && !no_error
) {
648 alert(__("No articles are selected."));
652 for (let i
= 0; i
< rows
.length
; i
++) {
653 const row
= $("RROW-" + rows
[i
]);
655 if (set_state
== undefined) {
656 if (row
.hasClassName("Unread")) {
657 row
.removeClassName("Unread");
659 row
.addClassName("Unread");
663 if (set_state
== false) {
664 row
.removeClassName("Unread");
667 if (set_state
== true) {
668 row
.addClassName("Unread");
673 updateFloatingTitle(true);
675 if (rows
.length
> 0) {
679 if (set_state
== undefined) {
681 } else if (set_state
== true) {
683 } else if (set_state
== false) {
687 const query
= {op
: "rpc", method
: "catchupSelected",
688 cmode
: cmode
, ids
: rows
.toString() };
690 notify_progress("Loading, please wait...");
692 xhrPost("backend.php", query
, (transport
) => {
693 handle_rpc_json(transport
);
694 if (callback
) callback(transport
);
701 function selectionToggleMarked(sel_state
, callback
, no_error
, ids
) {
702 const rows
= ids
? ids
: getSelectedArticleIds2();
704 if (rows
.length
== 0 && !no_error
) {
705 alert(__("No articles are selected."));
709 for (let i
= 0; i
< rows
.length
; i
++) {
710 toggleMark(rows
[i
], true, true);
713 if (rows
.length
> 0) {
714 const query
= { op
: "rpc", method
: "markSelected",
715 ids
: rows
.toString(), cmode
: 2 };
717 xhrPost("backend.php", query
, (transport
) => {
718 handle_rpc_json(transport
);
719 if (callback
) callback(transport
);
725 function selectionTogglePublished(sel_state
, callback
, no_error
, ids
) {
726 const rows
= ids
? ids
: getSelectedArticleIds2();
728 if (rows
.length
== 0 && !no_error
) {
729 alert(__("No articles are selected."));
733 for (let i
= 0; i
< rows
.length
; i
++) {
734 togglePub(rows
[i
], true, true);
737 if (rows
.length
> 0) {
738 const query
= { op
: "rpc", method
: "publishSelected",
739 ids
: rows
.toString(), cmode
: 2 };
741 xhrPost("backend.php", query
, (transport
) => {
742 handle_rpc_json(transport
);
743 if (callback
) callback(transport
);
748 function getSelectedArticleIds2() {
752 $$("#headlines-frame > div[id*=RROW][class*=Selected]").each(
754 rv
.push(child
.getAttribute("data-article-id"));
760 function getLoadedArticleIds() {
763 const children
= $$("#headlines-frame > div[id*=RROW-]");
765 children
.each(function(child
) {
766 if (Element
.visible(child
)) {
767 rv
.push(child
.getAttribute("data-article-id"));
775 // mode = all,none,unread,invert,marked,published
776 function selectArticles(mode
, query
) {
777 if (!query
) query
= "#headlines-frame > div[id*=RROW]";
779 const children
= $$(query
);
781 children
.each(function(child
) {
782 //const id = child.getAttribute("data-article-id");
784 const cb
= dijit
.getEnclosingWidget(
785 child
.getElementsByClassName("rchk")[0]);
788 child
.addClassName("Selected");
789 if (cb
) cb
.attr("checked", true);
790 } else if (mode
== "unread") {
791 if (child
.hasClassName("Unread")) {
792 child
.addClassName("Selected");
793 if (cb
) cb
.attr("checked", true);
795 child
.removeClassName("Selected");
796 if (cb
) cb
.attr("checked", false);
798 } else if (mode
== "marked") {
799 if (child
.hasClassName("marked")) {
800 child
.addClassName("Selected");
801 if (cb
) cb
.attr("checked", true);
803 child
.removeClassName("Selected");
804 if (cb
) cb
.attr("checked", false);
806 } else if (mode
== "published") {
807 if (child
.hasClassName("published")) {
808 child
.addClassName("Selected");
809 if (cb
) cb
.attr("checked", true);
811 child
.removeClassName("Selected");
812 if (cb
) cb
.attr("checked", false);
815 } else if (mode
== "invert") {
816 if (child
.hasClassName("Selected")) {
817 child
.removeClassName("Selected");
818 if (cb
) cb
.attr("checked", false);
820 child
.addClassName("Selected");
821 if (cb
) cb
.attr("checked", true);
825 child
.removeClassName("Selected");
826 if (cb
) cb
.attr("checked", false);
830 updateSelectedPrompt();
833 function deleteSelection() {
835 const rows
= getSelectedArticleIds2();
837 if (rows
.length
== 0) {
838 alert(__("No articles are selected."));
842 const fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
845 if (getActiveFeedId() != 0) {
846 str
= ngettext("Delete %d selected article in %s?", "Delete %d selected articles in %s?", rows
.length
);
848 str
= ngettext("Delete %d selected article?", "Delete %d selected articles?", rows
.length
);
851 str
= str
.replace("%d", rows
.length
);
852 str
= str
.replace("%s", fn
);
854 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
858 const query
= "?op=rpc&method=delete&ids=" + param_escape(rows
);
862 new Ajax
.Request("backend.php", {
864 onComplete: function (transport
) {
865 handle_rpc_json(transport
);
871 function archiveSelection() {
873 const rows
= getSelectedArticleIds2();
875 if (rows
.length
== 0) {
876 alert(__("No articles are selected."));
880 const fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
884 if (getActiveFeedId() != 0) {
885 str
= ngettext("Archive %d selected article in %s?", "Archive %d selected articles in %s?", rows
.length
);
888 str
= ngettext("Move %d archived article back?", "Move %d archived articles back?", rows
.length
);
890 str
+= " " + __("Please note that unstarred articles might get purged on next feed update.");
895 str
= str
.replace("%d", rows
.length
);
896 str
= str
.replace("%s", fn
);
898 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
902 const query
= "?op=rpc&method="+op
+"&ids=" + param_escape(rows
);
906 for (let i
= 0; i
< rows
.length
; i
++) {
907 cache_delete("article:" + rows
[i
]);
910 new Ajax
.Request("backend.php", {
912 onComplete: function(transport
) {
913 handle_rpc_json(transport
);
919 function catchupSelection() {
921 const rows
= getSelectedArticleIds2();
923 if (rows
.length
== 0) {
924 alert(__("No articles are selected."));
928 const fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
930 let str
= ngettext("Mark %d selected article in %s as read?", "Mark %d selected articles in %s as read?", rows
.length
);
932 str
= str
.replace("%d", rows
.length
);
933 str
= str
.replace("%s", fn
);
935 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
939 selectionToggleUnread(false, 'viewCurrentFeed()', true);
942 function editArticleTags(id
) {
943 const query
= "backend.php?op=article&method=editArticleTags¶m=" + param_escape(id
);
945 if (dijit
.byId("editTagsDlg"))
946 dijit
.byId("editTagsDlg").destroyRecursive();
948 const dialog
= new dijit
.Dialog({
950 title
: __("Edit article Tags"),
951 style
: "width: 600px",
952 execute: function() {
953 if (this.validate()) {
954 const query
= dojo
.objectToQuery(this.attr('value'));
956 notify_progress("Saving article tags...", true);
958 new Ajax
.Request("backend.php", {
960 onComplete: function(transport
) {
965 const data
= JSON
.parse(transport
.responseText
);
972 const tags
= $("ATSTR-" + id
);
973 const tooltip
= dijit
.byId("ATSTRTIP-" + id
);
975 if (tags
) tags
.innerHTML
= data
.content
;
976 if (tooltip
) tooltip
.attr('label', data
.content_full
);
988 var tmph
= dojo
.connect(dialog
, 'onLoad', function() {
989 dojo
.disconnect(tmph
);
991 new Ajax
.Autocompleter('tags_str', 'tags_choices',
992 "backend.php?op=article&method=completeTags",
993 { tokens
: ',', paramName
: "search" });
1000 function cdmScrollToArticleId(id
, force
) {
1001 const ctr
= $("headlines-frame");
1002 const e
= $("RROW-" + id
);
1004 if (!e
|| !ctr
) return;
1006 if (force
|| e
.offsetTop
+e
.offsetHeight
> (ctr
.scrollTop
+ctr
.offsetHeight
) ||
1007 e
.offsetTop
< ctr
.scrollTop
) {
1009 // expanded cdm has a 4px margin now
1010 ctr
.scrollTop
= parseInt(e
.offsetTop
) - 4;
1014 function setActiveArticleId(id
) {
1015 console
.log("setActiveArticleId:" + id
);
1017 _active_article_id
= id
;
1018 PluginHost
.run(PluginHost
.HOOK_ARTICLE_SET_ACTIVE
, _active_article_id
);
1021 function getActiveArticleId() {
1022 return _active_article_id
;
1025 function postMouseIn(e
, id
) {
1026 post_under_pointer
= id
;
1029 function postMouseOut(id
) {
1030 post_under_pointer
= false;
1033 function unpackVisibleHeadlines() {
1034 if (!isCdmMode() || !getInitParam("cdm_expanded")) return;
1036 $$("#headlines-frame span.cencw[id]").each(
1038 const row
= $("RROW-" + child
.id
.replace("CENCW-", ""));
1040 if (row
&& row
.offsetTop
<= $("headlines-frame").scrollTop
+
1041 $("headlines-frame").offsetHeight
) {
1043 //console.log("unpacking: " + child.id);
1045 child
.innerHTML
= htmlspecialchars_decode(child
.innerHTML
);
1046 child
.removeAttribute('id');
1048 PluginHost
.run(PluginHost
.HOOK_ARTICLE_RENDERED_CDM
, row
);
1050 Element
.show(child
);
1056 function headlines_scroll_handler(e
) {
1059 // rate-limit in case of smooth scrolling and similar abominations
1060 if (Math
.max(e
.scrollTop
, _headlines_scroll_offset
) - Math
.min(e
.scrollTop
, _headlines_scroll_offset
) < 25) {
1064 _headlines_scroll_offset
= e
.scrollTop
;
1066 const hsp
= $("headlines-spacer");
1068 unpackVisibleHeadlines();
1070 // set topmost child in the buffer as active
1071 if (isCdmMode() && getInitParam("cdm_auto_catchup") == 1 &&
1072 getSelectedArticleIds2().length
<= 1 &&
1073 getInitParam("cdm_expanded")) {
1075 const rows
= $$("#headlines-frame > div[id*=RROW]");
1077 for (let i
= 0; i
< rows
.length
; i
++) {
1078 const child
= rows
[i
];
1080 if ($("headlines-frame").scrollTop
<= child
.offsetTop
&&
1081 child
.offsetTop
- $("headlines-frame").scrollTop
< 100 &&
1082 child
.getAttribute("data-article-id") != _active_article_id
) {
1084 if (_active_article_id
) {
1085 const row
= $("RROW-" + _active_article_id
);
1086 if (row
) row
.removeClassName("active");
1089 _active_article_id
= child
.getAttribute("data-article-id");
1090 showArticleInHeadlines(_active_article_id
, true);
1091 updateSelectedPrompt();
1097 if (!_infscroll_disable
) {
1098 if (hsp
&& hsp
.offsetTop
- 250 <= e
.scrollTop
+ e
.offsetHeight
) {
1100 hsp
.innerHTML
= "<span class='loading'><img src='images/indicator_tiny.gif'> " +
1101 __("Loading, please wait...") + "</span>";
1103 loadMoreHeadlines();
1110 updateFloatingTitle();
1113 catchupCurrentBatchIfNeeded();
1115 if (getInitParam("cdm_auto_catchup") == 1) {
1117 // let's get DOM some time to settle down
1118 const ts
= new Date().getTime();
1119 if (ts
- _last_headlines_update
< 100) return;
1121 $$("#headlines-frame > div[id*=RROW][class*=Unread]").each(
1123 if ($("headlines-frame").scrollTop
> (child
.offsetTop
+ child
.offsetHeight
/2)) {
1125 const id
= child
.getAttribute("data-article-id")
1127 if (catchup_id_batch
.indexOf(id
) == -1)
1128 catchup_id_batch
.push(id
);
1130 //console.log("auto_catchup_batch: " + catchup_id_batch.toString());
1135 if (_infscroll_disable
) {
1136 const child
= $$("#headlines-frame div[id*=RROW]").last();
1138 if (child
&& $("headlines-frame").scrollTop
>
1139 (child
.offsetTop
+ child
.offsetHeight
- 50)) {
1141 console
.log("we seem to be at an end");
1143 if (getInitParam("on_catchup_show_next_feed") == "1") {
1144 openNextUnreadFeed();
1151 console
.warn("headlines_scroll_handler: " + e
);
1155 function openNextUnreadFeed() {
1156 const is_cat
= activeFeedIsCat();
1157 const nuf
= getNextUnreadFeed(getActiveFeedId(), is_cat
);
1158 if (nuf
) viewfeed({feed
: nuf
, is_cat
: is_cat
});
1161 function catchupBatchedArticles() {
1162 if (catchup_id_batch
.length
> 0 && !_infscroll_request_sent
&& !_catchup_request_sent
) {
1164 console
.log("catchupBatchedArticles: working");
1166 // make a copy of the array
1167 const batch
= catchup_id_batch
.slice();
1168 const query
= "?op=rpc&method=catchupSelected" +
1169 "&cmode=0&ids=" + param_escape(batch
.toString());
1173 _catchup_request_sent
= true;
1175 new Ajax
.Request("backend.php", {
1177 onComplete: function (transport
) {
1178 handle_rpc_json(transport
);
1180 _catchup_request_sent
= false;
1182 const reply
= JSON
.parse(transport
.responseText
);
1183 const batch
= reply
.ids
;
1185 batch
.each(function (id
) {
1187 const elem
= $("RROW-" + id
);
1188 if (elem
) elem
.removeClassName("Unread");
1189 catchup_id_batch
.remove(id
);
1192 updateFloatingTitle(true);
1199 function catchupRelativeToArticle(below
, id
) {
1201 if (!id
) id
= getActiveArticleId();
1204 alert(__("No article is selected."));
1208 const visible_ids
= getLoadedArticleIds();
1210 const ids_to_mark
= [];
1213 for (var i
= 0; i
< visible_ids
.length
; i
++) {
1214 if (visible_ids
[i
] != id
) {
1215 var e
= $("RROW-" + visible_ids
[i
]);
1217 if (e
&& e
.hasClassName("Unread")) {
1218 ids_to_mark
.push(visible_ids
[i
]);
1225 for (var i
= visible_ids
.length
- 1; i
>= 0; i
--) {
1226 if (visible_ids
[i
] != id
) {
1227 var e
= $("RROW-" + visible_ids
[i
]);
1229 if (e
&& e
.hasClassName("Unread")) {
1230 ids_to_mark
.push(visible_ids
[i
]);
1238 if (ids_to_mark
.length
== 0) {
1239 alert(__("No articles found to mark"));
1241 const msg
= ngettext("Mark %d article as read?", "Mark %d articles as read?", ids_to_mark
.length
).replace("%d", ids_to_mark
.length
);
1243 if (getInitParam("confirm_feed_catchup") != 1 || confirm(msg
)) {
1245 for (var i
= 0; i
< ids_to_mark
.length
; i
++) {
1246 var e
= $("RROW-" + ids_to_mark
[i
]);
1247 e
.removeClassName("Unread");
1250 const query
= "?op=rpc&method=catchupSelected" +
1251 "&cmode=0" + "&ids=" + param_escape(ids_to_mark
.toString());
1253 new Ajax
.Request("backend.php", {
1255 onComplete: function (transport
) {
1256 handle_rpc_json(transport
);
1264 function cdmCollapseArticle(event
, id
, unmark
) {
1265 if (unmark
== undefined) unmark
= true;
1267 const row
= $("RROW-" + id
);
1268 const elem
= $("CICD-" + id
);
1271 const collapse
= row
.select("span[class='collapseBtn']")[0];
1274 Element
.show("CEXC-" + id
);
1275 Element
.hide(collapse
);
1278 row
.removeClassName("active");
1280 markHeadline(id
, false);
1282 if (id
== getActiveArticleId()) {
1283 setActiveArticleId(0);
1286 updateSelectedPrompt();
1289 if (event
) Event
.stop(event
);
1291 PluginHost
.run(PluginHost
.HOOK_ARTICLE_COLLAPSED
, id
);
1293 if (row
.offsetTop
< $("headlines-frame").scrollTop
)
1294 scrollToRowId(row
.id
);
1296 $("floatingTitle").style
.visibility
= "hidden";
1297 $("floatingTitle").setAttribute("data-article-id", 0);
1301 function cdmExpandArticle(id
, noexpand
) {
1302 console
.log("cdmExpandArticle " + id
);
1304 const row
= $("RROW-" + id
);
1306 if (!row
) return false;
1308 const oldrow
= $("RROW-" + getActiveArticleId());
1310 let elem
= $("CICD-" + getActiveArticleId());
1312 if (id
== getActiveArticleId() && Element
.visible(elem
))
1315 selectArticles("none");
1317 const old_offset
= row
.offsetTop
;
1319 if (getActiveArticleId() && elem
&& !getInitParam("cdm_expanded")) {
1320 let collapse
= oldrow
.select("span[class='collapseBtn']")[0];
1323 Element
.show("CEXC-" + getActiveArticleId());
1324 Element
.hide(collapse
);
1327 if (oldrow
) oldrow
.removeClassName("active");
1329 setActiveArticleId(id
);
1331 elem
= $("CICD-" + id
);
1333 let collapse
= row
.select("span[class='collapseBtn']")[0];
1335 const cencw
= $("CENCW-" + id
);
1337 if (!Element
.visible(elem
) && !noexpand
) {
1339 cencw
.innerHTML
= htmlspecialchars_decode(cencw
.innerHTML
);
1340 cencw
.setAttribute('id', '');
1341 Element
.show(cencw
);
1345 Element
.hide("CEXC-" + id
);
1346 Element
.show(collapse
);
1349 const new_offset
= row
.offsetTop
;
1351 if (old_offset
> new_offset
)
1352 $("headlines-frame").scrollTop
-= (old_offset
- new_offset
);
1355 if (catchup_id_batch
.indexOf(id
) == -1)
1356 catchup_id_batch
.push(id
);
1358 catchupCurrentBatchIfNeeded();
1362 row
.addClassName("active");
1364 PluginHost
.run(PluginHost
.HOOK_ARTICLE_EXPANDED
, id
);
1369 function getArticleUnderPointer() {
1370 return post_under_pointer
;
1373 function scrollArticle(offset
) {
1375 const ci
= $("content-insert");
1377 ci
.scrollTop
+= offset
;
1380 const hi
= $("headlines-frame");
1382 hi
.scrollTop
+= offset
;
1388 function show_labels_in_headlines(transport
) {
1389 const data
= JSON
.parse(transport
.responseText
);
1392 data
['info-for-headlines'].each(function (elem
) {
1393 $$(".HLLCTR-" + elem
.id
).each(function (ctr
) {
1394 ctr
.innerHTML
= elem
.labels
;
1400 function cdmClicked(event
, id
, in_body
) {
1401 //var shift_key = event.shiftKey;
1403 if (!event
.ctrlKey
&& !event
.metaKey
) {
1405 if (!getInitParam("cdm_expanded")) {
1406 return cdmExpandArticle(id
);
1409 let elem
= $("RROW-" + getActiveArticleId());
1411 if (elem
) elem
.removeClassName("active");
1413 selectArticles("none");
1416 elem
= $("RROW-" + id
);
1417 const article_is_unread
= elem
.hasClassName("Unread");
1419 elem
.removeClassName("Unread");
1420 elem
.addClassName("active");
1422 setActiveArticleId(id
);
1424 if (article_is_unread
) {
1425 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1426 updateFloatingTitle(true);
1429 const query
= "?op=rpc&method=catchupSelected" +
1430 "&cmode=0&ids=" + param_escape(id
);
1432 new Ajax
.Request("backend.php", {
1434 onComplete: function (transport
) {
1435 handle_rpc_json(transport
);
1439 return !event
.shiftKey
;
1442 } else if (!in_body
) {
1444 toggleSelected(id
, true);
1446 let elem
= $("RROW-" + id
);
1447 const article_is_unread
= elem
.hasClassName("Unread");
1449 if (article_is_unread
) {
1450 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1453 toggleUnread(id
, 0, false);
1455 openArticleInNewWindow(id
);
1460 const unread_in_buffer
= $$("#headlines-frame > div[id*=RROW][class*=Unread]").length
1461 request_counters(unread_in_buffer
== 0);
1466 function hlClicked(event
, id
) {
1467 if (event
.which
== 2) {
1470 } else if (event
.ctrlKey
|| event
.metaKey
) {
1471 openArticleInNewWindow(id
);
1479 function openArticleInNewWindow(id
) {
1480 toggleUnread(id
, 0, false);
1482 const w
= window
.open("");
1484 w
.location
= "backend.php?op=article&method=redirect&id=" + id
;
1487 function isCdmMode() {
1488 return getInitParam("combined_display_mode");
1491 function markHeadline(id
, marked
) {
1492 if (marked
== undefined) marked
= true;
1494 const row
= $("RROW-" + id
);
1496 const check
= dijit
.getEnclosingWidget(
1497 row
.getElementsByClassName("rchk")[0]);
1500 check
.attr("checked", marked
);
1504 row
.addClassName("Selected");
1506 row
.removeClassName("Selected");
1510 function getRelativePostIds(id
, limit
) {
1514 if (!limit
) limit
= 6; //3
1516 const ids
= getLoadedArticleIds();
1518 for (let i
= 0; i
< ids
.length
; i
++) {
1520 for (let k
= 1; k
<= limit
; k
++) {
1521 //if (i > k-1) tmp.push(ids[i-k]);
1522 if (i
< ids
.length
- k
) tmp
.push(ids
[i
+ k
]);
1531 function correctHeadlinesOffset(id
) {
1533 const container
= $("headlines-frame");
1534 const row
= $("RROW-" + id
);
1536 if (!container
|| !row
) return;
1538 const viewport
= container
.offsetHeight
;
1540 const rel_offset_top
= row
.offsetTop
- container
.scrollTop
;
1541 const rel_offset_bottom
= row
.offsetTop
+ row
.offsetHeight
- container
.scrollTop
;
1543 //console.log("Rtop: " + rel_offset_top + " Rbtm: " + rel_offset_bottom);
1544 //console.log("Vport: " + viewport);
1546 if (rel_offset_top
<= 0 || rel_offset_top
> viewport
) {
1547 container
.scrollTop
= row
.offsetTop
;
1548 } else if (rel_offset_bottom
> viewport
) {
1550 /* doesn't properly work with Opera in some cases because
1551 Opera fucks up element scrolling */
1553 container
.scrollTop
= row
.offsetTop
+ row
.offsetHeight
- viewport
;
1557 function headlineActionsChange(elem
) {
1559 elem
.attr('value', 'false');
1562 function closeArticlePanel() {
1564 if (dijit
.byId("content-insert"))
1565 dijit
.byId("headlines-wrap-inner").removeChild(
1566 dijit
.byId("content-insert"));
1569 function initFloatingMenu() {
1570 if (!dijit
.byId("floatingMenu")) {
1572 const menu
= new dijit
.Menu({
1574 targetNodeIds
: ["floatingTitle"]
1577 headlinesMenuCommon(menu
);
1583 function headlinesMenuCommon(menu
) {
1585 menu
.addChild(new dijit
.MenuItem({
1586 label
: __("Open original article"),
1587 onClick: function (event
) {
1588 openArticleInNewWindow(this.getParent().currentTarget
.getAttribute("data-article-id"));
1592 menu
.addChild(new dijit
.MenuItem({
1593 label
: __("Display article URL"),
1594 onClick: function (event
) {
1595 displayArticleUrl(this.getParent().currentTarget
.getAttribute("data-article-id"));
1599 menu
.addChild(new dijit
.MenuSeparator());
1601 menu
.addChild(new dijit
.MenuItem({
1602 label
: __("Toggle unread"),
1603 onClick: function () {
1605 let ids
= getSelectedArticleIds2();
1607 const id
= (this.getParent().currentTarget
.getAttribute("data-article-id")) + "";
1608 ids
= ids
.length
!= 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1610 selectionToggleUnread(undefined, false, true, ids
);
1614 menu
.addChild(new dijit
.MenuItem({
1615 label
: __("Toggle starred"),
1616 onClick: function () {
1617 let ids
= getSelectedArticleIds2();
1619 const id
= (this.getParent().currentTarget
.getAttribute("data-article-id")) + "";
1620 ids
= ids
.length
!= 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1622 selectionToggleMarked(undefined, false, true, ids
);
1626 menu
.addChild(new dijit
.MenuItem({
1627 label
: __("Toggle published"),
1628 onClick: function () {
1629 let ids
= getSelectedArticleIds2();
1631 const id
= (this.getParent().currentTarget
.getAttribute("data-article-id")) + "";
1632 ids
= ids
.length
!= 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1634 selectionTogglePublished(undefined, false, true, ids
);
1638 menu
.addChild(new dijit
.MenuSeparator());
1640 menu
.addChild(new dijit
.MenuItem({
1641 label
: __("Mark above as read"),
1642 onClick: function () {
1643 catchupRelativeToArticle(0, this.getParent().currentTarget
.getAttribute("data-article-id"));
1647 menu
.addChild(new dijit
.MenuItem({
1648 label
: __("Mark below as read"),
1649 onClick: function () {
1650 catchupRelativeToArticle(1, this.getParent().currentTarget
.getAttribute("data-article-id"));
1655 const labels
= getInitParam("labels");
1657 if (labels
&& labels
.length
) {
1659 menu
.addChild(new dijit
.MenuSeparator());
1661 const labelAddMenu
= new dijit
.Menu({ownerMenu
: menu
});
1662 const labelDelMenu
= new dijit
.Menu({ownerMenu
: menu
});
1664 labels
.each(function (label
) {
1665 const bare_id
= label
.id
;
1666 const name
= label
.caption
;
1668 labelAddMenu
.addChild(new dijit
.MenuItem({
1671 onClick: function () {
1673 let ids
= getSelectedArticleIds2();
1675 const id
= (this.getParent().ownerMenu
.currentTarget
.getAttribute("data-article-id")) + "";
1677 ids
= ids
.length
!= 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1679 selectionAssignLabel(this.labelId
, ids
);
1683 labelDelMenu
.addChild(new dijit
.MenuItem({
1686 onClick: function () {
1687 let ids
= getSelectedArticleIds2();
1689 const id
= (this.getParent().ownerMenu
.currentTarget
.getAttribute("data-article-id")) + "";
1691 ids
= ids
.length
!= 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1693 selectionRemoveLabel(this.labelId
, ids
);
1699 menu
.addChild(new dijit
.PopupMenuItem({
1700 label
: __("Assign label"),
1704 menu
.addChild(new dijit
.PopupMenuItem({
1705 label
: __("Remove label"),
1712 function initHeadlinesMenu() {
1713 if (!dijit
.byId("headlinesMenu")) {
1715 const menu
= new dijit
.Menu({
1716 id
: "headlinesMenu",
1717 targetNodeIds
: ["headlines-frame"],
1718 selector
: ".hlMenuAttach"
1721 headlinesMenuCommon(menu
);
1726 /* vgroup feed title menu */
1728 if (!dijit
.byId("headlinesFeedTitleMenu")) {
1730 const menu
= new dijit
.Menu({
1731 id
: "headlinesFeedTitleMenu",
1732 targetNodeIds
: ["headlines-frame"],
1733 selector
: "div.cdmFeedTitle"
1736 menu
.addChild(new dijit
.MenuItem({
1737 label
: __("Select articles in group"),
1738 onClick: function (event
) {
1739 selectArticles("all",
1740 "#headlines-frame > div[id*=RROW]" +
1741 "[data-orig-feed-id='" + this.getParent().currentTarget
.getAttribute("data-feed-id") + "']");
1746 menu
.addChild(new dijit
.MenuItem({
1747 label
: __("Mark group as read"),
1748 onClick: function () {
1749 selectArticles("none");
1750 selectArticles("all",
1751 "#headlines-frame > div[id*=RROW]" +
1752 "[data-orig-feed-id='" + this.getParent().currentTarget
.getAttribute("data-feed-id") + "']");
1758 menu
.addChild(new dijit
.MenuItem({
1759 label
: __("Mark feed as read"),
1760 onClick: function () {
1761 catchupFeedInGroup(this.getParent().currentTarget
.getAttribute("data-feed-id"));
1765 menu
.addChild(new dijit
.MenuItem({
1766 label
: __("Edit feed"),
1767 onClick: function () {
1768 editFeed(this.getParent().currentTarget
.getAttribute("data-feed-id"));
1776 function cache_set(id
, obj
) {
1777 //console.log("cache_set: " + id);
1780 sessionStorage
[id
] = obj
;
1782 sessionStorage
.clear();
1786 function cache_get(id
) {
1788 return sessionStorage
[id
];
1791 function cache_clear() {
1793 sessionStorage
.clear();
1796 function cache_delete(id
) {
1798 sessionStorage
.removeItem(id
);
1801 function cancelSearch() {
1806 function setSelectionScore() {
1807 const ids
= getSelectedArticleIds2();
1809 if (ids
.length
> 0) {
1812 const score
= prompt(__("Please enter new score for selected articles:"));
1814 if (score
!= undefined) {
1815 const query
= "op=article&method=setScore&id=" + param_escape(ids
.toString()) +
1816 "&score=" + param_escape(score
);
1818 new Ajax
.Request("backend.php", {
1820 onComplete: function (transport
) {
1821 const reply
= JSON
.parse(transport
.responseText
);
1825 ids
.each(function (id
) {
1826 const row
= $("RROW-" + id
);
1829 const pic
= row
.getElementsByClassName("hlScorePic")[0];
1832 pic
.src
= pic
.src
.replace(/score_.*?\.png/,
1833 reply
["score_pic"]);
1834 pic
.setAttribute("score", score
);
1844 alert(__("No articles are selected."));
1848 function updateScore(id
) {
1849 const pic
= $$("#RROW-" + id
+ " .hlScorePic")[0];
1853 const query
= "op=article&method=getScore&id=" + param_escape(id
);
1855 new Ajax
.Request("backend.php", {
1857 onComplete: function (transport
) {
1858 console
.log(transport
.responseText
);
1860 const reply
= JSON
.parse(transport
.responseText
);
1863 pic
.src
= pic
.src
.replace(/score_.*?\.png/, reply
["score_pic"]);
1864 pic
.setAttribute("score", reply
["score"]);
1865 pic
.setAttribute("title", reply
["score"]);
1872 function changeScore(id
, pic
) {
1873 const score
= pic
.getAttribute("score");
1875 const new_score
= prompt(__("Please enter new score for this article:"), score
);
1877 if (new_score
!= undefined) {
1879 const query
= "op=article&method=setScore&id=" + param_escape(id
) +
1880 "&score=" + param_escape(new_score
);
1882 new Ajax
.Request("backend.php", {
1884 onComplete: function (transport
) {
1885 const reply
= JSON
.parse(transport
.responseText
);
1888 pic
.src
= pic
.src
.replace(/score_.*?\.png/, reply
["score_pic"]);
1889 pic
.setAttribute("score", new_score
);
1890 pic
.setAttribute("title", new_score
);
1897 function displayArticleUrl(id
) {
1898 const query
= "op=rpc&method=getlinktitlebyid&id=" + param_escape(id
);
1900 new Ajax
.Request("backend.php", {
1902 onComplete: function (transport
) {
1903 const reply
= JSON
.parse(transport
.responseText
);
1905 if (reply
&& reply
.link
) {
1906 prompt(__("Article URL:"), reply
.link
);
1912 function scrollToRowId(id
) {
1916 $("headlines-frame").scrollTop
= row
.offsetTop
- 4;
1919 function updateFloatingTitle(unread_only
) {
1920 if (!isCdmMode()) return;
1922 const hf
= $("headlines-frame");
1924 const elems
= $$("#headlines-frame > div[id*=RROW]");
1926 for (let i
= 0; i
< elems
.length
; i
++) {
1928 const child
= elems
[i
];
1930 if (child
&& child
.offsetTop
+ child
.offsetHeight
> hf
.scrollTop
) {
1932 const header
= child
.getElementsByClassName("cdmHeader")[0];
1934 if (unread_only
|| child
.getAttribute("data-article-id") != $("floatingTitle").getAttribute("data-article-id")) {
1935 if (child
.getAttribute("data-article-id") != $("floatingTitle").getAttribute("data-article-id")) {
1937 $("floatingTitle").setAttribute("data-article-id", child
.getAttribute("data-article-id"));
1938 $("floatingTitle").innerHTML
= header
.innerHTML
;
1939 $("floatingTitle").firstChild
.innerHTML
= "<img class='anchor markedPic' src='images/page_white_go.png' onclick=\"scrollToRowId('" + child
.id
+ "')\">" + $("floatingTitle").firstChild
.innerHTML
;
1943 const cb
= $$("#floatingTitle .dijitCheckBox")[0];
1946 cb
.parentNode
.removeChild(cb
);
1949 if (child
.hasClassName("Unread"))
1950 $("floatingTitle").addClassName("Unread");
1952 $("floatingTitle").removeClassName("Unread");
1954 PluginHost
.run(PluginHost
.HOOK_FLOATING_TITLE
, child
);
1957 $("floatingTitle").style
.marginRight
= hf
.offsetWidth
- child
.offsetWidth
+ "px";
1958 if (header
.offsetTop
+ header
.offsetHeight
< hf
.scrollTop
+ $("floatingTitle").offsetHeight
- 5 &&
1959 child
.offsetTop
+ child
.offsetHeight
>= hf
.scrollTop
+ $("floatingTitle").offsetHeight
- 5)
1960 $("floatingTitle").style
.visibility
= "visible";
1962 $("floatingTitle").style
.visibility
= "hidden";
1970 function catchupCurrentBatchIfNeeded() {
1971 if (catchup_id_batch
.length
> 0) {
1972 window
.clearTimeout(catchup_timeout_id
);
1973 catchup_timeout_id
= window
.setTimeout(catchupBatchedArticles
, 1000);
1975 if (catchup_id_batch
.length
>= 10) {
1976 catchupBatchedArticles();