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