]>
git.wh0rd.org - tt-rss.git/blob - js/viewfeed.js
1 var active_post_id
= false;
3 var article_cache
= new Array();
5 var vgroup_last_feed
= false;
6 var post_under_pointer
= false;
8 var last_requested_article
= false;
10 var catchup_id_batch
= [];
11 var catchup_timeout_id
= false;
12 var feed_precache_timeout_id
= false;
13 var precache_idle_timeout_id
= false;
15 var cids_requested
= [];
16 var loaded_article_ids
= [];
18 var has_storage
= 'sessionStorage' in window
&& window
['sessionStorage'] !== null;
20 function headlines_callback2(transport
, offset
, background
, infscroll_req
) {
22 handle_rpc_json(transport
);
24 loading_set_progress(25);
26 console
.log("headlines_callback2 [offset=" + offset
+ "] B:" + background
+ " I:" + infscroll_req
);
34 reply
= JSON
.parse(transport
.responseText
);
41 is_cat
= reply
['headlines']['is_cat'];
42 feed_id
= reply
['headlines']['id'];
45 var content
= reply
['headlines']['content'];
47 if (getInitParam("cdm_auto_catchup") == 1) {
48 content
= content
+ "<div id='headlines-spacer'></div>";
51 cache_headlines(feed_id
, is_cat
, reply
['headlines']['toolbar'], content
);
55 setActiveFeedId(feed_id
, is_cat
);
57 dijit
.getEnclosingWidget(
58 document
.forms
["main_toolbar_form"].update
).attr('disabled',
59 is_cat
|| feed_id
<= 0);
62 if (offset
== 0 && infscroll_req
== false) {
63 $("headlines-frame").scrollTop
= 0;
67 var headlines_count
= reply
['headlines-info']['count'];
69 vgroup_last_feed
= reply
['headlines-info']['vgroup_last_feed'];
71 if (parseInt(headlines_count
) < getInitParam("default_article_limit")) {
72 _infscroll_disable
= 1;
74 _infscroll_disable
= 0;
77 var counters
= reply
['counters'];
78 var articles
= reply
['articles'];
79 //var runtime_info = reply['runtime-info'];
81 if (offset
== 0 && infscroll_req
== false) {
82 loaded_article_ids
= [];
84 dijit
.byId("headlines-frame").attr('content',
85 reply
['headlines']['content']);
87 dijit
.byId("headlines-toolbar").attr('content',
88 reply
['headlines']['toolbar']);
90 $$("#headlines-frame > div[id*=RROW]").each(function(row
) {
91 if (loaded_article_ids
.indexOf(row
.id
) != -1) {
92 row
.parentNode
.removeChild(row
);
94 loaded_article_ids
.push(row
.id
);
98 if (getInitParam("cdm_auto_catchup") == 1) {
99 var hsp
= $("headlines-spacer");
100 if (!hsp
) hsp
= new Element("DIV", {"id": "headlines-spacer"});
101 dijit
.byId('headlines-frame').domNode
.appendChild(hsp
);
107 $("feed_title").innerHTML
+= "<span id='cancel_search'>" +
108 " (<a href='#' onclick='cancelSearch()'>" + __("Cancel search") + "</a>)" +
114 if (headlines_count
> 0 && feed_id
== getActiveFeedId() && is_cat
== activeFeedIsCat()) {
115 console
.log("adding some more headlines: " + headlines_count
);
117 var c
= dijit
.byId("headlines-frame");
118 var ids
= getSelectedArticleIds2();
121 $("headlines-tmp").innerHTML
= reply
['headlines']['content'];
123 var hsp
= $("headlines-spacer");
126 c
.domNode
.removeChild(hsp
);
128 $$("#headlines-tmp > div").each(function(row
) {
129 if (row
.className
== 'cdmFeedTitle') {
130 row
.style
.display
= 'none';
131 c
.domNode
.appendChild(row
);
133 } else if (loaded_article_ids
.indexOf(row
.id
) == -1) {
134 row
.style
.display
= 'none';
135 c
.domNode
.appendChild(row
);
137 loaded_article_ids
.push(row
.id
);
139 row
.parentNode
.removeChild(row
);
143 if (!hsp
) hsp
= new Element("DIV", {"id": "headlines-spacer"});
145 fixHeadlinesOrder(getLoadedArticleIds());
147 if (getInitParam("cdm_auto_catchup") == 1) {
148 c
.domNode
.appendChild(hsp
);
151 console
.log("added " + new_elems
.size() + " headlines");
153 if (new_elems
.size() == 0)
154 _infscroll_disable
= true;
156 console
.log("restore selected ids: " + ids
);
158 for (var i
= 0; i
< ids
.length
; i
++) {
159 markHeadline(ids
[i
]);
164 new_elems
.each(function(child
) {
165 var cb
= dijit
.byId(child
.id
.replace("RROW-", "RCHK-"));
168 dojo
.parser
.parse(child
);
170 if (!Element
.visible(child
))
171 new Effect
.Appear(child
, { duration
: 0.5 });
173 c
.domNode
.removeChild(child
);
178 console
.log("no new headlines received");
180 var hsp
= $("headlines-spacer");
182 if (hsp
) hsp
.innerHTML
= "";
186 if (headlines_count
> 0)
187 cache_headlines(feed_id
, is_cat
, reply
['headlines']['toolbar'], $("headlines-frame").innerHTML
);
190 for (var i
= 0; i
< articles
.length
; i
++) {
191 var a_id
= articles
[i
]['id'];
192 cache_set("article:" + a_id
, articles
[i
]['content']);
195 console
.log("no cached articles received");
198 // do not precache stuff after fresh feed
200 precache_headlines();
203 parse_counters(counters
);
205 request_counters(true);
207 } else if (transport
.responseText
) {
208 console
.error("Invalid object received: " + transport
.responseText
);
209 dijit
.byId("headlines-frame").attr('content', "<div class='whiteBox'>" +
210 __('Could not update headlines (invalid object received - see error console for details)') +
213 //notify_error("Error communicating with server.");
214 Element
.show(dijit
.byId("net-alert").domNode
);
217 _infscroll_request_sent
= 0;
222 exception_error("headlines_callback2", e
, transport
);
226 function render_article(article
) {
228 dijit
.byId("headlines-wrap-inner").addChild(
229 dijit
.byId("content-insert"));
231 var c
= dijit
.byId("content-insert");
234 c
.domNode
.scrollTop
= 0;
237 c
.attr('content', article
);
239 correctHeadlinesOffset(getActiveArticleId());
246 exception_error("render_article", e
);
250 function showArticleInHeadlines(id
) {
254 selectArticles("none");
256 var crow
= $("RROW-" + id
);
260 var article_is_unread
= crow
.hasClassName("Unread");
262 crow
.removeClassName("Unread");
264 selectArticles('none');
266 var view_mode
= false;
269 view_mode
= document
.forms
['main_toolbar_form'].view_mode
;
270 view_mode
= view_mode
[view_mode
.selectedIndex
].value
;
275 if (article_is_unread
&& view_mode
== "all_articles") {
276 cache_headlines(getActiveFeedId(), activeFeedIsCat(), null, $("headlines-frame").innerHTML
);
281 if (article_is_unread
)
282 _force_scheduled_update
= true;
285 exception_error("showArticleInHeadlines", e
);
289 function article_callback2(transport
, id
) {
291 console
.log("article_callback2 " + id
);
293 handle_rpc_json(transport
);
298 reply
= JSON
.parse(transport
.responseText
);
305 reply
.each(function(article
) {
306 if (active_post_id
== article
['id']) {
307 render_article(article
['content']);
309 cids_requested
.remove(article
['id']);
311 cache_set("article:" + article
['id'], article
['content']);
314 // if (id != last_requested_article) {
315 // console.log("requested article id is out of sequence, aborting");
319 } else if (transport
.responseText
) {
320 console
.error("Invalid object received: " + transport
.responseText
);
322 render_article("<div class='whiteBox'>" +
323 __('Could not display article (invalid object received - see error console for details)') + "</div>");
325 Element
.show(dijit
.byId("net-alert").domNode
);
328 var unread_in_buffer
= $$("#headlines-frame > div[id*=RROW][class*=Unread]").length
329 request_counters(unread_in_buffer
== 0);
331 headlines_scroll_handler($("headlines-frame"));
334 if (!_infscroll_disable &&
335 $$("#headlines-frame > div[id*=RROW]").last().hasClassName("Selected")) {
345 exception_error("article_callback2", e
, transport
);
351 var crow
= $("RROW-" + id
);
355 console
.log("loading article: " + id
);
357 var cached_article
= cache_get("article:" + id
);
359 console
.log("cache check result: " + (cached_article
!= false));
363 var query
= "?op=article&method=view&id=" + param_escape(id
);
365 var neighbor_ids
= getRelativePostIds(id
);
367 /* only request uncached articles */
369 var cids_to_request
= [];
371 for (var i
= 0; i
< neighbor_ids
.length
; i
++) {
372 if (cids_requested
.indexOf(neighbor_ids
[i
]) == -1)
373 if (!cache_get("article:" + neighbor_ids
[i
])) {
374 cids_to_request
.push(neighbor_ids
[i
]);
375 cids_requested
.push(neighbor_ids
[i
]);
379 console
.log("additional ids: " + cids_to_request
.toString());
381 query
= query
+ "&cids=" + cids_to_request
.toString();
383 var article_is_unread
= crow
.hasClassName("Unread");
386 showArticleInHeadlines(id
);
388 precache_headlines();
390 if (cached_article
&& article_is_unread
) {
392 query
= query
+ "&mode=prefetch";
394 render_article(cached_article
);
396 } else if (cached_article
) {
398 query
= query
+ "&mode=prefetch_old";
399 render_article(cached_article
);
401 // if we don't need to request any relative ids, we might as well skip
402 // the server roundtrip altogether
403 if (cids_to_request
.length
== 0) {
406 if (!_infscroll_disable &&
407 $$("#headlines-frame > div[id*=RROW]").last().hasClassName("Selected")) {
415 headlines_scroll_handler($("headlines-frame"));
421 last_requested_article
= id
;
425 if (article_is_unread
) {
426 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
429 new Ajax
.Request("backend.php", {
431 onComplete: function(transport
) {
432 article_callback2(transport
, id
);
438 exception_error("view", e
);
442 function toggleMark(id
, client_only
) {
444 var query
= "?op=rpc&id=" + id
+ "&method=mark";
446 var img
= $("FMPIC-" + id
);
450 if (img
.src
.match("mark_unset")) {
451 img
.src
= img
.src
.replace("mark_unset", "mark_set");
452 img
.alt
= __("Unstar article");
453 query
= query
+ "&mark=1";
456 img
.src
= img
.src
.replace("mark_set", "mark_unset");
457 img
.alt
= __("Star article");
458 query
= query
+ "&mark=0";
461 cache_headlines(getActiveFeedId(), activeFeedIsCat(), null, $("headlines-frame").innerHTML
);
464 new Ajax
.Request("backend.php", {
466 onComplete: function(transport
) {
467 handle_rpc_json(transport
);
472 exception_error("toggleMark", e
);
476 function togglePub(id
, client_only
, no_effects
, note
) {
478 var query
= "?op=rpc&id=" + id
+ "&method=publ";
480 if (note
!= undefined) {
481 query
= query
+ "¬e=" + param_escape(note
);
483 query
= query
+ "¬e=undefined";
486 var img
= $("FPPIC-" + id
);
490 if (img
.src
.match("pub_unset") || note
!= undefined) {
491 img
.src
= img
.src
.replace("pub_unset", "pub_set");
492 img
.alt
= __("Unpublish article");
493 query
= query
+ "&pub=1";
496 img
.src
= img
.src
.replace("pub_set", "pub_unset");
497 img
.alt
= __("Publish article");
499 query
= query
+ "&pub=0";
502 cache_headlines(getActiveFeedId(), activeFeedIsCat(), null, $("headlines-frame").innerHTML
);
505 new Ajax
.Request("backend.php", {
507 onComplete: function(transport
) {
508 handle_rpc_json(transport
);
513 exception_error("togglePub", e
);
517 function moveToPost(mode
, noscroll
) {
521 var rows
= getVisibleArticleIds();
526 if (!$('RROW-' + active_post_id
)) {
527 active_post_id
= false;
530 if (active_post_id
== false) {
532 prev_id
= rows
[rows
.length
-1]
534 for (var i
= 0; i
< rows
.length
; i
++) {
535 if (rows
[i
] == active_post_id
) {
537 // Account for adjacent identical article ids.
538 if (i
> 0) prev_id
= rows
[i
-1];
540 for (var j
= i
+1; j
< rows
.length
; j
++) {
541 if (rows
[j
] != active_post_id
) {
551 if (mode
== "next") {
552 if (next_id
|| active_post_id
) {
555 var article
= $("RROW-" + active_post_id
);
556 var ctr
= $("headlines-frame");
558 if (!noscroll
&& article
&& article
.offsetTop
+ article
.offsetHeight
>
559 ctr
.scrollTop
+ ctr
.offsetHeight
) {
561 scrollArticle(ctr
.offsetHeight
/2);
563 } else if (next_id
) {
564 cdmExpandArticle(next_id
);
565 cdmScrollToArticleId(next_id
);
568 } else if (next_id
) {
569 correctHeadlinesOffset(next_id
);
570 view(next_id
, getActiveFeedId());
575 if (mode
== "prev") {
576 if (prev_id
|| active_post_id
) {
579 var article
= $("RROW-" + active_post_id
);
580 var prev_article
= $("RROW-" + prev_id
);
581 var ctr
= $("headlines-frame");
583 if (!noscroll
&& article
&& article
.offsetTop
< ctr
.scrollTop
) {
584 scrollArticle(-ctr
.offsetHeight
/2);
585 } else if (!noscroll
&& prev_article
&&
586 prev_article
.offsetTop
< ctr
.scrollTop
) {
587 cdmExpandArticle(prev_id
);
588 scrollArticle(-ctr
.offsetHeight
/2);
589 } else if (prev_id
) {
590 cdmExpandArticle(prev_id
);
591 cdmScrollToArticleId(prev_id
);
593 } else if (prev_id
) {
594 correctHeadlinesOffset(prev_id
);
595 view(prev_id
, getActiveFeedId());
601 exception_error("moveToPost", e
);
605 function toggleSelected(id
, force_on
) {
608 var cb
= dijit
.byId("RCHK-" + id
);
609 var row
= $("RROW-" + id
);
612 if (row
.hasClassName('Selected') && !force_on
) {
613 row
.removeClassName('Selected');
614 if (cb
) cb
.attr("checked", false);
616 row
.addClassName('Selected');
617 if (cb
) cb
.attr("checked", true);
621 exception_error("toggleSelected", e
);
625 function toggleUnread_afh(effect
) {
628 var elem
= effect
.element
;
629 elem
.style
.backgroundColor
= "";
632 exception_error("toggleUnread_afh", e
);
636 function toggleUnread(id
, cmode
, effect
) {
639 var row
= $("RROW-" + id
);
641 if (cmode
== undefined || cmode
== 2) {
642 if (row
.hasClassName("Unread")) {
643 row
.removeClassName("Unread");
646 new Effect
.Highlight(row
, {duration
: 1, startcolor
: "#fff7d5",
647 afterFinish
: toggleUnread_afh
,
648 queue
: { position
:'end', scope
: 'TMRQ-' + id
, limit
: 1 } } );
652 row
.addClassName("Unread");
655 } else if (cmode
== 0) {
657 row
.removeClassName("Unread");
660 new Effect
.Highlight(row
, {duration
: 1, startcolor
: "#fff7d5",
661 afterFinish
: toggleUnread_afh
,
662 queue
: { position
:'end', scope
: 'TMRQ-' + id
, limit
: 1 } } );
665 } else if (cmode
== 1) {
666 row
.addClassName("Unread");
669 if (cmode
== undefined) cmode
= 2;
671 var query
= "?op=rpc&method=catchupSelected" +
672 "&cmode=" + param_escape(cmode
) + "&ids=" + param_escape(id
);
674 // notify_progress("Loading, please wait...");
676 new Ajax
.Request("backend.php", {
678 onComplete: function(transport
) {
679 handle_rpc_json(transport
);
685 exception_error("toggleUnread", e
);
689 function selectionRemoveLabel(id
, ids
) {
692 if (!ids
) ids
= getSelectedArticleIds2();
694 if (ids
.length
== 0) {
695 alert(__("No articles are selected."));
699 var query
= "?op=rpc&method=removeFromLabel&ids=" +
700 param_escape(ids
.toString()) + "&lid=" + param_escape(id
);
704 new Ajax
.Request("backend.php", {
706 onComplete: function(transport
) {
707 handle_rpc_json(transport
);
708 show_labels_in_headlines(transport
);
712 exception_error("selectionAssignLabel", e
);
717 function selectionAssignLabel(id
, ids
) {
720 if (!ids
) ids
= getSelectedArticleIds2();
722 if (ids
.length
== 0) {
723 alert(__("No articles are selected."));
727 var query
= "?op=rpc&method=assignToLabel&ids=" +
728 param_escape(ids
.toString()) + "&lid=" + param_escape(id
);
732 new Ajax
.Request("backend.php", {
734 onComplete: function(transport
) {
735 handle_rpc_json(transport
);
736 show_labels_in_headlines(transport
);
740 exception_error("selectionAssignLabel", e
);
745 function selectionToggleUnread(set_state
, callback
, no_error
) {
747 var rows
= getSelectedArticleIds2();
749 if (rows
.length
== 0 && !no_error
) {
750 alert(__("No articles are selected."));
754 for (var i
= 0; i
< rows
.length
; i
++) {
755 var row
= $("RROW-" + rows
[i
]);
757 if (set_state
== undefined) {
758 if (row
.hasClassName("Unread")) {
759 row
.removeClassName("Unread");
761 row
.addClassName("Unread");
765 if (set_state
== false) {
766 row
.removeClassName("Unread");
769 if (set_state
== true) {
770 row
.addClassName("Unread");
775 if (rows
.length
> 0) {
779 if (set_state
== undefined) {
781 } else if (set_state
== true) {
783 } else if (set_state
== false) {
787 var query
= "?op=rpc&method=catchupSelected" +
788 "&cmode=" + cmode
+ "&ids=" + param_escape(rows
.toString());
790 notify_progress("Loading, please wait...");
792 new Ajax
.Request("backend.php", {
794 onComplete: function(transport
) {
795 handle_rpc_json(transport
);
796 if (callback
) callback(transport
);
802 exception_error("selectionToggleUnread", e
);
806 function selectionToggleMarked() {
809 var rows
= getSelectedArticleIds2();
811 if (rows
.length
== 0) {
812 alert(__("No articles are selected."));
816 for (var i
= 0; i
< rows
.length
; i
++) {
817 toggleMark(rows
[i
], true, true);
820 if (rows
.length
> 0) {
822 var query
= "?op=rpc&method=markSelected&ids=" +
823 param_escape(rows
.toString()) + "&cmode=2";
825 new Ajax
.Request("backend.php", {
827 onComplete: function(transport
) {
828 handle_rpc_json(transport
);
834 exception_error("selectionToggleMarked", e
);
838 function selectionTogglePublished() {
841 var rows
= getSelectedArticleIds2();
843 if (rows
.length
== 0) {
844 alert(__("No articles are selected."));
848 for (var i
= 0; i
< rows
.length
; i
++) {
849 togglePub(rows
[i
], true, true);
852 if (rows
.length
> 0) {
854 var query
= "?op=rpc&method=publishSelected&ids=" +
855 param_escape(rows
.toString()) + "&cmode=2";
857 new Ajax
.Request("backend.php", {
859 onComplete: function(transport
) {
860 handle_rpc_json(transport
);
866 exception_error("selectionToggleMarked", e
);
870 function getSelectedArticleIds2() {
874 $$("#headlines-frame > div[id*=RROW][class*=Selected]").each(
876 rv
.push(child
.id
.replace("RROW-", ""));
882 function getLoadedArticleIds() {
885 var children
= $$("#headlines-frame > div[id*=RROW-]");
887 children
.each(function(child
) {
888 rv
.push(child
.id
.replace("RROW-", ""));
895 // mode = all,none,unread,invert,marked,published
896 function selectArticles(mode
) {
899 var children
= $$("#headlines-frame > div[id*=RROW]");
901 children
.each(function(child
) {
902 var id
= child
.id
.replace("RROW-", "");
903 var cb
= dijit
.byId("RCHK-" + id
);
906 child
.addClassName("Selected");
907 if (cb
) cb
.attr("checked", true);
908 } else if (mode
== "unread") {
909 if (child
.hasClassName("Unread")) {
910 child
.addClassName("Selected");
911 if (cb
) cb
.attr("checked", true);
913 child
.removeClassName("Selected");
914 if (cb
) cb
.attr("checked", false);
916 } else if (mode
== "marked") {
917 var img
= $("FMPIC-" + child
.id
.replace("RROW-", ""));
919 if (img
&& img
.src
.match("mark_set")) {
920 child
.addClassName("Selected");
921 if (cb
) cb
.attr("checked", true);
923 child
.removeClassName("Selected");
924 if (cb
) cb
.attr("checked", false);
926 } else if (mode
== "published") {
927 var img
= $("FPPIC-" + child
.id
.replace("RROW-", ""));
929 if (img
&& img
.src
.match("pub_set")) {
930 child
.addClassName("Selected");
931 if (cb
) cb
.attr("checked", true);
933 child
.removeClassName("Selected");
934 if (cb
) cb
.attr("checked", false);
937 } else if (mode
== "invert") {
938 if (child
.hasClassName("Selected")) {
939 child
.removeClassName("Selected");
940 if (cb
) cb
.attr("checked", false);
942 child
.addClassName("Selected");
943 if (cb
) cb
.attr("checked", true);
947 child
.removeClassName("Selected");
948 if (cb
) cb
.attr("checked", false);
953 exception_error("selectArticles", e
);
957 function catchupPage() {
959 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
961 var str
= __("Mark all visible articles in %s as read?");
963 str
= str
.replace("%s", fn
);
965 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
969 selectArticles('all');
970 selectionToggleUnread(false, 'viewCurrentFeed()', true);
971 selectArticles('none');
974 function deleteSelection() {
978 var rows
= getSelectedArticleIds2();
980 if (rows
.length
== 0) {
981 alert(__("No articles are selected."));
985 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
988 if (getActiveFeedId() != 0) {
989 str
= __("Delete %d selected articles in %s?");
991 str
= __("Delete %d selected articles?");
994 str
= str
.replace("%d", rows
.length
);
995 str
= str
.replace("%s", fn
);
997 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
1001 query
= "?op=rpc&method=delete&ids=" + param_escape(rows
);
1005 new Ajax
.Request("backend.php", {
1007 onComplete: function(transport
) {
1008 handle_rpc_json(transport
);
1013 exception_error("deleteSelection", e
);
1017 function archiveSelection() {
1021 var rows
= getSelectedArticleIds2();
1023 if (rows
.length
== 0) {
1024 alert(__("No articles are selected."));
1028 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
1032 if (getActiveFeedId() != 0) {
1033 str
= __("Archive %d selected articles in %s?");
1036 str
= __("Move %d archived articles back?");
1040 str
= str
.replace("%d", rows
.length
);
1041 str
= str
.replace("%s", fn
);
1043 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
1047 query
= "?op=rpc&method="+op
+"&ids=" + param_escape(rows
);
1051 for (var i
= 0; i
< rows
.length
; i
++) {
1052 cache_delete("article:" + rows
[i
]);
1055 new Ajax
.Request("backend.php", {
1057 onComplete: function(transport
) {
1058 handle_rpc_json(transport
);
1063 exception_error("archiveSelection", e
);
1067 function catchupSelection() {
1071 var rows
= getSelectedArticleIds2();
1073 if (rows
.length
== 0) {
1074 alert(__("No articles are selected."));
1078 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
1080 var str
= __("Mark %d selected articles in %s as read?");
1082 str
= str
.replace("%d", rows
.length
);
1083 str
= str
.replace("%s", fn
);
1085 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
1089 selectionToggleUnread(false, 'viewCurrentFeed()', true);
1092 exception_error("catchupSelection", e
);
1096 function editArticleTags(id
) {
1097 var query
= "backend.php?op=dlg&method=editArticleTags¶m=" + param_escape(id
);
1099 if (dijit
.byId("editTagsDlg"))
1100 dijit
.byId("editTagsDlg").destroyRecursive();
1102 dialog
= new dijit
.Dialog({
1104 title
: __("Edit article Tags"),
1105 style
: "width: 600px",
1106 execute: function() {
1107 if (this.validate()) {
1108 var query
= dojo
.objectToQuery(this.attr('value'));
1110 notify_progress("Saving article tags...", true);
1112 new Ajax
.Request("backend.php", {
1114 onComplete: function(transport
) {
1118 var data
= JSON
.parse(transport
.responseText
);
1121 var tags_str
= article
.tags
;
1122 var id
= tags_str
.id
;
1124 var tags
= $("ATSTR-" + id
);
1125 var tooltip
= dijit
.byId("ATSTRTIP-" + id
);
1127 if (tags
) tags
.innerHTML
= tags_str
.content
;
1128 if (tooltip
) tooltip
.attr('label', tags_str
.content_full
);
1130 cache_delete("article:" + id
);
1139 var tmph
= dojo
.connect(dialog
, 'onLoad', function() {
1140 dojo
.disconnect(tmph
);
1142 new Ajax
.Autocompleter('tags_str', 'tags_choices',
1143 "backend.php?op=rpc&method=completeTags",
1144 { tokens
: ',', paramName
: "search" });
1151 function cdmScrollToArticleId(id
) {
1153 var ctr
= $("headlines-frame");
1154 var e
= $("RROW-" + id
);
1156 if (!e
|| !ctr
) return;
1158 if (e
.offsetTop
+e
.offsetHeight
> (ctr
.scrollTop
+ctr
.offsetHeight
) ||
1159 e
.offsetTop
< ctr
.scrollTop
) {
1161 ctr
.scrollTop
= e
.offsetTop
;
1165 exception_error("cdmScrollToArticleId", e
);
1169 function getActiveArticleId() {
1170 return active_post_id
;
1173 function postMouseIn(id
) {
1174 post_under_pointer
= id
;
1177 function postMouseOut(id
) {
1178 post_under_pointer
= false;
1181 function headlines_scroll_handler(e
) {
1183 var hsp
= $("headlines-spacer");
1185 if (!_infscroll_disable
) {
1186 if ((hsp
&& e
.scrollTop
+ e
.offsetHeight
>= hsp
.offsetTop
- hsp
.offsetHeight
) ||
1187 (e
.scrollHeight
!= 0 &&
1188 ((e
.scrollTop
+ e
.offsetHeight
) / e
.scrollHeight
>= 0.7))) {
1191 hsp
.innerHTML
= "<img src='images/indicator_tiny.gif'> " +
1192 __("Loading, please wait...");
1194 loadMoreHeadlines();
1199 if (hsp
) hsp
.innerHTML
= "";
1202 if (getInitParam("cdm_auto_catchup") == 1) {
1204 $$("#headlines-frame > div[id*=RROW][class*=Unread]").each(
1206 if ($("headlines-frame").scrollTop
>
1207 (child
.offsetTop
+ child
.offsetHeight
/2)) {
1209 var id
= child
.id
.replace("RROW-", "");
1211 if (catchup_id_batch
.indexOf(id
) == -1)
1212 catchup_id_batch
.push(id
);
1214 //console.log("auto_catchup_batch: " + catchup_id_batch.toString());
1218 if (catchup_id_batch
.length
> 0) {
1219 window
.clearTimeout(catchup_timeout_id
);
1221 if (!_infscroll_request_sent
) {
1222 catchup_timeout_id
= window
.setTimeout('catchupBatchedArticles()',
1229 console
.warn("headlines_scroll_handler: " + e
);
1233 function catchupBatchedArticles() {
1235 if (catchup_id_batch
.length
> 0 && !_infscroll_request_sent
) {
1237 // make a copy of the array
1238 var batch
= catchup_id_batch
.slice();
1239 var query
= "?op=rpc&method=catchupSelected" +
1240 "&cmode=0&ids=" + param_escape(batch
.toString());
1244 new Ajax
.Request("backend.php", {
1246 onComplete: function(transport
) {
1247 handle_rpc_json(transport
);
1249 batch
.each(function(id
) {
1250 var elem
= $("RROW-" + id
);
1251 if (elem
) elem
.removeClassName("Unread");
1252 catchup_id_batch
.remove(id
);
1259 exception_error("catchupBatchedArticles", e
);
1263 function catchupRelativeToArticle(below
, id
) {
1267 if (!id
) id
= getActiveArticleId();
1270 alert(__("No article is selected."));
1274 var visible_ids
= getVisibleArticleIds();
1276 var ids_to_mark
= new Array();
1279 for (var i
= 0; i
< visible_ids
.length
; i
++) {
1280 if (visible_ids
[i
] != id
) {
1281 var e
= $("RROW-" + visible_ids
[i
]);
1283 if (e
&& e
.hasClassName("Unread")) {
1284 ids_to_mark
.push(visible_ids
[i
]);
1291 for (var i
= visible_ids
.length
-1; i
>= 0; i
--) {
1292 if (visible_ids
[i
] != id
) {
1293 var e
= $("RROW-" + visible_ids
[i
]);
1295 if (e
&& e
.hasClassName("Unread")) {
1296 ids_to_mark
.push(visible_ids
[i
]);
1304 if (ids_to_mark
.length
== 0) {
1305 alert(__("No articles found to mark"));
1307 var msg
= __("Mark %d article(s) as read?").replace("%d", ids_to_mark
.length
);
1309 if (getInitParam("confirm_feed_catchup") != 1 || confirm(msg
)) {
1311 for (var i
= 0; i
< ids_to_mark
.length
; i
++) {
1312 var e
= $("RROW-" + ids_to_mark
[i
]);
1313 e
.removeClassName("Unread");
1316 var query
= "?op=rpc&method=catchupSelected" +
1317 "&cmode=0" + "&ids=" + param_escape(ids_to_mark
.toString());
1319 new Ajax
.Request("backend.php", {
1321 onComplete: function(transport
) {
1322 handle_rpc_json(transport
);
1329 exception_error("catchupRelativeToArticle", e
);
1333 function cdmExpandArticle(id
) {
1338 var elem
= $("CICD-" + active_post_id
);
1340 if (id
== active_post_id
&& Element
.visible(elem
))
1343 selectArticles("none");
1345 var old_offset
= $("RROW-" + id
).offsetTop
;
1347 if (active_post_id
&& elem
&& !getInitParam("cdm_expanded")) {
1349 Element
.show("CEXC-" + active_post_id
);
1352 active_post_id
= id
;
1354 elem
= $("CICD-" + id
);
1356 if (!Element
.visible(elem
)) {
1358 Element
.hide("CEXC-" + id
);
1361 /* var new_offset = $("RROW-" + id).offsetTop;
1363 $("headlines-frame").scrollTop += (new_offset-old_offset);
1365 if ($("RROW-" + id).offsetTop != old_offset)
1366 $("headlines-frame").scrollTop = new_offset; */
1368 toggleUnread(id
, 0, true);
1372 exception_error("cdmExpandArticle", e
);
1378 function fixHeadlinesOrder(ids
) {
1380 for (var i
= 0; i
< ids
.length
; i
++) {
1381 var e
= $("RROW-" + ids
[i
]);
1385 e
.removeClassName("even");
1386 e
.addClassName("odd");
1388 e
.removeClassName("odd");
1389 e
.addClassName("even");
1394 exception_error("fixHeadlinesOrder", e
);
1398 function getArticleUnderPointer() {
1399 return post_under_pointer
;
1402 function scrollArticle(offset
) {
1405 var ci
= $("content-insert");
1407 ci
.scrollTop
+= offset
;
1410 var hi
= $("headlines-frame");
1412 hi
.scrollTop
+= offset
;
1417 exception_error("scrollArticle", e
);
1421 function show_labels_in_headlines(transport
) {
1423 var data
= JSON
.parse(transport
.responseText
);
1426 data
['info-for-headlines'].each(function(elem
) {
1427 var ctr
= $("HLLCTR-" + elem
.id
);
1429 if (ctr
) ctr
.innerHTML
= elem
.labels
;
1432 cache_headlines(getActiveFeedId(), activeFeedIsCat(), null, $("headlines-frame").innerHTML
);
1436 exception_error("show_labels_in_headlines", e
);
1440 function dismissArticle(id
) {
1442 var elem
= $("RROW-" + id
);
1444 toggleUnread(id
, 0, true);
1446 new Effect
.Fade(elem
, {duration
: 0.5});
1448 active_post_id
= false;
1451 exception_error("dismissArticle", e
);
1455 function dismissSelectedArticles() {
1458 var ids
= getVisibleArticleIds();
1462 for (var i
= 0; i
< ids
.length
; i
++) {
1463 var elem
= $("RROW-" + ids
[i
]);
1465 if (elem
.className
&& elem
.hasClassName("Selected") &&
1466 ids
[i
] != active_post_id
) {
1467 new Effect
.Fade(elem
, {duration
: 0.5});
1475 selectionToggleUnread(false);
1477 fixHeadlinesOrder(tmp
);
1480 exception_error("dismissSelectedArticles", e
);
1484 function dismissReadArticles() {
1487 var ids
= getVisibleArticleIds();
1490 for (var i
= 0; i
< ids
.length
; i
++) {
1491 var elem
= $("RROW-" + ids
[i
]);
1493 if (elem
.className
&& !elem
.hasClassName("Unread") &&
1494 !elem
.hasClassName("Selected")) {
1496 new Effect
.Fade(elem
, {duration
: 0.5});
1502 fixHeadlinesOrder(tmp
);
1505 exception_error("dismissSelectedArticles", e
);
1509 function getVisibleArticleIds() {
1514 getLoadedArticleIds().each(function(id
) {
1515 var elem
= $("RROW-" + id
);
1516 if (elem
&& Element
.visible(elem
))
1521 exception_error("getVisibleArticleIds", e
);
1527 function cdmClicked(event
, id
) {
1529 //var shift_key = event.shiftKey;
1533 if (!event
.ctrlKey
) {
1535 if (!getInitParam("cdm_expanded")) {
1536 return cdmExpandArticle(id
);
1539 selectArticles("none");
1542 var elem
= $("RROW-" + id
);
1543 var article_is_unread
= elem
.hasClassName("Unread");
1546 elem
.removeClassName("Unread");
1548 active_post_id
= id
;
1550 if (article_is_unread
) {
1551 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1554 var query
= "?op=rpc&method=catchupSelected" +
1555 "&cmode=0&ids=" + param_escape(id
);
1557 new Ajax
.Request("backend.php", {
1559 onComplete: function(transport
) {
1560 handle_rpc_json(transport
);
1567 toggleSelected(id
, true);
1569 var elem
= $("RROW-" + id
);
1570 var article_is_unread
= elem
.hasClassName("Unread");
1572 if (article_is_unread
) {
1573 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1576 toggleUnread(id
, 0, false);
1578 openArticleInNewWindow(id
);
1581 var unread_in_buffer
= $$("#headlines-frame > div[id*=RROW][class*=Unread]").length
1582 request_counters(unread_in_buffer
== 0);
1585 exception_error("cdmClicked");
1591 function hlClicked(event
, id
) {
1593 if (event
.which
== 2) {
1596 } else if (event
.ctrlKey
) {
1597 toggleSelected(id
, true);
1598 toggleUnread(id
, 0, false);
1599 openArticleInNewWindow(id
);
1607 exception_error("hlClicked");
1611 function getFirstVisibleHeadlineId() {
1612 var rows
= getVisibleArticleIds();
1617 function getLastVisibleHeadlineId() {
1618 var rows
= getVisibleArticleIds();
1619 return rows
[rows
.length
-1];
1622 function openArticleInNewWindow(id
) {
1623 toggleUnread(id
, 0, false);
1624 window
.open("backend.php?op=article&method=redirect&id=" + id
);
1627 function isCdmMode() {
1628 return getInitParam("combined_display_mode");
1631 function markHeadline(id
) {
1632 var row
= $("RROW-" + id
);
1634 var check
= dijit
.byId("RCHK-" + id
);
1637 check
.attr("checked", true);
1640 row
.addClassName("Selected");
1644 function getRelativePostIds(id
, limit
) {
1650 if (!limit
) limit
= 6; //3
1652 var ids
= getVisibleArticleIds();
1654 for (var i
= 0; i
< ids
.length
; i
++) {
1656 for (var k
= 1; k
<= limit
; k
++) {
1657 //if (i > k-1) tmp.push(ids[i-k]);
1658 if (i
< ids
.length
-k
) tmp
.push(ids
[i
+k
]);
1665 exception_error("getRelativePostIds", e
);
1671 function correctHeadlinesOffset(id
) {
1675 var container
= $("headlines-frame");
1676 var row
= $("RROW-" + id
);
1678 if (!container
|| !row
) return;
1680 var viewport
= container
.offsetHeight
;
1682 var rel_offset_top
= row
.offsetTop
- container
.scrollTop
;
1683 var rel_offset_bottom
= row
.offsetTop
+ row
.offsetHeight
- container
.scrollTop
;
1685 //console.log("Rtop: " + rel_offset_top + " Rbtm: " + rel_offset_bottom);
1686 //console.log("Vport: " + viewport);
1688 if (rel_offset_top
<= 0 || rel_offset_top
> viewport
) {
1689 container
.scrollTop
= row
.offsetTop
;
1690 } else if (rel_offset_bottom
> viewport
) {
1692 /* doesn't properly work with Opera in some cases because
1693 Opera fucks up element scrolling */
1695 container
.scrollTop
= row
.offsetTop
+ row
.offsetHeight
- viewport
;
1699 exception_error("correctHeadlinesOffset", e
);
1704 function headlineActionsChange(elem
) {
1707 elem
.attr('value', 'false');
1709 exception_error("headlineActionsChange", e
);
1713 function closeArticlePanel() {
1715 if (dijit
.byId("content-insert"))
1716 dijit
.byId("headlines-wrap-inner").removeChild(
1717 dijit
.byId("content-insert"));
1720 function initHeadlinesMenu() {
1722 if (dijit
.byId("headlinesMenu"))
1723 dijit
.byId("headlinesMenu").destroyRecursive();
1728 nodes
= $$("#headlines-frame > div[id*=RROW]");
1730 nodes
= $$("#headlines-frame span[id*=RTITLE]");
1733 nodes
.each(function(node
) {
1737 var menu
= new dijit
.Menu({
1738 id
: "headlinesMenu",
1742 var tmph
= dojo
.connect(menu
, '_openMyself', function (event
) {
1743 var callerNode
= event
.target
, match
= null, tries
= 0;
1745 while (match
== null && callerNode
&& tries
<= 3) {
1746 match
= callerNode
.id
.match("^[A-Z]+[-]([0-9]+)$");
1747 callerNode
= callerNode
.parentNode
;
1751 if (match
) this.callerRowId
= parseInt(match
[1]);
1755 /* if (!isCdmMode())
1756 menu.addChild(new dijit.MenuItem({
1757 label: __("View article"),
1758 onClick: function(event) {
1759 view(this.getParent().callerRowId);
1762 menu
.addChild(new dijit
.MenuItem({
1763 label
: __("Open original article"),
1764 onClick: function(event
) {
1765 openArticleInNewWindow(this.getParent().callerRowId
);
1768 menu
.addChild(new dijit
.MenuSeparator());
1770 menu
.addChild(new dijit
.MenuItem({
1771 label
: __("Mark above as read"),
1772 onClick: function(event
) {
1773 catchupRelativeToArticle(0, this.getParent().callerRowId
);
1776 menu
.addChild(new dijit
.MenuItem({
1777 label
: __("Mark below as read"),
1778 onClick: function(event
) {
1779 catchupRelativeToArticle(1, this.getParent().callerRowId
);
1783 var labels
= dijit
.byId("feedTree").model
.getItemsInCategory(-2);
1787 menu
.addChild(new dijit
.MenuSeparator());
1789 var labelAddMenu
= new dijit
.Menu({ownerMenu
: menu
});
1790 var labelDelMenu
= new dijit
.Menu({ownerMenu
: menu
});
1792 labels
.each(function(label
) {
1793 var id
= label
.id
[0];
1794 var bare_id
= id
.substr(id
.indexOf(":")+1);
1795 var name
= label
.name
[0];
1797 bare_id
= -11-bare_id
;
1799 labelAddMenu
.addChild(new dijit
.MenuItem({
1802 onClick: function(event
) {
1803 var ids
= getSelectedArticleIds2();
1805 var id
= this.getParent().ownerMenu
.callerRowId
+ "";
1807 ids
= ids
.size() != 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1809 selectionAssignLabel(this.labelId
, ids
);
1812 labelDelMenu
.addChild(new dijit
.MenuItem({
1815 onClick: function(event
) {
1816 var ids
= getSelectedArticleIds2();
1818 var id
= this.getParent().ownerMenu
.callerRowId
+ "";
1820 ids
= ids
.size() != 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1822 selectionRemoveLabel(this.labelId
, ids
);
1827 menu
.addChild(new dijit
.PopupMenuItem({
1828 label
: __("Assign label"),
1829 popup
: labelAddMenu
,
1832 menu
.addChild(new dijit
.PopupMenuItem({
1833 label
: __("Remove label"),
1834 popup
: labelDelMenu
,
1842 exception_error("initHeadlinesMenu", e
);
1847 function player(elem
) {
1848 var aid
= elem
.getAttribute("audio-id");
1849 var status
= elem
.getAttribute("status");
1857 elem
.innerHTML
= __("Playing...");
1858 elem
.title
= __("Click to pause");
1859 elem
.addClassName("playing");
1863 elem
.innerHTML
= __("Play");
1864 elem
.title
= __("Click to play");
1865 elem
.removeClassName("playing");
1868 elem
.setAttribute("status", status
);
1870 alert("Your browser doesn't seem to support HTML5 audio.");
1874 function cache_set(id
, obj
) {
1875 //console.log("cache_set: " + id);
1878 sessionStorage
[id
] = obj
;
1880 sessionStorage
.clear();
1884 function cache_get(id
) {
1886 return sessionStorage
[id
];
1889 function cache_clear() {
1891 sessionStorage
.clear();
1894 function cache_delete(id
) {
1896 sessionStorage
.removeItem(id
);
1899 function cache_headlines(feed
, is_cat
, toolbar_obj
, content_obj
) {
1900 if (toolbar_obj
&& content_obj
) {
1901 cache_set("feed:" + feed
+ ":" + is_cat
,
1902 JSON
.stringify({toolbar
: toolbar_obj
, content
: content_obj
}));
1905 obj
= cache_get("feed:" + feed
+ ":" + is_cat
);
1908 obj
= JSON
.parse(obj
);
1910 if (toolbar_obj
) obj
.toolbar
= toolbar_obj
;
1911 if (content_obj
) obj
.content
= content_obj
;
1913 cache_set("feed:" + feed
+ ":" + is_cat
, JSON
.stringify(obj
));
1917 console
.warn("cache_headlines failed: " + e
);
1922 function render_local_headlines(feed
, is_cat
, obj
) {
1925 dijit
.byId("headlines-toolbar").attr('content',
1928 dijit
.byId("headlines-frame").attr('content',
1931 dojo
.parser
.parse('headlines-toolbar');
1933 $("headlines-frame").scrollTop
= 0;
1934 selectArticles('none');
1935 setActiveFeedId(feed
, is_cat
);
1936 initHeadlinesMenu();
1938 dijit
.getEnclosingWidget(
1939 document
.forms
["main_toolbar_form"].update
).attr('disabled',
1940 is_cat
|| feed
<= 0);
1942 precache_headlines();
1945 exception_error("render_local_headlines", e
);
1949 function precache_headlines_idle() {
1951 if (getInitParam("bw_limit") != "1" && !feed_precache_timeout_id
) {
1952 if (get_timestamp() - _viewfeed_last
> 120) {
1954 var feeds
= dijit
.byId("feedTree").getVisibleUnreadFeeds();
1957 feeds
.each(function(item
) {
1958 if (parseInt(item
[0]) > 0 && !cache_get("feed:" + item
[0] + ":" + item
[1]))
1959 uncached
.push(item
);
1962 if (uncached
.length
> 0) {
1963 var rf
= uncached
[Math
.floor(Math
.random()*uncached
.length
)];
1964 viewfeed(rf
[0], '', rf
[1], 0, true);
1968 precache_idle_timeout_id
= setTimeout("precache_headlines_idle()", 1000*30);
1971 exception_error("precache_headlines_idle", e
);
1975 function precache_headlines() {
1977 if (getInitParam("bw_limit") != "1" && !feed_precache_timeout_id
) {
1979 feed_precache_timeout_id
= window
.setTimeout(function() {
1980 var nuf
= getNextUnreadFeed(getActiveFeedId(), activeFeedIsCat());
1981 var nf
= dijit
.byId("feedTree").getNextFeed(getActiveFeedId(), activeFeedIsCat());
1983 if (nuf
&& !cache_get("feed:" + nuf
+ ":" + activeFeedIsCat()))
1984 viewfeed(nuf
, '', activeFeedIsCat(), 0, true);
1986 if (nf
&& nf
[0] != nuf
&& !cache_get("feed:" + nf
[0] + ":" + nf
[1]))
1987 viewfeed(nf
[0], '', nf
[1], 0, true);
1989 window
.setTimeout(function() {
1990 feed_precache_timeout_id
= false;
1996 exception_error("precache_headlines", e
);
2000 function cancelSearch() {
2005 exception_error("cancelSearch", e
);
2009 function setSelectionScore() {
2011 var ids
= getSelectedArticleIds2();
2013 if (ids
.length
> 0) {
2016 var score
= prompt(__("Please enter new score for selected articles:"), score
);
2018 if (score
!= undefined) {
2019 var query
= "op=rpc&method=setScore&id=" + param_escape(ids
.toString()) +
2020 "&score=" + param_escape(score
);
2022 new Ajax
.Request("backend.php", {
2024 onComplete: function(transport
) {
2025 var reply
= JSON
.parse(transport
.responseText
);
2029 ids
.each(function(id
) {
2030 var row
= $("RROW-" + id
);
2033 var pic
= row
.getElementsByClassName("hlScorePic")[0];
2036 pic
.src
= pic
.src
.replace(/score_.*?\.png/,
2037 reply
["score_pic"]);
2038 pic
.setAttribute("score", score
);
2047 alert(__("No articles are selected."));
2050 exception_error("setSelectionScore", e
);
2054 function changeScore(id
, pic
) {
2056 var score
= pic
.getAttribute("score");
2058 var new_score
= prompt(__("Please enter new score for this article:"), score
);
2060 if (new_score
!= undefined) {
2062 var query
= "op=rpc&method=setScore&id=" + param_escape(id
) +
2063 "&score=" + param_escape(new_score
);
2065 new Ajax
.Request("backend.php", {
2067 onComplete: function(transport
) {
2068 var reply
= JSON
.parse(transport
.responseText
);
2071 pic
.src
= pic
.src
.replace(/score_.*?\.png/, reply
["score_pic"]);
2072 pic
.setAttribute("score", new_score
);
2077 exception_error("changeScore", e
);