]>
git.wh0rd.org - tt-rss.git/blob - js/viewfeed.js
1 var article_cache
= new Array();
3 var _active_article_id
= 0;
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;
13 var cids_requested
= [];
14 var loaded_article_ids
= [];
16 var _post_preview_timeout
= false;
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>";
53 setActiveFeedId(feed_id
, is_cat
);
55 dijit
.getEnclosingWidget(
56 document
.forms
["main_toolbar_form"].update
).attr('disabled',
57 is_cat
|| feed_id
<= 0);
60 if (infscroll_req
== false) {
61 $("headlines-frame").scrollTop
= 0;
65 var headlines_count
= reply
['headlines-info']['count'];
67 vgroup_last_feed
= reply
['headlines-info']['vgroup_last_feed'];
69 if (parseInt(headlines_count
) < getInitParam("default_article_limit")) {
70 _infscroll_disable
= 1;
72 _infscroll_disable
= 0;
75 var counters
= reply
['counters'];
76 var articles
= reply
['articles'];
77 //var runtime_info = reply['runtime-info'];
79 if (infscroll_req
== false) {
80 loaded_article_ids
= [];
82 dijit
.byId("headlines-frame").attr('content',
83 reply
['headlines']['content']);
85 dijit
.byId("headlines-toolbar").attr('content',
86 reply
['headlines']['toolbar']);
88 $$("#headlines-frame > div[id*=RROW]").each(function(row
) {
89 if (loaded_article_ids
.indexOf(row
.id
) != -1) {
90 row
.parentNode
.removeChild(row
);
92 loaded_article_ids
.push(row
.id
);
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
);
105 $("feed_title").innerHTML
+= "<span id='cancel_search'>" +
106 " (<a href='#' onclick='cancelSearch()'>" + __("Cancel search") + "</a>)" +
112 if (headlines_count
> 0 && feed_id
== getActiveFeedId() && is_cat
== activeFeedIsCat()) {
113 console
.log("adding some more headlines: " + headlines_count
);
115 var c
= dijit
.byId("headlines-frame");
116 var ids
= getSelectedArticleIds2();
119 $("headlines-tmp").innerHTML
= reply
['headlines']['content'];
121 var hsp
= $("headlines-spacer");
124 c
.domNode
.removeChild(hsp
);
126 $$("#headlines-tmp > div").each(function(row
) {
127 if (row
.className
== 'cdmFeedTitle') {
128 row
.style
.display
= 'none';
129 c
.domNode
.appendChild(row
);
131 } else if (loaded_article_ids
.indexOf(row
.id
) == -1) {
132 row
.style
.display
= 'none';
133 c
.domNode
.appendChild(row
);
135 loaded_article_ids
.push(row
.id
);
137 row
.parentNode
.removeChild(row
);
141 if (!hsp
) hsp
= new Element("DIV", {"id": "headlines-spacer"});
143 fixHeadlinesOrder(getLoadedArticleIds());
145 if (getInitParam("cdm_auto_catchup") == 1) {
146 c
.domNode
.appendChild(hsp
);
149 console
.log("added " + new_elems
.size() + " headlines");
151 if (new_elems
.size() == 0)
152 _infscroll_disable
= true;
154 console
.log("restore selected ids: " + ids
);
156 for (var i
= 0; i
< ids
.length
; i
++) {
157 markHeadline(ids
[i
]);
162 new_elems
.each(function(child
) {
163 var cb
= dijit
.byId(child
.id
.replace("RROW-", "RCHK-"));
166 dojo
.parser
.parse(child
);
168 if (!Element
.visible(child
))
169 new Effect
.Appear(child
, { duration
: 0.5 });
171 c
.domNode
.removeChild(child
);
176 console
.log("no new headlines received");
178 var hsp
= $("headlines-spacer");
180 if (hsp
) hsp
.innerHTML
= "";
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']);
190 console
.log("no cached articles received");
194 parse_counters(counters
);
196 request_counters(true);
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)') +
204 //notify_error("Error communicating with server.");
205 Element
.show(dijit
.byId("net-alert").domNode
);
208 _infscroll_request_sent
= 0;
210 unpackVisibleHeadlines();
215 exception_error("headlines_callback2", e
, transport
);
219 function render_article(article
) {
221 dijit
.byId("headlines-wrap-inner").addChild(
222 dijit
.byId("content-insert"));
224 var c
= dijit
.byId("content-insert");
227 c
.domNode
.scrollTop
= 0;
230 c
.attr('content', article
);
232 correctHeadlinesOffset(getActiveArticleId());
239 exception_error("render_article", e
);
243 function showArticleInHeadlines(id
) {
246 selectArticles("none");
248 var crow
= $("RROW-" + id
);
252 var article_is_unread
= crow
.hasClassName("Unread");
254 crow
.removeClassName("Unread");
255 crow
.addClassName("active");
257 selectArticles('none');
259 var view_mode
= false;
262 view_mode
= document
.forms
['main_toolbar_form'].view_mode
;
263 view_mode
= view_mode
[view_mode
.selectedIndex
].value
;
270 if (article_is_unread
)
271 _force_scheduled_update
= true;
274 exception_error("showArticleInHeadlines", e
);
278 function article_callback2(transport
, id
) {
280 console
.log("article_callback2 " + id
);
282 handle_rpc_json(transport
);
287 reply
= JSON
.parse(transport
.responseText
);
294 reply
.each(function(article
) {
295 if (getActiveArticleId() == article
['id']) {
296 render_article(article
['content']);
298 cids_requested
.remove(article
['id']);
300 cache_set("article:" + article
['id'], article
['content']);
303 // if (id != last_requested_article) {
304 // console.log("requested article id is out of sequence, aborting");
308 } else if (transport
.responseText
) {
309 console
.error("Invalid object received: " + transport
.responseText
);
311 render_article("<div class='whiteBox'>" +
312 __('Could not display article (invalid object received - see error console for details)') + "</div>");
314 Element
.show(dijit
.byId("net-alert").domNode
);
317 var unread_in_buffer
= $$("#headlines-frame > div[id*=RROW][class*=Unread]").length
318 request_counters(unread_in_buffer
== 0);
320 //headlines_scroll_handler($("headlines-frame"));
323 if (!_infscroll_disable &&
324 $$("#headlines-frame > div[id*=RROW]").last().hasClassName("Selected")) {
334 exception_error("article_callback2", e
, transport
);
340 var oldrow
= $("RROW-" + getActiveArticleId());
341 if (oldrow
) oldrow
.removeClassName("active");
343 var crow
= $("RROW-" + id
);
347 console
.log("loading article: " + id
);
349 var cached_article
= cache_get("article:" + id
);
351 console
.log("cache check result: " + (cached_article
!= false));
353 var query
= "?op=article&method=view&id=" + param_escape(id
);
355 var neighbor_ids
= getRelativePostIds(id
);
357 /* only request uncached articles */
359 var cids_to_request
= [];
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
]);
369 console
.log("additional ids: " + cids_to_request
.toString());
371 query
= query
+ "&cids=" + cids_to_request
.toString();
373 var article_is_unread
= crow
.hasClassName("Unread");
375 setActiveArticleId(id
);
376 showArticleInHeadlines(id
);
378 if (cached_article
&& article_is_unread
) {
380 query
= query
+ "&mode=prefetch";
382 render_article(cached_article
);
384 } else if (cached_article
) {
386 query
= query
+ "&mode=prefetch_old";
387 render_article(cached_article
);
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) {
394 if (!_infscroll_disable &&
395 $$("#headlines-frame > div[id*=RROW]").last().hasClassName("Selected")) {
403 //headlines_scroll_handler($("headlines-frame"));
409 last_requested_article
= id
;
413 if (article_is_unread
) {
414 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
417 new Ajax
.Request("backend.php", {
419 onComplete: function(transport
) {
420 article_callback2(transport
, id
);
426 exception_error("view", e
);
430 function toggleMark(id
, client_only
) {
432 var query
= "?op=rpc&id=" + id
+ "&method=mark";
434 var img
= $("FMPIC-" + id
);
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";
444 img
.src
= img
.src
.replace("mark_set", "mark_unset");
445 img
.alt
= __("Star article");
446 query
= query
+ "&mark=0";
450 new Ajax
.Request("backend.php", {
452 onComplete: function(transport
) {
453 handle_rpc_json(transport
);
458 exception_error("toggleMark", e
);
462 function togglePub(id
, client_only
, no_effects
, note
) {
464 var query
= "?op=rpc&id=" + id
+ "&method=publ";
466 if (note
!= undefined) {
467 query
= query
+ "¬e=" + param_escape(note
);
469 query
= query
+ "¬e=undefined";
472 var img
= $("FPPIC-" + id
);
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";
482 img
.src
= img
.src
.replace("pub_set", "pub_unset");
483 img
.alt
= __("Publish article");
485 query
= query
+ "&pub=0";
489 new Ajax
.Request("backend.php", {
491 onComplete: function(transport
) {
492 handle_rpc_json(transport
);
497 exception_error("togglePub", e
);
501 function moveToPost(mode
, noscroll
) {
505 var rows
= getVisibleArticleIds();
510 if (!$('RROW-' + getActiveArticleId())) {
511 setActiveArticleId(0);
514 if (!getActiveArticleId()) {
516 prev_id
= rows
[rows
.length
-1]
518 for (var i
= 0; i
< rows
.length
; i
++) {
519 if (rows
[i
] == getActiveArticleId()) {
521 // Account for adjacent identical article ids.
522 if (i
> 0) prev_id
= rows
[i
-1];
524 for (var j
= i
+1; j
< rows
.length
; j
++) {
525 if (rows
[j
] != getActiveArticleId()) {
535 if (mode
== "next") {
536 if (next_id
|| getActiveArticleId()) {
539 var article
= $("RROW-" + getActiveArticleId());
540 var ctr
= $("headlines-frame");
542 if (!noscroll
&& article
&& article
.offsetTop
+ article
.offsetHeight
>
543 ctr
.scrollTop
+ ctr
.offsetHeight
) {
545 scrollArticle(ctr
.offsetHeight
/4);
547 } else if (next_id
) {
548 cdmExpandArticle(next_id
);
549 cdmScrollToArticleId(next_id
, true);
552 } else if (next_id
) {
553 correctHeadlinesOffset(next_id
);
554 view(next_id
, getActiveFeedId());
559 if (mode
== "prev") {
560 if (prev_id
|| getActiveArticleId()) {
563 var article
= $("RROW-" + getActiveArticleId());
564 var prev_article
= $("RROW-" + prev_id
);
565 var ctr
= $("headlines-frame");
567 if (!getInitParam("cdm_expanded")) {
569 if (!noscroll
&& article
.offsetTop
< ctr
.scrollTop
) {
570 scrollArticle(-ctr
.offsetHeight
/4);
572 cdmExpandArticle(prev_id
);
573 cdmScrollToArticleId(prev_id
, true);
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
);
589 } else if (prev_id
) {
590 correctHeadlinesOffset(prev_id
);
591 view(prev_id
, getActiveFeedId());
597 exception_error("moveToPost", e
);
601 function toggleSelected(id
, force_on
) {
604 var cb
= dijit
.byId("RCHK-" + id
);
605 var row
= $("RROW-" + id
);
608 if (row
.hasClassName('Selected') && !force_on
) {
609 row
.removeClassName('Selected');
610 if (cb
) cb
.attr("checked", false);
612 row
.addClassName('Selected');
613 if (cb
) cb
.attr("checked", true);
617 exception_error("toggleSelected", e
);
621 function toggleUnread_afh(effect
) {
624 var elem
= effect
.element
;
625 elem
.style
.backgroundColor
= "";
628 exception_error("toggleUnread_afh", e
);
632 function toggleUnread(id
, cmode
, effect
) {
635 var row
= $("RROW-" + id
);
637 if (cmode
== undefined || cmode
== 2) {
638 if (row
.hasClassName("Unread")) {
639 row
.removeClassName("Unread");
642 row
.addClassName("Unread");
645 } else if (cmode
== 0) {
647 row
.removeClassName("Unread");
649 } else if (cmode
== 1) {
650 row
.addClassName("Unread");
653 if (cmode
== undefined) cmode
= 2;
655 var query
= "?op=rpc&method=catchupSelected" +
656 "&cmode=" + param_escape(cmode
) + "&ids=" + param_escape(id
);
658 // notify_progress("Loading, please wait...");
660 new Ajax
.Request("backend.php", {
662 onComplete: function(transport
) {
663 handle_rpc_json(transport
);
669 exception_error("toggleUnread", e
);
673 function selectionRemoveLabel(id
, ids
) {
676 if (!ids
) ids
= getSelectedArticleIds2();
678 if (ids
.length
== 0) {
679 alert(__("No articles are selected."));
683 var query
= "?op=rpc&method=removeFromLabel&ids=" +
684 param_escape(ids
.toString()) + "&lid=" + param_escape(id
);
688 new Ajax
.Request("backend.php", {
690 onComplete: function(transport
) {
691 handle_rpc_json(transport
);
692 show_labels_in_headlines(transport
);
696 exception_error("selectionAssignLabel", e
);
701 function selectionAssignLabel(id
, ids
) {
704 if (!ids
) ids
= getSelectedArticleIds2();
706 if (ids
.length
== 0) {
707 alert(__("No articles are selected."));
711 var query
= "?op=rpc&method=assignToLabel&ids=" +
712 param_escape(ids
.toString()) + "&lid=" + param_escape(id
);
716 new Ajax
.Request("backend.php", {
718 onComplete: function(transport
) {
719 handle_rpc_json(transport
);
720 show_labels_in_headlines(transport
);
724 exception_error("selectionAssignLabel", e
);
729 function selectionToggleUnread(set_state
, callback
, no_error
) {
731 var rows
= getSelectedArticleIds2();
733 if (rows
.length
== 0 && !no_error
) {
734 alert(__("No articles are selected."));
738 for (var i
= 0; i
< rows
.length
; i
++) {
739 var row
= $("RROW-" + rows
[i
]);
741 if (set_state
== undefined) {
742 if (row
.hasClassName("Unread")) {
743 row
.removeClassName("Unread");
745 row
.addClassName("Unread");
749 if (set_state
== false) {
750 row
.removeClassName("Unread");
753 if (set_state
== true) {
754 row
.addClassName("Unread");
759 if (rows
.length
> 0) {
763 if (set_state
== undefined) {
765 } else if (set_state
== true) {
767 } else if (set_state
== false) {
771 var query
= "?op=rpc&method=catchupSelected" +
772 "&cmode=" + cmode
+ "&ids=" + param_escape(rows
.toString());
774 notify_progress("Loading, please wait...");
776 new Ajax
.Request("backend.php", {
778 onComplete: function(transport
) {
779 handle_rpc_json(transport
);
780 if (callback
) callback(transport
);
786 exception_error("selectionToggleUnread", e
);
790 function selectionToggleMarked() {
793 var rows
= getSelectedArticleIds2();
795 if (rows
.length
== 0) {
796 alert(__("No articles are selected."));
800 for (var i
= 0; i
< rows
.length
; i
++) {
801 toggleMark(rows
[i
], true, true);
804 if (rows
.length
> 0) {
806 var query
= "?op=rpc&method=markSelected&ids=" +
807 param_escape(rows
.toString()) + "&cmode=2";
809 new Ajax
.Request("backend.php", {
811 onComplete: function(transport
) {
812 handle_rpc_json(transport
);
818 exception_error("selectionToggleMarked", e
);
822 function selectionTogglePublished() {
825 var rows
= getSelectedArticleIds2();
827 if (rows
.length
== 0) {
828 alert(__("No articles are selected."));
832 for (var i
= 0; i
< rows
.length
; i
++) {
833 togglePub(rows
[i
], true, true);
836 if (rows
.length
> 0) {
838 var query
= "?op=rpc&method=publishSelected&ids=" +
839 param_escape(rows
.toString()) + "&cmode=2";
841 new Ajax
.Request("backend.php", {
843 onComplete: function(transport
) {
844 handle_rpc_json(transport
);
850 exception_error("selectionToggleMarked", e
);
854 function getSelectedArticleIds2() {
858 $$("#headlines-frame > div[id*=RROW][class*=Selected]").each(
860 rv
.push(child
.id
.replace("RROW-", ""));
866 function getLoadedArticleIds() {
869 var children
= $$("#headlines-frame > div[id*=RROW-]");
871 children
.each(function(child
) {
872 rv
.push(child
.id
.replace("RROW-", ""));
879 // mode = all,none,unread,invert,marked,published
880 function selectArticles(mode
) {
883 var children
= $$("#headlines-frame > div[id*=RROW]");
885 children
.each(function(child
) {
886 var id
= child
.id
.replace("RROW-", "");
887 var cb
= dijit
.byId("RCHK-" + id
);
890 child
.addClassName("Selected");
891 if (cb
) cb
.attr("checked", true);
892 } else if (mode
== "unread") {
893 if (child
.hasClassName("Unread")) {
894 child
.addClassName("Selected");
895 if (cb
) cb
.attr("checked", true);
897 child
.removeClassName("Selected");
898 if (cb
) cb
.attr("checked", false);
900 } else if (mode
== "marked") {
901 var img
= $("FMPIC-" + child
.id
.replace("RROW-", ""));
903 if (img
&& img
.src
.match("mark_set")) {
904 child
.addClassName("Selected");
905 if (cb
) cb
.attr("checked", true);
907 child
.removeClassName("Selected");
908 if (cb
) cb
.attr("checked", false);
910 } else if (mode
== "published") {
911 var img
= $("FPPIC-" + child
.id
.replace("RROW-", ""));
913 if (img
&& img
.src
.match("pub_set")) {
914 child
.addClassName("Selected");
915 if (cb
) cb
.attr("checked", true);
917 child
.removeClassName("Selected");
918 if (cb
) cb
.attr("checked", false);
921 } else if (mode
== "invert") {
922 if (child
.hasClassName("Selected")) {
923 child
.removeClassName("Selected");
924 if (cb
) cb
.attr("checked", false);
926 child
.addClassName("Selected");
927 if (cb
) cb
.attr("checked", true);
931 child
.removeClassName("Selected");
932 if (cb
) cb
.attr("checked", false);
937 exception_error("selectArticles", e
);
941 function catchupPage() {
943 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
945 var str
= __("Mark all visible articles in %s as read?");
947 str
= str
.replace("%s", fn
);
949 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
953 selectArticles('all');
954 selectionToggleUnread(false, 'viewCurrentFeed()', true);
955 selectArticles('none');
958 function deleteSelection() {
962 var rows
= getSelectedArticleIds2();
964 if (rows
.length
== 0) {
965 alert(__("No articles are selected."));
969 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
972 if (getActiveFeedId() != 0) {
973 str
= ngettext("Delete %d selected article in %s?", "Delete %d selected articles in %s?" , rows
.length
);
975 str
= ngettext("Delete %d selected article?", "Delete %d selected articles?", rows
.length
);
978 str
= str
.replace("%d", rows
.length
);
979 str
= str
.replace("%s", fn
);
981 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
985 query
= "?op=rpc&method=delete&ids=" + param_escape(rows
);
989 new Ajax
.Request("backend.php", {
991 onComplete: function(transport
) {
992 handle_rpc_json(transport
);
997 exception_error("deleteSelection", e
);
1001 function archiveSelection() {
1005 var rows
= getSelectedArticleIds2();
1007 if (rows
.length
== 0) {
1008 alert(__("No articles are selected."));
1012 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
1016 if (getActiveFeedId() != 0) {
1017 str
= ngettext("Archive %d selected article in %s?", "Archive %d selected articles in %s?", rows
.length
);
1020 str
= ngettext("Move %d archived article back?", "Move %d archived articles back?", rows
.length
);
1024 str
= str
.replace("%d", rows
.length
);
1025 str
= str
.replace("%s", fn
);
1027 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
1031 query
= "?op=rpc&method="+op
+"&ids=" + param_escape(rows
);
1035 for (var i
= 0; i
< rows
.length
; i
++) {
1036 cache_delete("article:" + rows
[i
]);
1039 new Ajax
.Request("backend.php", {
1041 onComplete: function(transport
) {
1042 handle_rpc_json(transport
);
1047 exception_error("archiveSelection", e
);
1051 function catchupSelection() {
1055 var rows
= getSelectedArticleIds2();
1057 if (rows
.length
== 0) {
1058 alert(__("No articles are selected."));
1062 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
1064 var str
= ngettext("Mark %d selected article in %s as read?", "Mark %d selected articles in %s as read?", rows
.length
);
1066 str
= str
.replace("%d", rows
.length
);
1067 str
= str
.replace("%s", fn
);
1069 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
1073 selectionToggleUnread(false, 'viewCurrentFeed()', true);
1076 exception_error("catchupSelection", e
);
1080 function editArticleTags(id
) {
1081 var query
= "backend.php?op=dlg&method=editArticleTags¶m=" + param_escape(id
);
1083 if (dijit
.byId("editTagsDlg"))
1084 dijit
.byId("editTagsDlg").destroyRecursive();
1086 dialog
= new dijit
.Dialog({
1088 title
: __("Edit article Tags"),
1089 style
: "width: 600px",
1090 execute: function() {
1091 if (this.validate()) {
1092 var query
= dojo
.objectToQuery(this.attr('value'));
1094 notify_progress("Saving article tags...", true);
1096 new Ajax
.Request("backend.php", {
1098 onComplete: function(transport
) {
1102 var data
= JSON
.parse(transport
.responseText
);
1105 var tags_str
= article
.tags
;
1106 var id
= tags_str
.id
;
1108 var tags
= $("ATSTR-" + id
);
1109 var tooltip
= dijit
.byId("ATSTRTIP-" + id
);
1111 if (tags
) tags
.innerHTML
= tags_str
.content
;
1112 if (tooltip
) tooltip
.attr('label', tags_str
.content_full
);
1114 cache_delete("article:" + id
);
1123 var tmph
= dojo
.connect(dialog
, 'onLoad', function() {
1124 dojo
.disconnect(tmph
);
1126 new Ajax
.Autocompleter('tags_str', 'tags_choices',
1127 "backend.php?op=rpc&method=completeTags",
1128 { tokens
: ',', paramName
: "search" });
1135 function cdmScrollToArticleId(id
, force
) {
1137 var ctr
= $("headlines-frame");
1138 var e
= $("RROW-" + id
);
1140 if (!e
|| !ctr
) return;
1142 if (force
|| e
.offsetTop
+e
.offsetHeight
> (ctr
.scrollTop
+ctr
.offsetHeight
) ||
1143 e
.offsetTop
< ctr
.scrollTop
) {
1145 // expanded cdm has a 4px margin now
1146 ctr
.scrollTop
= parseInt(e
.offsetTop
) - 4;
1150 exception_error("cdmScrollToArticleId", e
);
1154 function setActiveArticleId(id
) {
1155 _active_article_id
= id
;
1158 function getActiveArticleId() {
1159 return _active_article_id
;
1162 function postMouseIn(e
, id
) {
1163 post_under_pointer
= id
;
1165 if (_post_preview_timeout
) window
.clearTimeout(_post_preview_timeout
);
1167 if (!isCdmMode() || !getInitParam("cdm_expanded")) {
1168 _post_preview_timeout
= window
.setTimeout(function() {
1169 displaySmallArticlePreview(e
, id
);
1174 function displaySmallArticlePreview(e
, id
) {
1176 var query
= "?op=rpc&method=cdmarticlepreview&id=" + id
;
1178 new Ajax
.Request("backend.php", {
1180 onComplete: function(transport
) {
1181 cexc
= $("CEXC-" + id
);
1182 preview
= $("small_article_preview");
1183 row
= $("RROW-" + id
);
1184 ctr
= $("headlines-frame");
1186 if (id
!= getActiveArticleId() && (!isCdmMode() || (cexc
&& Element
.visible(cexc
))) && row
&& preview
) {
1187 preview
.innerHTML
= transport
.responseText
;
1188 new Effect
.Appear(preview
, {duration
:0.2});
1191 left
: (e
.clientX
+ 20) + 'px',
1192 top
: (row
.offsetTop
+ row
.offsetHeight
*2 + 20 - ctr
.scrollTop
) + 'px' });
1200 exception_error("displaySmallArticlePreview", e
);
1204 function postMouseOut(id
) {
1205 post_under_pointer
= false;
1207 if (_post_preview_timeout
) window
.clearTimeout(_post_preview_timeout
);
1209 if (Element
.visible("small_article_preview"))
1210 Element
.hide("small_article_preview");
1213 function unpackVisibleHeadlines() {
1216 if (!isCdmMode()) return;
1218 $$("#headlines-frame > div[id*=RROW]").each(
1220 if (child
.offsetTop
<= $("headlines-frame").scrollTop
+
1221 $("headlines-frame").offsetHeight
) {
1223 var cencw
= $("CENCW-" + child
.id
.replace("RROW-", ""));
1226 cencw
.innerHTML
= htmlspecialchars_decode(cencw
.innerHTML
);
1227 cencw
.setAttribute('id', '');
1228 Element
.show(cencw
);
1236 exception_error("unpackVisibleHeadlines", e
);
1240 function headlines_scroll_handler(e
) {
1242 var hsp
= $("headlines-spacer");
1244 unpackVisibleHeadlines();
1246 if (!_infscroll_disable
) {
1247 if ((hsp
&& e
.scrollTop
+ e
.offsetHeight
>= hsp
.offsetTop
- hsp
.offsetHeight
) ||
1248 (e
.scrollHeight
!= 0 &&
1249 ((e
.scrollTop
+ e
.offsetHeight
) / e
.scrollHeight
>= 0.7))) {
1252 hsp
.innerHTML
= "<img src='images/indicator_tiny.gif'> " +
1253 __("Loading, please wait...");
1255 loadMoreHeadlines();
1260 if (hsp
) hsp
.innerHTML
= "";
1263 if (getInitParam("cdm_auto_catchup") == 1) {
1265 $$("#headlines-frame > div[id*=RROW][class*=Unread]").each(
1267 if (child
.hasClassName("Unread") && $("headlines-frame").scrollTop
>
1268 (child
.offsetTop
+ child
.offsetHeight
/2)) {
1270 var id
= child
.id
.replace("RROW-", "");
1272 if (catchup_id_batch
.indexOf(id
) == -1)
1273 catchup_id_batch
.push(id
);
1275 //console.log("auto_catchup_batch: " + catchup_id_batch.toString());
1279 if (catchup_id_batch
.length
> 0) {
1280 window
.clearTimeout(catchup_timeout_id
);
1282 if (!_infscroll_request_sent
) {
1283 catchup_timeout_id
= window
.setTimeout('catchupBatchedArticles()',
1290 console
.warn("headlines_scroll_handler: " + e
);
1294 function catchupBatchedArticles() {
1296 if (catchup_id_batch
.length
> 0 && !_infscroll_request_sent
) {
1298 // make a copy of the array
1299 var batch
= catchup_id_batch
.slice();
1300 var query
= "?op=rpc&method=catchupSelected" +
1301 "&cmode=0&ids=" + param_escape(batch
.toString());
1305 new Ajax
.Request("backend.php", {
1307 onComplete: function(transport
) {
1308 handle_rpc_json(transport
);
1310 batch
.each(function(id
) {
1311 var elem
= $("RROW-" + id
);
1312 if (elem
) elem
.removeClassName("Unread");
1313 catchup_id_batch
.remove(id
);
1320 exception_error("catchupBatchedArticles", e
);
1324 function catchupRelativeToArticle(below
, id
) {
1328 if (!id
) id
= getActiveArticleId();
1331 alert(__("No article is selected."));
1335 var visible_ids
= getVisibleArticleIds();
1337 var ids_to_mark
= new Array();
1340 for (var i
= 0; i
< visible_ids
.length
; i
++) {
1341 if (visible_ids
[i
] != id
) {
1342 var e
= $("RROW-" + visible_ids
[i
]);
1344 if (e
&& e
.hasClassName("Unread")) {
1345 ids_to_mark
.push(visible_ids
[i
]);
1352 for (var i
= visible_ids
.length
-1; i
>= 0; i
--) {
1353 if (visible_ids
[i
] != id
) {
1354 var e
= $("RROW-" + visible_ids
[i
]);
1356 if (e
&& e
.hasClassName("Unread")) {
1357 ids_to_mark
.push(visible_ids
[i
]);
1365 if (ids_to_mark
.length
== 0) {
1366 alert(__("No articles found to mark"));
1368 var msg
= ngettext("Mark %d article as read?", "Mark %d articles as read?", ids_to_mark
.length
).replace("%d", ids_to_mark
.length
);
1370 if (getInitParam("confirm_feed_catchup") != 1 || confirm(msg
)) {
1372 for (var i
= 0; i
< ids_to_mark
.length
; i
++) {
1373 var e
= $("RROW-" + ids_to_mark
[i
]);
1374 e
.removeClassName("Unread");
1377 var query
= "?op=rpc&method=catchupSelected" +
1378 "&cmode=0" + "&ids=" + param_escape(ids_to_mark
.toString());
1380 new Ajax
.Request("backend.php", {
1382 onComplete: function(transport
) {
1383 handle_rpc_json(transport
);
1390 exception_error("catchupRelativeToArticle", e
);
1394 function cdmCollapseArticle(event
, id
) {
1396 var row
= $("RROW-" + id
);
1397 var elem
= $("CICD-" + id
);
1400 var collapse
= $$("div#RROW-" + id
+
1401 " span[class='collapseBtn']")[0];
1404 Element
.show("CEXC-" + id
);
1405 Element
.hide(collapse
);
1406 row
.removeClassName("active");
1408 markHeadline(id
, false);
1410 if (id
== getActiveArticleId()) {
1411 setActiveArticleId(0);
1414 if (event
) Event
.stop(event
);
1418 exception_error("cdmCollapseArticle", e
);
1422 function cdmExpandArticle(id
) {
1424 console
.log("cdmExpandArticle " + id
);
1426 if (!$("RROW-" + id
)) return false;
1428 var oldrow
= $("RROW-" + getActiveArticleId());
1430 var elem
= $("CICD-" + getActiveArticleId());
1432 if (id
== getActiveArticleId() && Element
.visible(elem
))
1435 selectArticles("none");
1437 var old_offset
= $("RROW-" + id
).offsetTop
;
1439 if (getActiveArticleId() && elem
&& !getInitParam("cdm_expanded")) {
1440 var collapse
= $$("div#RROW-" + getActiveArticleId() +
1441 " span[class='collapseBtn']")[0];
1444 Element
.show("CEXC-" + getActiveArticleId());
1445 Element
.hide(collapse
);
1448 if (oldrow
) oldrow
.removeClassName("active");
1450 setActiveArticleId(id
);
1452 elem
= $("CICD-" + id
);
1454 var collapse
= $$("div#RROW-" + id
+
1455 " span[class='collapseBtn']")[0];
1457 var cencw
= $("CENCW-" + id
);
1459 if (!Element
.visible(elem
)) {
1461 cencw
.innerHTML
= htmlspecialchars_decode(cencw
.innerHTML
);
1462 cencw
.setAttribute('id', '');
1463 Element
.show(cencw
);
1467 Element
.hide("CEXC-" + id
);
1468 Element
.show(collapse
);
1471 var new_offset
= $("RROW-" + id
).offsetTop
;
1473 if (old_offset
> new_offset
)
1474 $("headlines-frame").scrollTop
-= (old_offset
-new_offset
);
1476 toggleUnread(id
, 0, true);
1478 $("RROW-" + id
).addClassName("active");
1481 exception_error("cdmExpandArticle", e
);
1487 function fixHeadlinesOrder(ids
) {
1489 for (var i
= 0; i
< ids
.length
; i
++) {
1490 var e
= $("RROW-" + ids
[i
]);
1494 e
.removeClassName("even");
1495 e
.addClassName("odd");
1497 e
.removeClassName("odd");
1498 e
.addClassName("even");
1503 exception_error("fixHeadlinesOrder", e
);
1507 function getArticleUnderPointer() {
1508 return post_under_pointer
;
1511 function scrollArticle(offset
) {
1514 var ci
= $("content-insert");
1516 ci
.scrollTop
+= offset
;
1519 var hi
= $("headlines-frame");
1521 hi
.scrollTop
+= offset
;
1526 exception_error("scrollArticle", e
);
1530 function show_labels_in_headlines(transport
) {
1532 var data
= JSON
.parse(transport
.responseText
);
1535 data
['info-for-headlines'].each(function(elem
) {
1536 var ctr
= $("HLLCTR-" + elem
.id
);
1538 if (ctr
) ctr
.innerHTML
= elem
.labels
;
1542 exception_error("show_labels_in_headlines", e
);
1546 function dismissArticle(id
) {
1548 var elem
= $("RROW-" + id
);
1550 toggleUnread(id
, 0, true);
1552 new Effect
.Fade(elem
, {duration
: 0.5});
1554 if (id
== getActiveArticleId()) {
1555 setActiveArticleId(0);
1559 exception_error("dismissArticle", e
);
1563 function dismissSelectedArticles() {
1566 var ids
= getVisibleArticleIds();
1570 for (var i
= 0; i
< ids
.length
; i
++) {
1571 var elem
= $("RROW-" + ids
[i
]);
1573 if (elem
.className
&& elem
.hasClassName("Selected") &&
1574 ids
[i
] != getActiveArticleId()) {
1575 new Effect
.Fade(elem
, {duration
: 0.5});
1583 selectionToggleUnread(false);
1585 fixHeadlinesOrder(tmp
);
1588 exception_error("dismissSelectedArticles", e
);
1592 function dismissReadArticles() {
1595 var ids
= getVisibleArticleIds();
1598 for (var i
= 0; i
< ids
.length
; i
++) {
1599 var elem
= $("RROW-" + ids
[i
]);
1601 if (elem
.className
&& !elem
.hasClassName("Unread") &&
1602 !elem
.hasClassName("Selected")) {
1604 new Effect
.Fade(elem
, {duration
: 0.5});
1610 fixHeadlinesOrder(tmp
);
1613 exception_error("dismissSelectedArticles", e
);
1617 function getVisibleArticleIds() {
1622 getLoadedArticleIds().each(function(id
) {
1623 var elem
= $("RROW-" + id
);
1624 if (elem
&& Element
.visible(elem
))
1629 exception_error("getVisibleArticleIds", e
);
1635 function cdmClicked(event
, id
) {
1637 //var shift_key = event.shiftKey;
1639 if (!event
.ctrlKey
) {
1641 if (!getInitParam("cdm_expanded")) {
1642 return cdmExpandArticle(id
);
1645 var elem
= $("RROW-" + getActiveArticleId());
1647 if (elem
) elem
.removeClassName("active");
1649 selectArticles("none");
1652 var elem
= $("RROW-" + id
);
1653 var article_is_unread
= elem
.hasClassName("Unread");
1655 elem
.removeClassName("Unread");
1656 elem
.addClassName("active");
1658 setActiveArticleId(id
);
1660 if (article_is_unread
) {
1661 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1664 var query
= "?op=rpc&method=catchupSelected" +
1665 "&cmode=0&ids=" + param_escape(id
);
1667 new Ajax
.Request("backend.php", {
1669 onComplete: function(transport
) {
1670 handle_rpc_json(transport
);
1673 return !event
.shiftKey
;
1677 toggleSelected(id
, true);
1679 var elem
= $("RROW-" + id
);
1680 var article_is_unread
= elem
.hasClassName("Unread");
1682 if (article_is_unread
) {
1683 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1686 toggleUnread(id
, 0, false);
1688 openArticleInNewWindow(id
);
1691 var unread_in_buffer
= $$("#headlines-frame > div[id*=RROW][class*=Unread]").length
1692 request_counters(unread_in_buffer
== 0);
1695 exception_error("cdmClicked");
1701 function hlClicked(event
, id
) {
1703 if (event
.which
== 2) {
1706 } else if (event
.ctrlKey
) {
1707 toggleSelected(id
, true);
1708 toggleUnread(id
, 0, false);
1709 openArticleInNewWindow(id
);
1717 exception_error("hlClicked");
1721 function getFirstVisibleHeadlineId() {
1722 var rows
= getVisibleArticleIds();
1727 function getLastVisibleHeadlineId() {
1728 var rows
= getVisibleArticleIds();
1729 return rows
[rows
.length
-1];
1732 function openArticleInNewWindow(id
) {
1733 toggleUnread(id
, 0, false);
1734 window
.open("backend.php?op=article&method=redirect&id=" + id
);
1737 function isCdmMode() {
1738 return getInitParam("combined_display_mode");
1741 function markHeadline(id
, marked
) {
1742 if (marked
== undefined) marked
= true;
1744 var row
= $("RROW-" + id
);
1746 var check
= dijit
.byId("RCHK-" + id
);
1749 check
.attr("checked", marked
);
1753 row
.addClassName("Selected");
1755 row
.removeClassName("Selected");
1759 function getRelativePostIds(id
, limit
) {
1765 if (!limit
) limit
= 6; //3
1767 var ids
= getVisibleArticleIds();
1769 for (var i
= 0; i
< ids
.length
; i
++) {
1771 for (var k
= 1; k
<= limit
; k
++) {
1772 //if (i > k-1) tmp.push(ids[i-k]);
1773 if (i
< ids
.length
-k
) tmp
.push(ids
[i
+k
]);
1780 exception_error("getRelativePostIds", e
);
1786 function correctHeadlinesOffset(id
) {
1790 var container
= $("headlines-frame");
1791 var row
= $("RROW-" + id
);
1793 if (!container
|| !row
) return;
1795 var viewport
= container
.offsetHeight
;
1797 var rel_offset_top
= row
.offsetTop
- container
.scrollTop
;
1798 var rel_offset_bottom
= row
.offsetTop
+ row
.offsetHeight
- container
.scrollTop
;
1800 //console.log("Rtop: " + rel_offset_top + " Rbtm: " + rel_offset_bottom);
1801 //console.log("Vport: " + viewport);
1803 if (rel_offset_top
<= 0 || rel_offset_top
> viewport
) {
1804 container
.scrollTop
= row
.offsetTop
;
1805 } else if (rel_offset_bottom
> viewport
) {
1807 /* doesn't properly work with Opera in some cases because
1808 Opera fucks up element scrolling */
1810 container
.scrollTop
= row
.offsetTop
+ row
.offsetHeight
- viewport
;
1814 exception_error("correctHeadlinesOffset", e
);
1819 function headlineActionsChange(elem
) {
1822 elem
.attr('value', 'false');
1824 exception_error("headlineActionsChange", e
);
1828 function closeArticlePanel() {
1830 if (dijit
.byId("content-insert"))
1831 dijit
.byId("headlines-wrap-inner").removeChild(
1832 dijit
.byId("content-insert"));
1835 function initHeadlinesMenu() {
1837 if (dijit
.byId("headlinesMenu"))
1838 dijit
.byId("headlinesMenu").destroyRecursive();
1843 nodes
= $$("#headlines-frame > div[id*=RROW]");
1845 nodes
= $$("#headlines-frame span[id*=RTITLE]");
1848 nodes
.each(function(node
) {
1852 var menu
= new dijit
.Menu({
1853 id
: "headlinesMenu",
1857 var tmph
= dojo
.connect(menu
, '_openMyself', function (event
) {
1858 var callerNode
= event
.target
, match
= null, tries
= 0;
1860 while (match
== null && callerNode
&& tries
<= 3) {
1861 match
= callerNode
.id
.match("^[A-Z]+[-]([0-9]+)$");
1862 callerNode
= callerNode
.parentNode
;
1866 if (match
) this.callerRowId
= parseInt(match
[1]);
1870 /* if (!isCdmMode())
1871 menu.addChild(new dijit.MenuItem({
1872 label: __("View article"),
1873 onClick: function(event) {
1874 view(this.getParent().callerRowId);
1877 menu
.addChild(new dijit
.MenuItem({
1878 label
: __("Open original article"),
1879 onClick: function(event
) {
1880 openArticleInNewWindow(this.getParent().callerRowId
);
1883 menu
.addChild(new dijit
.MenuItem({
1884 label
: __("Display article URL"),
1885 onClick: function(event
) {
1886 displayArticleUrl(this.getParent().callerRowId
);
1889 menu
.addChild(new dijit
.MenuSeparator());
1891 menu
.addChild(new dijit
.MenuItem({
1892 label
: __("Mark above as read"),
1893 onClick: function(event
) {
1894 catchupRelativeToArticle(0, this.getParent().callerRowId
);
1897 menu
.addChild(new dijit
.MenuItem({
1898 label
: __("Mark below as read"),
1899 onClick: function(event
) {
1900 catchupRelativeToArticle(1, this.getParent().callerRowId
);
1904 var labels
= dijit
.byId("feedTree").model
.getItemsInCategory(-2);
1908 menu
.addChild(new dijit
.MenuSeparator());
1910 var labelAddMenu
= new dijit
.Menu({ownerMenu
: menu
});
1911 var labelDelMenu
= new dijit
.Menu({ownerMenu
: menu
});
1913 labels
.each(function(label
) {
1914 var id
= label
.id
[0];
1915 var bare_id
= id
.substr(id
.indexOf(":")+1);
1916 var name
= label
.name
[0];
1918 bare_id
= feed_to_label_id(bare_id
);
1920 labelAddMenu
.addChild(new dijit
.MenuItem({
1923 onClick: function(event
) {
1924 var ids
= getSelectedArticleIds2();
1926 var id
= this.getParent().ownerMenu
.callerRowId
+ "";
1928 ids
= ids
.size() != 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1930 selectionAssignLabel(this.labelId
, ids
);
1933 labelDelMenu
.addChild(new dijit
.MenuItem({
1936 onClick: function(event
) {
1937 var ids
= getSelectedArticleIds2();
1939 var id
= this.getParent().ownerMenu
.callerRowId
+ "";
1941 ids
= ids
.size() != 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1943 selectionRemoveLabel(this.labelId
, ids
);
1948 menu
.addChild(new dijit
.PopupMenuItem({
1949 label
: __("Assign label"),
1950 popup
: labelAddMenu
,
1953 menu
.addChild(new dijit
.PopupMenuItem({
1954 label
: __("Remove label"),
1955 popup
: labelDelMenu
,
1963 exception_error("initHeadlinesMenu", e
);
1968 function player(elem
) {
1969 var aid
= elem
.getAttribute("audio-id");
1970 var status
= elem
.getAttribute("status");
1978 elem
.innerHTML
= __("Playing...");
1979 elem
.title
= __("Click to pause");
1980 elem
.addClassName("playing");
1984 elem
.innerHTML
= __("Play");
1985 elem
.title
= __("Click to play");
1986 elem
.removeClassName("playing");
1989 elem
.setAttribute("status", status
);
1991 alert("Your browser doesn't seem to support HTML5 audio.");
1995 function cache_set(id
, obj
) {
1996 //console.log("cache_set: " + id);
1999 sessionStorage
[id
] = obj
;
2001 sessionStorage
.clear();
2005 function cache_get(id
) {
2007 return sessionStorage
[id
];
2010 function cache_clear() {
2012 sessionStorage
.clear();
2015 function cache_delete(id
) {
2017 sessionStorage
.removeItem(id
);
2020 function cancelSearch() {
2025 exception_error("cancelSearch", e
);
2029 function setSelectionScore() {
2031 var ids
= getSelectedArticleIds2();
2033 if (ids
.length
> 0) {
2036 var score
= prompt(__("Please enter new score for selected articles:"), score
);
2038 if (score
!= undefined) {
2039 var query
= "op=rpc&method=setScore&id=" + param_escape(ids
.toString()) +
2040 "&score=" + param_escape(score
);
2042 new Ajax
.Request("backend.php", {
2044 onComplete: function(transport
) {
2045 var reply
= JSON
.parse(transport
.responseText
);
2049 ids
.each(function(id
) {
2050 var row
= $("RROW-" + id
);
2053 var pic
= row
.getElementsByClassName("hlScorePic")[0];
2056 pic
.src
= pic
.src
.replace(/score_.*?\.png/,
2057 reply
["score_pic"]);
2058 pic
.setAttribute("score", score
);
2067 alert(__("No articles are selected."));
2070 exception_error("setSelectionScore", e
);
2074 function changeScore(id
, pic
) {
2076 var score
= pic
.getAttribute("score");
2078 var new_score
= prompt(__("Please enter new score for this article:"), score
);
2080 if (new_score
!= undefined) {
2082 var query
= "op=rpc&method=setScore&id=" + param_escape(id
) +
2083 "&score=" + param_escape(new_score
);
2085 new Ajax
.Request("backend.php", {
2087 onComplete: function(transport
) {
2088 var reply
= JSON
.parse(transport
.responseText
);
2091 pic
.src
= pic
.src
.replace(/score_.*?\.png/, reply
["score_pic"]);
2092 pic
.setAttribute("score", new_score
);
2097 exception_error("changeScore", e
);
2101 function displayArticleUrl(id
) {
2103 var query
= "op=rpc&method=getlinktitlebyid&id=" + param_escape(id
);
2105 new Ajax
.Request("backend.php", {
2107 onComplete: function(transport
) {
2108 var reply
= JSON
.parse(transport
.responseText
);
2110 if (reply
&& reply
.link
) {
2111 prompt(__("Article URL:"), reply
.link
);
2115 exception_error("changeScore", e
);
2119 function openSelectedAttachment(elem
) {
2121 var url
= elem
[elem
.selectedIndex
].value
;
2125 elem
.selectedIndex
= 0;
2129 exception_error("openSelectedAttachment", e
);