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