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