]>
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
= [];
17 var has_storage
= 'sessionStorage' in window
&& window
['sessionStorage'] !== null;
19 function headlines_callback2(transport
, offset
, background
, infscroll_req
) {
21 handle_rpc_json(transport
);
23 loading_set_progress(25);
25 console
.log("headlines_callback2 [offset=" + offset
+ "] B:" + background
+ " I:" + infscroll_req
);
33 reply
= JSON
.parse(transport
.responseText
);
40 is_cat
= reply
['headlines']['is_cat'];
41 feed_id
= reply
['headlines']['id'];
44 var content
= reply
['headlines']['content'];
46 if (getInitParam("cdm_auto_catchup") == 1) {
47 content
= content
+ "<div id='headlines-spacer'></div>";
50 cache_headlines(feed_id
, is_cat
, reply
['headlines']['toolbar'], content
);
54 setActiveFeedId(feed_id
, is_cat
);
56 dijit
.getEnclosingWidget(
57 document
.forms
["main_toolbar_form"].update
).attr('disabled',
58 is_cat
|| feed_id
<= 0);
61 if (offset
== 0 && infscroll_req
== false) {
62 $("headlines-frame").scrollTop
= 0;
66 var headlines_count
= reply
['headlines-info']['count'];
68 vgroup_last_feed
= reply
['headlines-info']['vgroup_last_feed'];
70 if (parseInt(headlines_count
) < getInitParam("default_article_limit")) {
71 _infscroll_disable
= 1;
73 _infscroll_disable
= 0;
76 var counters
= reply
['counters'];
77 var articles
= reply
['articles'];
78 //var runtime_info = reply['runtime-info'];
80 if (offset
== 0 && infscroll_req
== false) {
81 dijit
.byId("headlines-frame").attr('content',
82 reply
['headlines']['content']);
84 dijit
.byId("headlines-toolbar").attr('content',
85 reply
['headlines']['toolbar']);
87 $$("#headlines-frame > div[id*=RROW]").each(function(row
) {
88 if ($$("#headlines-frame DIV[id="+row
.id
+"]").length
> 1) {
89 row
.parentNode
.removeChild(row
);
93 if (getInitParam("cdm_auto_catchup") == 1) {
94 var hsp
= $("headlines-spacer");
95 if (!hsp
) hsp
= new Element("DIV", {"id": "headlines-spacer"});
96 dijit
.byId('headlines-frame').domNode
.appendChild(hsp
);
103 if (headlines_count
> 0 && feed_id
== getActiveFeedId() && is_cat
== activeFeedIsCat()) {
104 console
.log("adding some more headlines: " + headlines_count
);
106 var c
= dijit
.byId("headlines-frame");
107 var ids
= getSelectedArticleIds2();
110 $("headlines-tmp").innerHTML
= reply
['headlines']['content'];
112 var hsp
= $("headlines-spacer");
115 c
.domNode
.removeChild(hsp
);
117 $$("#headlines-tmp > div").each(function(row
) {
118 if (row
.className
== 'cdmFeedTitle') {
119 row
.addClassName('new');
120 row
.style
.display
= 'none';
121 c
.domNode
.appendChild(row
);
123 } else if ($$("#headlines-frame DIV[id="+row
.id
+"]").length
== 0) {
124 row
.style
.display
= 'none';
125 row
.addClassName('new');
126 c
.domNode
.appendChild(row
);
129 row
.parentNode
.removeChild(row
);
133 if (!hsp
) hsp
= new Element("DIV", {"id": "headlines-spacer"});
135 fixHeadlinesOrder(getLoadedArticleIds());
137 if (getInitParam("cdm_auto_catchup") == 1) {
138 c
.domNode
.appendChild(hsp
);
141 console
.log("added " + num_added
+ " headlines");
144 _infscroll_disable
= true;
146 console
.log("restore selected ids: " + ids
);
148 for (var i
= 0; i
< ids
.length
; i
++) {
149 markHeadline(ids
[i
]);
154 $$("#headlines-frame > div[class*=new]").each(
156 child
.removeClassName('new');
157 if (!Element
.visible(child
))
158 new Effect
.Appear(child
, { duration
: 0.5 });
162 console
.log("no new headlines received");
164 var hsp
= $("headlines-spacer");
166 if (hsp
) hsp
.innerHTML
= "";
170 if (headlines_count
> 0)
171 cache_headlines(feed_id
, is_cat
, reply
['headlines']['toolbar'], $("headlines-frame").innerHTML
);
174 for (var i
= 0; i
< articles
.length
; i
++) {
175 var a_id
= articles
[i
]['id'];
176 cache_set("article:" + a_id
, articles
[i
]['content']);
179 console
.log("no cached articles received");
182 // do not precache stuff after fresh feed
184 precache_headlines();
187 parse_counters(counters
);
192 console
.error("Invalid object received: " + transport
.responseText
);
193 dijit
.byId("headlines-frame").attr('content', "<div class='whiteBox'>" +
194 __('Could not update headlines (invalid object received - see error console for details)') +
198 _infscroll_request_sent
= 0;
203 exception_error("headlines_callback2", e
, transport
);
207 function render_article(article
) {
209 dijit
.byId("headlines-wrap-inner").addChild(
210 dijit
.byId("content-insert"));
212 var c
= dijit
.byId("content-insert");
215 c
.domNode
.scrollTop
= 0;
218 c
.attr('content', article
);
220 correctHeadlinesOffset(getActiveArticleId());
227 exception_error("render_article", e
);
231 function showArticleInHeadlines(id
) {
235 selectArticles("none");
237 var crow
= $("RROW-" + id
);
241 var article_is_unread
= crow
.hasClassName("Unread");
243 crow
.removeClassName("Unread");
245 selectArticles('none');
247 var upd_img_pic
= $("FUPDPIC-" + id
);
249 var view_mode
= false;
252 view_mode
= document
.forms
['main_toolbar_form'].view_mode
;
253 view_mode
= view_mode
[view_mode
.selectedIndex
].value
;
258 if (upd_img_pic
&& (upd_img_pic
.src
.match("updated.png") ||
259 upd_img_pic
.src
.match("fresh_sign.png"))) {
261 upd_img_pic
.src
= "images/blank_icon.gif";
263 cache_headlines(getActiveFeedId(), activeFeedIsCat(), null, $("headlines-frame").innerHTML
);
265 } else if (article_is_unread
&& view_mode
== "all_articles") {
266 cache_headlines(getActiveFeedId(), activeFeedIsCat(), null, $("headlines-frame").innerHTML
);
271 if (article_is_unread
)
272 _force_scheduled_update
= true;
275 exception_error("showArticleInHeadlines", e
);
279 function article_callback2(transport
, id
) {
281 console
.log("article_callback2 " + id
);
283 handle_rpc_json(transport
);
288 reply
= JSON
.parse(transport
.responseText
);
295 var upic
= $('FUPDPIC-' + id
);
297 if (upic
) upic
.src
= 'images/blank_icon.gif';
299 reply
.each(function(article
) {
300 if (active_post_id
== article
['id']) {
301 render_article(article
['content']);
303 cids_requested
.remove(article
['id']);
305 cache_set("article:" + article
['id'], article
['content']);
308 // if (id != last_requested_article) {
309 // console.log("requested article id is out of sequence, aborting");
314 console
.error("Invalid object received: " + transport
.responseText
);
316 render_article("<div class='whiteBox'>" +
317 __('Could not display article (invalid object received - see error console for details)') + "</div>");
322 headlines_scroll_handler($("headlines-frame"));
325 if (!_infscroll_disable &&
326 $$("#headlines-frame > div[id*=RROW]").last().hasClassName("Selected")) {
336 exception_error("article_callback2", e
, transport
);
342 console
.log("loading article: " + id
);
344 var cached_article
= cache_get("article:" + id
);
346 console
.log("cache check result: " + (cached_article
!= false));
350 var query
= "?op=article&method=view&id=" + param_escape(id
);
352 var neighbor_ids
= getRelativePostIds(id
);
354 /* only request uncached articles */
356 var cids_to_request
= [];
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
]);
366 console
.log("additional ids: " + cids_to_request
.toString());
368 query
= query
+ "&cids=" + cids_to_request
.toString();
370 var crow
= $("RROW-" + id
);
371 var article_is_unread
= crow
.hasClassName("Unread");
374 showArticleInHeadlines(id
);
376 precache_headlines();
378 if (!cached_article
) {
380 var upic
= $('FUPDPIC-' + id
);
383 upic
.src
= getInitParam("sign_progress");
386 } else if (cached_article
&& article_is_unread
) {
388 query
= query
+ "&mode=prefetch";
390 render_article(cached_article
);
392 } else if (cached_article
) {
394 query
= query
+ "&mode=prefetch_old";
395 render_article(cached_article
);
397 // if we don't need to request any relative ids, we might as well skip
398 // the server roundtrip altogether
399 if (cids_to_request
.length
== 0) {
402 if (!_infscroll_disable &&
403 $$("#headlines-frame > div[id*=RROW]").last().hasClassName("Selected")) {
411 headlines_scroll_handler($("headlines-frame"));
417 last_requested_article
= id
;
421 if (article_is_unread
) {
422 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
425 new Ajax
.Request("backend.php", {
427 onComplete: function(transport
) {
428 article_callback2(transport
, id
);
434 exception_error("view", e
);
438 function toggleMark(id
, client_only
) {
440 var query
= "?op=rpc&id=" + id
+ "&method=mark";
442 var img
= $("FMPIC-" + id
);
446 if (img
.src
.match("mark_unset")) {
447 img
.src
= img
.src
.replace("mark_unset", "mark_set");
448 img
.alt
= __("Unstar article");
449 query
= query
+ "&mark=1";
452 img
.src
= img
.src
.replace("mark_set", "mark_unset");
453 img
.alt
= __("Star article");
454 query
= query
+ "&mark=0";
457 cache_headlines(getActiveFeedId(), activeFeedIsCat(), null, $("headlines-frame").innerHTML
);
460 new Ajax
.Request("backend.php", {
462 onComplete: function(transport
) {
463 handle_rpc_json(transport
);
468 exception_error("toggleMark", e
);
472 function togglePub(id
, client_only
, no_effects
, note
) {
474 var query
= "?op=rpc&id=" + id
+ "&method=publ";
476 if (note
!= undefined) {
477 query
= query
+ "¬e=" + param_escape(note
);
479 query
= query
+ "¬e=undefined";
482 var img
= $("FPPIC-" + id
);
486 if (img
.src
.match("pub_unset") || note
!= undefined) {
487 img
.src
= img
.src
.replace("pub_unset", "pub_set");
488 img
.alt
= __("Unpublish article");
489 query
= query
+ "&pub=1";
492 img
.src
= img
.src
.replace("pub_set", "pub_unset");
493 img
.alt
= __("Publish article");
495 query
= query
+ "&pub=0";
498 cache_headlines(getActiveFeedId(), activeFeedIsCat(), null, $("headlines-frame").innerHTML
);
501 new Ajax
.Request("backend.php", {
503 onComplete: function(transport
) {
504 handle_rpc_json(transport
);
509 exception_error("togglePub", e
);
513 function moveToPost(mode
) {
517 var rows
= getVisibleArticleIds();
522 if (!$('RROW-' + active_post_id
)) {
523 active_post_id
= false;
526 if (active_post_id
== false) {
528 prev_id
= rows
[rows
.length
-1]
530 for (var i
= 0; i
< rows
.length
; i
++) {
531 if (rows
[i
] == active_post_id
) {
533 // Account for adjacent identical article ids.
534 if (i
> 0) prev_id
= rows
[i
-1];
536 for (var j
= i
+1; j
< rows
.length
; j
++) {
537 if (rows
[j
] != active_post_id
) {
547 if (mode
== "next") {
551 cdmExpandArticle(next_id
);
552 cdmScrollToArticleId(next_id
);
555 correctHeadlinesOffset(next_id
);
556 view(next_id
, getActiveFeedId());
561 if (mode
== "prev") {
564 cdmExpandArticle(prev_id
);
565 cdmScrollToArticleId(prev_id
);
567 correctHeadlinesOffset(prev_id
);
568 view(prev_id
, getActiveFeedId());
574 exception_error("moveToPost", e
);
578 function toggleSelected(id
, force_on
) {
581 var cb
= $("RCHK-" + id
);
582 var row
= $("RROW-" + id
);
585 if (row
.hasClassName('Selected') && !force_on
) {
586 row
.removeClassName('Selected');
587 if (cb
) cb
.checked
= false;
589 row
.addClassName('Selected');
590 if (cb
) cb
.checked
= true;
594 exception_error("toggleSelected", e
);
598 function toggleUnread_afh(effect
) {
601 var elem
= effect
.element
;
602 elem
.style
.backgroundColor
= "";
605 exception_error("toggleUnread_afh", e
);
609 function toggleUnread(id
, cmode
, effect
) {
612 var row
= $("RROW-" + id
);
614 if (cmode
== undefined || cmode
== 2) {
615 if (row
.hasClassName("Unread")) {
616 row
.removeClassName("Unread");
619 new Effect
.Highlight(row
, {duration
: 1, startcolor
: "#fff7d5",
620 afterFinish
: toggleUnread_afh
,
621 queue
: { position
:'end', scope
: 'TMRQ-' + id
, limit
: 1 } } );
625 row
.addClassName("Unread");
628 } else if (cmode
== 0) {
630 row
.removeClassName("Unread");
633 new Effect
.Highlight(row
, {duration
: 1, startcolor
: "#fff7d5",
634 afterFinish
: toggleUnread_afh
,
635 queue
: { position
:'end', scope
: 'TMRQ-' + id
, limit
: 1 } } );
638 } else if (cmode
== 1) {
639 row
.addClassName("Unread");
642 if (cmode
== undefined) cmode
= 2;
644 var query
= "?op=rpc&method=catchupSelected" +
645 "&cmode=" + param_escape(cmode
) + "&ids=" + param_escape(id
);
647 // notify_progress("Loading, please wait...");
649 new Ajax
.Request("backend.php", {
651 onComplete: function(transport
) {
652 handle_rpc_json(transport
);
658 exception_error("toggleUnread", e
);
662 function selectionRemoveLabel(id
, ids
) {
665 if (!ids
) ids
= getSelectedArticleIds2();
667 if (ids
.length
== 0) {
668 alert(__("No articles are selected."));
672 var query
= "?op=rpc&method=removeFromLabel&ids=" +
673 param_escape(ids
.toString()) + "&lid=" + param_escape(id
);
677 new Ajax
.Request("backend.php", {
679 onComplete: function(transport
) {
680 handle_rpc_json(transport
);
681 show_labels_in_headlines(transport
);
685 exception_error("selectionAssignLabel", e
);
690 function selectionAssignLabel(id
, ids
) {
693 if (!ids
) ids
= getSelectedArticleIds2();
695 if (ids
.length
== 0) {
696 alert(__("No articles are selected."));
700 var query
= "?op=rpc&method=assignToLabel&ids=" +
701 param_escape(ids
.toString()) + "&lid=" + param_escape(id
);
705 new Ajax
.Request("backend.php", {
707 onComplete: function(transport
) {
708 handle_rpc_json(transport
);
709 show_labels_in_headlines(transport
);
713 exception_error("selectionAssignLabel", e
);
718 function selectionToggleUnread(set_state
, callback
, no_error
) {
720 var rows
= getSelectedArticleIds2();
722 if (rows
.length
== 0 && !no_error
) {
723 alert(__("No articles are selected."));
727 for (var i
= 0; i
< rows
.length
; i
++) {
728 var row
= $("RROW-" + rows
[i
]);
730 if (set_state
== undefined) {
731 if (row
.hasClassName("Unread")) {
732 row
.removeClassName("Unread");
734 row
.addClassName("Unread");
738 if (set_state
== false) {
739 row
.removeClassName("Unread");
742 if (set_state
== true) {
743 row
.addClassName("Unread");
748 if (rows
.length
> 0) {
752 if (set_state
== undefined) {
754 } else if (set_state
== true) {
756 } else if (set_state
== false) {
760 var query
= "?op=rpc&method=catchupSelected" +
761 "&cmode=" + cmode
+ "&ids=" + param_escape(rows
.toString());
763 notify_progress("Loading, please wait...");
765 new Ajax
.Request("backend.php", {
767 onComplete: function(transport
) {
768 handle_rpc_json(transport
);
769 if (callback
) callback(transport
);
775 exception_error("selectionToggleUnread", e
);
779 function selectionToggleMarked() {
782 var rows
= getSelectedArticleIds2();
784 if (rows
.length
== 0) {
785 alert(__("No articles are selected."));
789 for (var i
= 0; i
< rows
.length
; i
++) {
790 toggleMark(rows
[i
], true, true);
793 if (rows
.length
> 0) {
795 var query
= "?op=rpc&method=markSelected&ids=" +
796 param_escape(rows
.toString()) + "&cmode=2";
798 new Ajax
.Request("backend.php", {
800 onComplete: function(transport
) {
801 handle_rpc_json(transport
);
807 exception_error("selectionToggleMarked", e
);
811 function selectionTogglePublished() {
814 var rows
= getSelectedArticleIds2();
816 if (rows
.length
== 0) {
817 alert(__("No articles are selected."));
821 for (var i
= 0; i
< rows
.length
; i
++) {
822 togglePub(rows
[i
], true, true);
825 if (rows
.length
> 0) {
827 var query
= "?op=rpc&method=publishSelected&ids=" +
828 param_escape(rows
.toString()) + "&cmode=2";
830 new Ajax
.Request("backend.php", {
832 onComplete: function(transport
) {
833 handle_rpc_json(transport
);
839 exception_error("selectionToggleMarked", e
);
843 function getSelectedArticleIds2() {
847 $$("#headlines-frame > div[id*=RROW][class*=Selected]").each(
849 rv
.push(child
.id
.replace("RROW-", ""));
855 function getLoadedArticleIds() {
858 var children
= $$("#headlines-frame > div[id*=RROW-]");
860 children
.each(function(child
) {
861 rv
.push(child
.id
.replace("RROW-", ""));
868 // mode = all,none,unread,invert,marked,published
869 function selectArticles(mode
) {
872 var children
= $$("#headlines-frame > div[id*=RROW]");
874 children
.each(function(child
) {
875 var id
= child
.id
.replace("RROW-", "");
876 var cb
= $("RCHK-" + id
);
879 child
.addClassName("Selected");
881 } else if (mode
== "unread") {
882 if (child
.hasClassName("Unread")) {
883 child
.addClassName("Selected");
886 child
.removeClassName("Selected");
889 } else if (mode
== "marked") {
890 var img
= $("FMPIC-" + child
.id
.replace("RROW-", ""));
892 if (img
&& img
.src
.match("mark_set")) {
893 child
.addClassName("Selected");
896 child
.removeClassName("Selected");
899 } else if (mode
== "published") {
900 var img
= $("FPPIC-" + child
.id
.replace("RROW-", ""));
902 if (img
&& img
.src
.match("pub_set")) {
903 child
.addClassName("Selected");
906 child
.removeClassName("Selected");
910 } else if (mode
== "invert") {
911 if (child
.hasClassName("Selected")) {
912 child
.removeClassName("Selected");
915 child
.addClassName("Selected");
920 child
.removeClassName("Selected");
926 exception_error("selectArticles", e
);
930 function catchupPage() {
932 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
934 var str
= __("Mark all visible articles in %s as read?");
936 str
= str
.replace("%s", fn
);
938 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
942 selectArticles('all');
943 selectionToggleUnread(false, 'viewCurrentFeed()', true);
944 selectArticles('none');
947 function deleteSelection() {
951 var rows
= getSelectedArticleIds2();
953 if (rows
.length
== 0) {
954 alert(__("No articles are selected."));
958 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
961 if (getActiveFeedId() != 0) {
962 str
= __("Delete %d selected articles in %s?");
964 str
= __("Delete %d selected articles?");
967 str
= str
.replace("%d", rows
.length
);
968 str
= str
.replace("%s", fn
);
970 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
974 query
= "?op=rpc&method=delete&ids=" + param_escape(rows
);
978 new Ajax
.Request("backend.php", {
980 onComplete: function(transport
) {
981 handle_rpc_json(transport
);
986 exception_error("deleteSelection", e
);
990 function archiveSelection() {
994 var rows
= getSelectedArticleIds2();
996 if (rows
.length
== 0) {
997 alert(__("No articles are selected."));
1001 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
1005 if (getActiveFeedId() != 0) {
1006 str
= __("Archive %d selected articles in %s?");
1009 str
= __("Move %d archived articles back?");
1013 str
= str
.replace("%d", rows
.length
);
1014 str
= str
.replace("%s", fn
);
1016 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
1020 query
= "?op=rpc&method="+op
+"&ids=" + param_escape(rows
);
1024 for (var i
= 0; i
< rows
.length
; i
++) {
1025 cache_delete("article:" + rows
[i
]);
1028 new Ajax
.Request("backend.php", {
1030 onComplete: function(transport
) {
1031 handle_rpc_json(transport
);
1036 exception_error("archiveSelection", e
);
1040 function catchupSelection() {
1044 var rows
= getSelectedArticleIds2();
1046 if (rows
.length
== 0) {
1047 alert(__("No articles are selected."));
1051 var fn
= getFeedName(getActiveFeedId(), activeFeedIsCat());
1053 var str
= __("Mark %d selected articles in %s as read?");
1055 str
= str
.replace("%d", rows
.length
);
1056 str
= str
.replace("%s", fn
);
1058 if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str
)) {
1062 selectionToggleUnread(false, 'viewCurrentFeed()', true);
1065 exception_error("catchupSelection", e
);
1069 function editArticleTags(id
) {
1070 var query
= "backend.php?op=dlg&method=editArticleTags¶m=" + param_escape(id
);
1072 if (dijit
.byId("editTagsDlg"))
1073 dijit
.byId("editTagsDlg").destroyRecursive();
1075 dialog
= new dijit
.Dialog({
1077 title
: __("Edit article Tags"),
1078 style
: "width: 600px",
1079 execute: function() {
1080 if (this.validate()) {
1081 var query
= dojo
.objectToQuery(this.attr('value'));
1083 notify_progress("Saving article tags...", true);
1085 new Ajax
.Request("backend.php", {
1087 onComplete: function(transport
) {
1091 var data
= JSON
.parse(transport
.responseText
);
1094 var tags_str
= article
.tags
;
1095 var id
= tags_str
.id
;
1097 var tags
= $("ATSTR-" + id
);
1098 var tooltip
= dijit
.byId("ATSTRTIP-" + id
);
1100 if (tags
) tags
.innerHTML
= tags_str
.content
;
1101 if (tooltip
) tooltip
.attr('label', tags_str
.content_full
);
1103 cache_delete("article:" + id
);
1112 var tmph
= dojo
.connect(dialog
, 'onLoad', function() {
1113 dojo
.disconnect(tmph
);
1115 new Ajax
.Autocompleter('tags_str', 'tags_choices',
1116 "backend.php?op=rpc&method=completeTags",
1117 { tokens
: ',', paramName
: "search" });
1124 function cdmScrollToArticleId(id
) {
1126 var ctr
= $("headlines-frame");
1127 var e
= $("RROW-" + id
);
1129 if (!e
|| !ctr
) return;
1131 ctr
.scrollTop
= e
.offsetTop
;
1134 exception_error("cdmScrollToArticleId", e
);
1138 function getActiveArticleId() {
1139 return active_post_id
;
1142 function postMouseIn(id
) {
1143 post_under_pointer
= id
;
1146 function postMouseOut(id
) {
1147 post_under_pointer
= false;
1150 function headlines_scroll_handler(e
) {
1152 var hsp
= $("headlines-spacer");
1154 if (!_infscroll_disable
) {
1155 if ((hsp
&& e
.scrollTop
+ e
.offsetHeight
>= hsp
.offsetTop
- hsp
.offsetHeight
) ||
1156 (e
.scrollHeight
!= 0 &&
1157 ((e
.scrollTop
+ e
.offsetHeight
) / e
.scrollHeight
>= 0.7))) {
1160 hsp
.innerHTML
= "<img src='images/indicator_tiny.gif'> " +
1161 __("Loading, please wait...");
1163 loadMoreHeadlines();
1168 if (hsp
) hsp
.innerHTML
= "";
1171 if (getInitParam("cdm_auto_catchup") == 1) {
1173 $$("#headlines-frame > div[id*=RROW][class*=Unread]").each(
1175 if ($("headlines-frame").scrollTop
>
1176 (child
.offsetTop
+ child
.offsetHeight
/2)) {
1178 var id
= child
.id
.replace("RROW-", "");
1180 if (catchup_id_batch
.indexOf(id
) == -1)
1181 catchup_id_batch
.push(id
);
1183 //console.log("auto_catchup_batch: " + catchup_id_batch.toString());
1187 if (catchup_id_batch
.length
> 0) {
1188 window
.clearTimeout(catchup_timeout_id
);
1190 if (!_infscroll_request_sent
) {
1191 catchup_timeout_id
= window
.setTimeout('catchupBatchedArticles()',
1198 console
.warn("headlines_scroll_handler: " + e
);
1202 function catchupBatchedArticles() {
1204 if (catchup_id_batch
.length
> 0 && !_infscroll_request_sent
) {
1206 // make a copy of the array
1207 var batch
= catchup_id_batch
.slice();
1208 var query
= "?op=rpc&method=catchupSelected" +
1209 "&cmode=0&ids=" + param_escape(batch
.toString());
1213 new Ajax
.Request("backend.php", {
1215 onComplete: function(transport
) {
1216 handle_rpc_json(transport
);
1218 batch
.each(function(id
) {
1219 var elem
= $("RROW-" + id
);
1220 if (elem
) elem
.removeClassName("Unread");
1221 catchup_id_batch
.remove(id
);
1228 exception_error("catchupBatchedArticles", e
);
1232 function catchupRelativeToArticle(below
, id
) {
1236 if (!id
) id
= getActiveArticleId();
1239 alert(__("No article is selected."));
1243 var visible_ids
= getVisibleArticleIds();
1245 var ids_to_mark
= new Array();
1248 for (var i
= 0; i
< visible_ids
.length
; i
++) {
1249 if (visible_ids
[i
] != id
) {
1250 var e
= $("RROW-" + visible_ids
[i
]);
1252 if (e
&& e
.hasClassName("Unread")) {
1253 ids_to_mark
.push(visible_ids
[i
]);
1260 for (var i
= visible_ids
.length
-1; i
>= 0; i
--) {
1261 if (visible_ids
[i
] != id
) {
1262 var e
= $("RROW-" + visible_ids
[i
]);
1264 if (e
&& e
.hasClassName("Unread")) {
1265 ids_to_mark
.push(visible_ids
[i
]);
1273 if (ids_to_mark
.length
== 0) {
1274 alert(__("No articles found to mark"));
1276 var msg
= __("Mark %d article(s) as read?").replace("%d", ids_to_mark
.length
);
1278 if (getInitParam("confirm_feed_catchup") != 1 || confirm(msg
)) {
1280 for (var i
= 0; i
< ids_to_mark
.length
; i
++) {
1281 var e
= $("RROW-" + ids_to_mark
[i
]);
1282 e
.removeClassName("Unread");
1285 var query
= "?op=rpc&method=catchupSelected" +
1286 "&cmode=0" + "&ids=" + param_escape(ids_to_mark
.toString());
1288 new Ajax
.Request("backend.php", {
1290 onComplete: function(transport
) {
1291 handle_rpc_json(transport
);
1298 exception_error("catchupRelativeToArticle", e
);
1302 function cdmExpandArticle(id
) {
1307 var elem
= $("CICD-" + active_post_id
);
1309 var upd_img_pic
= $("FUPDPIC-" + id
);
1311 if (upd_img_pic
&& (upd_img_pic
.src
.match("updated.png") ||
1312 upd_img_pic
.src
.match("fresh_sign.png"))) {
1314 upd_img_pic
.src
= "images/blank_icon.gif";
1317 if (id
== active_post_id
&& Element
.visible(elem
))
1320 selectArticles("none");
1322 var old_offset
= $("RROW-" + id
).offsetTop
;
1324 if (active_post_id
&& elem
&& !getInitParam("cdm_expanded")) {
1326 Element
.show("CEXC-" + active_post_id
);
1329 active_post_id
= id
;
1331 elem
= $("CICD-" + id
);
1333 if (!Element
.visible(elem
)) {
1335 Element
.hide("CEXC-" + id
);
1338 var new_offset
= $("RROW-" + id
).offsetTop
;
1340 $("headlines-frame").scrollTop
+= (new_offset
-old_offset
);
1342 if ($("RROW-" + id
).offsetTop
!= old_offset
)
1343 $("headlines-frame").scrollTop
= new_offset
;
1345 toggleUnread(id
, 0, true);
1349 exception_error("cdmExpandArticle", e
);
1355 function fixHeadlinesOrder(ids
) {
1357 for (var i
= 0; i
< ids
.length
; i
++) {
1358 var e
= $("RROW-" + ids
[i
]);
1362 e
.removeClassName("even");
1363 e
.addClassName("odd");
1365 e
.removeClassName("odd");
1366 e
.addClassName("even");
1371 exception_error("fixHeadlinesOrder", e
);
1375 function getArticleUnderPointer() {
1376 return post_under_pointer
;
1379 function zoomToArticle(event
, id
) {
1381 var cached_article
= cache_get("article: " + id
);
1383 if (dijit
.byId("ATAB-" + id
))
1384 if (!event
|| !event
.shiftKey
)
1385 return dijit
.byId("content-tabs").selectChild(dijit
.byId("ATAB-" + id
));
1387 if (dijit
.byId("ATSTRTIP-" + id
))
1388 dijit
.byId("ATSTRTIP-" + id
).destroyRecursive();
1390 if (cached_article
) {
1391 //closeArticlePanel();
1393 var article_pane
= new dijit
.layout
.ContentPane({
1394 title
: __("Loading...") , content
: cached_article
,
1395 style
: 'padding : 0px;',
1399 dijit
.byId("content-tabs").addChild(article_pane
);
1401 if (!event
|| !event
.shiftKey
)
1402 dijit
.byId("content-tabs").selectChild(article_pane
);
1404 if ($("PTITLE-" + id
))
1405 article_pane
.attr('title', $("PTITLE-" + id
).innerHTML
);
1409 var query
= "?op=rpc&method=getArticles&ids=" + param_escape(id
);
1411 notify_progress("Loading, please wait...", true);
1413 new Ajax
.Request("backend.php", {
1415 onComplete: function(transport
) {
1418 var reply
= JSON
.parse(transport
.responseText
);
1421 //closeArticlePanel();
1423 var content
= reply
[0]['content'];
1425 var article_pane
= new dijit
.layout
.ContentPane({
1426 title
: "article-" + id
, content
: content
,
1427 style
: 'padding : 0px;',
1431 dijit
.byId("content-tabs").addChild(article_pane
);
1433 if (!event
|| !event
.shiftKey
)
1434 dijit
.byId("content-tabs").selectChild(article_pane
);
1436 if ($("PTITLE-" + id
))
1437 article_pane
.attr('title', $("PTITLE-" + id
).innerHTML
);
1444 exception_error("zoomToArticle", e
);
1448 function scrollArticle(offset
) {
1451 var ci
= $("content-insert");
1453 ci
.scrollTop
+= offset
;
1456 var hi
= $("headlines-frame");
1458 hi
.scrollTop
+= offset
;
1463 exception_error("scrollArticle", e
);
1467 function show_labels_in_headlines(transport
) {
1469 var data
= JSON
.parse(transport
.responseText
);
1472 data
['info-for-headlines'].each(function(elem
) {
1473 var ctr
= $("HLLCTR-" + elem
.id
);
1475 if (ctr
) ctr
.innerHTML
= elem
.labels
;
1478 cache_headlines(getActiveFeedId(), activeFeedIsCat(), null, $("headlines-frame").innerHTML
);
1482 exception_error("show_labels_in_headlines", e
);
1486 /* function toggleHeadlineActions() {
1488 var e = $("headlineActionsBody");
1489 var p = $("headlineActionsDrop");
1491 if (!Element.visible(e)) {
1498 e.style.left = (p.offsetLeft + 1) + "px";
1499 e.style.top = (p.offsetTop + p.offsetHeight + 2) + "px";
1502 exception_error("toggleHeadlineActions", e);
1506 /* function publishWithNote(id, def_note) {
1508 if (!def_note) def_note = '';
1510 var note = prompt(__("Please enter a note for this article:"), def_note);
1512 if (note != undefined) {
1513 togglePub(id, false, false, note);
1517 exception_error("publishWithNote", e);
1521 function dismissArticle(id
) {
1523 var elem
= $("RROW-" + id
);
1525 toggleUnread(id
, 0, true);
1527 new Effect
.Fade(elem
, {duration
: 0.5});
1529 active_post_id
= false;
1532 exception_error("dismissArticle", e
);
1536 function dismissSelectedArticles() {
1539 var ids
= getVisibleArticleIds();
1543 for (var i
= 0; i
< ids
.length
; i
++) {
1544 var elem
= $("RROW-" + ids
[i
]);
1546 if (elem
.className
&& elem
.hasClassName("Selected") &&
1547 ids
[i
] != active_post_id
) {
1548 new Effect
.Fade(elem
, {duration
: 0.5});
1556 selectionToggleUnread(false);
1558 fixHeadlinesOrder(tmp
);
1561 exception_error("dismissSelectedArticles", e
);
1565 function dismissReadArticles() {
1568 var ids
= getVisibleArticleIds();
1571 for (var i
= 0; i
< ids
.length
; i
++) {
1572 var elem
= $("RROW-" + ids
[i
]);
1574 if (elem
.className
&& !elem
.hasClassName("Unread") &&
1575 !elem
.hasClassName("Selected")) {
1577 new Effect
.Fade(elem
, {duration
: 0.5});
1583 fixHeadlinesOrder(tmp
);
1586 exception_error("dismissSelectedArticles", e
);
1590 function getVisibleArticleIds() {
1595 getLoadedArticleIds().each(function(id
) {
1596 var elem
= $("RROW-" + id
);
1597 if (elem
&& Element
.visible(elem
))
1602 exception_error("getVisibleArticleIds", e
);
1608 function cdmClicked(event
, id
) {
1610 //var shift_key = event.shiftKey;
1614 if (!event
.ctrlKey
) {
1616 if (!getInitParam("cdm_expanded")) {
1617 return cdmExpandArticle(id
);
1620 selectArticles("none");
1623 var elem
= $("RROW-" + id
);
1624 var article_is_unread
= elem
.hasClassName("Unread");
1627 elem
.removeClassName("Unread");
1629 var upd_img_pic
= $("FUPDPIC-" + id
);
1631 if (upd_img_pic
&& (upd_img_pic
.src
.match("updated.png") ||
1632 upd_img_pic
.src
.match("fresh_sign.png"))) {
1634 upd_img_pic
.src
= "images/blank_icon.gif";
1637 active_post_id
= id
;
1639 if (article_is_unread
) {
1640 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1643 var query
= "?op=rpc&method=catchupSelected" +
1644 "&cmode=0&ids=" + param_escape(id
);
1646 new Ajax
.Request("backend.php", {
1648 onComplete: function(transport
) {
1649 handle_rpc_json(transport
);
1656 toggleSelected(id
, true);
1658 var elem
= $("RROW-" + id
);
1659 var article_is_unread
= elem
.hasClassName("Unread");
1661 if (article_is_unread
) {
1662 decrementFeedCounter(getActiveFeedId(), activeFeedIsCat());
1665 toggleUnread(id
, 0, false);
1666 zoomToArticle(event
, id
);
1670 exception_error("cdmClicked");
1676 function postClicked(event
, id
) {
1679 if (!event
.ctrlKey
) {
1682 postOpenInNewTab(event
, id
);
1687 exception_error("postClicked");
1691 function hlOpenInNewTab(event
, id
) {
1692 toggleUnread(id
, 0, false);
1693 zoomToArticle(event
, id
);
1696 function postOpenInNewTab(event
, id
) {
1697 closeArticlePanel(id
);
1698 zoomToArticle(event
, id
);
1701 function hlClicked(event
, id
) {
1703 if (event
.which
== 2) {
1706 } else if (event
.altKey
) {
1707 openArticleInNewWindow(id
);
1708 } else if (!event
.ctrlKey
) {
1713 toggleUnread(id
, 0, false);
1714 zoomToArticle(event
, id
);
1719 exception_error("hlClicked");
1723 function getFirstVisibleHeadlineId() {
1724 var rows
= getVisibleArticleIds();
1729 function getLastVisibleHeadlineId() {
1730 var rows
= getVisibleArticleIds();
1731 return rows
[rows
.length
-1];
1734 function openArticleInNewWindow(id
) {
1735 toggleUnread(id
, 0, false);
1736 window
.open("backend.php?op=article&method=redirect&id=" + id
);
1739 function isCdmMode() {
1740 return getInitParam("combined_display_mode");
1743 function markHeadline(id
) {
1744 var row
= $("RROW-" + id
);
1746 var check
= $("RCHK-" + id
);
1749 check
.checked
= true;
1752 row
.addClassName("Selected");
1756 function getRelativePostIds(id
, limit
) {
1762 if (!limit
) limit
= 6; //3
1764 var ids
= getVisibleArticleIds();
1766 for (var i
= 0; i
< ids
.length
; i
++) {
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
]);
1777 exception_error("getRelativePostIds", e
);
1783 function correctHeadlinesOffset(id
) {
1787 var container
= $("headlines-frame");
1788 var row
= $("RROW-" + id
);
1790 if (!container
|| !row
) return;
1792 var viewport
= container
.offsetHeight
;
1794 var rel_offset_top
= row
.offsetTop
- container
.scrollTop
;
1795 var rel_offset_bottom
= row
.offsetTop
+ row
.offsetHeight
- container
.scrollTop
;
1797 //console.log("Rtop: " + rel_offset_top + " Rbtm: " + rel_offset_bottom);
1798 //console.log("Vport: " + viewport);
1800 if (rel_offset_top
<= 0 || rel_offset_top
> viewport
) {
1801 container
.scrollTop
= row
.offsetTop
;
1802 } else if (rel_offset_bottom
> viewport
) {
1804 /* doesn't properly work with Opera in some cases because
1805 Opera fucks up element scrolling */
1807 container
.scrollTop
= row
.offsetTop
+ row
.offsetHeight
- viewport
;
1811 exception_error("correctHeadlinesOffset", e
);
1816 function headlineActionsChange(elem
) {
1819 elem
.attr('value', 'false');
1821 exception_error("headlineActionsChange", e
);
1825 function closeArticlePanel() {
1827 var tabs
= dijit
.byId("content-tabs");
1828 var child
= tabs
.selectedChildWidget
;
1830 if (child
&& tabs
.getIndexOfChild(child
) > 0) {
1831 tabs
.removeChild(child
);
1834 if (dijit
.byId("content-insert"))
1835 dijit
.byId("headlines-wrap-inner").removeChild(
1836 dijit
.byId("content-insert"));
1840 function initHeadlinesMenu() {
1842 if (dijit
.byId("headlinesMenu"))
1843 dijit
.byId("headlinesMenu").destroyRecursive();
1848 nodes
= $$("#headlines-frame > div[id*=RROW]");
1850 nodes
= $$("#headlines-frame span[id*=RTITLE]");
1853 nodes
.each(function(node
) {
1857 var menu
= new dijit
.Menu({
1858 id
: "headlinesMenu",
1862 var tmph
= dojo
.connect(menu
, '_openMyself', function (event
) {
1863 var callerNode
= event
.target
, match
= null, tries
= 0;
1865 while (match
== null && callerNode
&& tries
<= 3) {
1866 match
= callerNode
.id
.match("^[A-Z]+[-]([0-9]+)$");
1867 callerNode
= callerNode
.parentNode
;
1871 if (match
) this.callerRowId
= parseInt(match
[1]);
1875 /* if (!isCdmMode())
1876 menu.addChild(new dijit.MenuItem({
1877 label: __("View article"),
1878 onClick: function(event) {
1879 view(this.getParent().callerRowId);
1882 menu
.addChild(new dijit
.MenuItem({
1883 label
: __("Open original article"),
1884 onClick: function(event
) {
1885 openArticleInNewWindow(this.getParent().callerRowId
);
1888 menu
.addChild(new dijit
.MenuItem({
1889 label
: __("View in a tt-rss tab"),
1890 onClick: function(event
) {
1891 hlOpenInNewTab(event
, this.getParent().callerRowId
);
1894 menu
.addChild(new dijit
.MenuSeparator());
1896 menu
.addChild(new dijit
.MenuItem({
1897 label
: __("Mark above as read"),
1898 onClick: function(event
) {
1899 catchupRelativeToArticle(0, this.getParent().callerRowId
);
1902 menu
.addChild(new dijit
.MenuItem({
1903 label
: __("Mark below as read"),
1904 onClick: function(event
) {
1905 catchupRelativeToArticle(1, this.getParent().callerRowId
);
1909 var labels
= dijit
.byId("feedTree").model
.getItemsInCategory(-2);
1913 menu
.addChild(new dijit
.MenuSeparator());
1915 var labelAddMenu
= new dijit
.Menu({ownerMenu
: menu
});
1916 var labelDelMenu
= new dijit
.Menu({ownerMenu
: menu
});
1918 labels
.each(function(label
) {
1919 var id
= label
.id
[0];
1920 var bare_id
= id
.substr(id
.indexOf(":")+1);
1921 var name
= label
.name
[0];
1923 bare_id
= -11-bare_id
;
1925 labelAddMenu
.addChild(new dijit
.MenuItem({
1928 onClick: function(event
) {
1929 var ids
= getSelectedArticleIds2();
1931 var id
= this.getParent().ownerMenu
.callerRowId
+ "";
1933 ids
= ids
.size() != 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1935 selectionAssignLabel(this.labelId
, ids
);
1938 labelDelMenu
.addChild(new dijit
.MenuItem({
1941 onClick: function(event
) {
1942 var ids
= getSelectedArticleIds2();
1944 var id
= this.getParent().ownerMenu
.callerRowId
+ "";
1946 ids
= ids
.size() != 0 && ids
.indexOf(id
) != -1 ? ids
: [id
];
1948 selectionRemoveLabel(this.labelId
, ids
);
1953 menu
.addChild(new dijit
.PopupMenuItem({
1954 label
: __("Assign label"),
1955 popup
: labelAddMenu
,
1958 menu
.addChild(new dijit
.PopupMenuItem({
1959 label
: __("Remove label"),
1960 popup
: labelDelMenu
,
1968 exception_error("initHeadlinesMenu", e
);
1973 function player(elem
) {
1974 var aid
= elem
.getAttribute("audio-id");
1975 var status
= elem
.getAttribute("status");
1983 elem
.innerHTML
= __("Playing...");
1984 elem
.title
= __("Click to pause");
1985 elem
.addClassName("playing");
1989 elem
.innerHTML
= __("Play");
1990 elem
.title
= __("Click to play");
1991 elem
.removeClassName("playing");
1994 elem
.setAttribute("status", status
);
1996 alert("Your browser doesn't seem to support HTML5 audio.");
2000 function cache_set(id
, obj
) {
2001 //console.log("cache_set: " + id);
2004 sessionStorage
[id
] = obj
;
2006 sessionStorage
.clear();
2010 function cache_get(id
) {
2012 return sessionStorage
[id
];
2015 function cache_clear() {
2017 sessionStorage
.clear();
2020 function cache_delete(id
) {
2022 sessionStorage
.removeItem(id
);
2025 function cache_headlines(feed
, is_cat
, toolbar_obj
, content_obj
) {
2026 if (toolbar_obj
&& content_obj
) {
2027 cache_set("feed:" + feed
+ ":" + is_cat
,
2028 JSON
.stringify({toolbar
: toolbar_obj
, content
: content_obj
}));
2031 obj
= cache_get("feed:" + feed
+ ":" + is_cat
);
2034 obj
= JSON
.parse(obj
);
2036 if (toolbar_obj
) obj
.toolbar
= toolbar_obj
;
2037 if (content_obj
) obj
.content
= content_obj
;
2039 cache_set("feed:" + feed
+ ":" + is_cat
, JSON
.stringify(obj
));
2043 console
.warn("cache_headlines failed: " + e
);
2048 function render_local_headlines(feed
, is_cat
, obj
) {
2051 dijit
.byId("headlines-toolbar").attr('content',
2054 dijit
.byId("headlines-frame").attr('content',
2057 dojo
.parser
.parse('headlines-toolbar');
2059 $("headlines-frame").scrollTop
= 0;
2060 selectArticles('none');
2061 setActiveFeedId(feed
, is_cat
);
2062 initHeadlinesMenu();
2064 dijit
.getEnclosingWidget(
2065 document
.forms
["main_toolbar_form"].update
).attr('disabled',
2066 is_cat
|| feed
<= 0);
2068 precache_headlines();
2071 exception_error("render_local_headlines", e
);
2075 function precache_headlines_idle() {
2077 if (!feed_precache_timeout_id
) {
2078 if (get_timestamp() - _viewfeed_last
> 120) {
2080 var feeds
= dijit
.byId("feedTree").getVisibleUnreadFeeds();
2083 feeds
.each(function(item
) {
2084 if (parseInt(item
[0]) > 0 && !cache_get("feed:" + item
[0] + ":" + item
[1]))
2085 uncached
.push(item
);
2088 if (uncached
.length
> 0) {
2089 var rf
= uncached
[Math
.floor(Math
.random()*uncached
.length
)];
2090 viewfeed(rf
[0], '', rf
[1], 0, true);
2094 precache_idle_timeout_id
= setTimeout("precache_headlines_idle()", 1000*30);
2097 exception_error("precache_headlines_idle", e
);
2101 function precache_headlines() {
2104 if (!feed_precache_timeout_id
) {
2105 feed_precache_timeout_id
= window
.setTimeout(function() {
2106 var nuf
= getNextUnreadFeed(getActiveFeedId(), activeFeedIsCat());
2107 var nf
= dijit
.byId("feedTree").getNextFeed(getActiveFeedId(), activeFeedIsCat());
2109 if (nuf
&& !cache_get("feed:" + nuf
+ ":" + activeFeedIsCat()))
2110 viewfeed(nuf
, '', activeFeedIsCat(), 0, true);
2112 if (nf
&& nf
[0] != nuf
&& !cache_get("feed:" + nf
[0] + ":" + nf
[1]))
2113 viewfeed(nf
[0], '', nf
[1], 0, true);
2115 window
.setTimeout(function() {
2116 feed_precache_timeout_id
= false;
2122 exception_error("precache_headlines", e
);