]> git.wh0rd.org Git - tt-rss.git/blob - feedlist.js
fix view() being called twice on every headline click, experimental progress indicato...
[tt-rss.git] / feedlist.js
1 var _feed_cur_page = 0;
2 var _infscroll_disable = 0;
3 var _infscroll_request_sent = 0;
4 var feed_under_pointer = undefined;
5
6 var mouse_is_down = false;
7 var mouse_y = 0;
8 var mouse_x = 0;
9
10 var resize_enabled = false;
11 var selection_disabled = false;
12 var counters_last_request = 0;
13
14 function toggle_sortable_feedlist(enabled) {
15         try {
16
17                 if (enabled) {
18                         Sortable.create('feedList', {onChange: feedlist_dragsorted, only: "feedCat"});
19                 } else {
20                         Sortable.destroy('feedList');
21                 }
22
23         } catch (e) {
24                 exception_error("toggle_sortable_feedlist", e);
25         }
26 }
27
28 function viewCategory(cat) {
29         viewfeed(cat, '', true);
30         return false;
31 }
32
33 function printFeedEntry(id, title, row_class, unread, icon) {
34
35         var tmp = "";
36         var fctr_class = "";
37         var feed_icon = "";
38
39         if (unread > 0) {
40                 row_class += "Unread";
41                 fctr_class = "feedCtrHasUnread";
42         } else {
43                 fctr_class = "feedCtrNoUnread";
44         }
45
46         if (icon) {
47                 feed_icon = "<img id='FIMG-"+id+"' src='" + icon + "'>";
48         } else {
49                 feed_icon = "<img id='FIMG-"+id+"' src='images/blank_icon.gif'>";
50         }
51
52         var link = "<a title=\"FIXME\" id=\"FEEDL-"+id+"\""+
53                 "href=\"javascript:viewfeed('"+id+"', '', false, '', false, 0);\">"+
54                 title + "</a>";
55
56         tmp += "<li id='FEEDR-"+id+"' class="+row_class+">" + feed_icon + 
57                 "<span id=\"FEEDN-"+id+"\">" + link + "</span>";
58
59         tmp += " <span class='"+fctr_class+"' id=\"FEEDCTR-"+id+"\">" +
60            "(<span id=\"FEEDU-"+id+"\">"+unread+"</span>)</span>";
61                         
62         tmp += "</li>";
63
64         return tmp;
65 }
66
67 function render_feedlist(data) {
68         try {
69
70                 var f = $("feeds-frame");
71                 f.innerHTML = data;
72 //              cache_invalidate("FEEDLIST");
73 //              cache_inject("FEEDLIST", data, getInitParam("num_feeds"));
74                 feedlist_init();
75
76         } catch (e) {
77                 exception_error("render_feedlist", e);
78         }
79 }
80
81 function feedlist_callback2(transport) {
82         try {
83                 debug("feedlist_callback2");
84                 if (!transport_error_check(transport)) return;
85                 render_feedlist(transport.responseText);
86         } catch (e) {
87                 exception_error("feedlist_callback2", e);
88         }
89 }
90
91 function viewNextFeedPage() {
92         try {
93                 //if (!getActiveFeedId()) return;
94
95                 debug("viewNextFeedPage: calling viewfeed(), p: " + parseInt(_feed_cur_page+1));
96
97                 viewfeed(getActiveFeedId(), undefined, activeFeedIsCat(), undefined,
98                         undefined, parseInt(_feed_cur_page+1));
99
100         } catch (e) {
101                 exception_error("viewNextFeedPage", e);
102         }
103 }
104
105
106 function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
107         try {
108
109                 if (offline_mode) return viewfeed_offline(feed, subop, is_cat, subop_param,
110                         skip_history, offset);
111
112 //              if (!offset) page_offset = 0;
113
114                 last_requested_article = 0;
115                 //counters_last_request = 0;
116
117                 if (feed == getActiveFeedId()) {
118                         cache_invalidate("F:" + feed);
119                 }
120
121 /*              if (getInitParam("theme") == "" || getInitParam("theme") == "compact") {
122                         if (getInitParam("hide_feedlist") == 1) {
123                                 Element.hide("feeds-holder");
124                         }               
125                 } */
126
127                 var force_nocache = false;
128
129                 var page_offset = 0;
130
131                 if (offset > 0) {
132                         page_offset = offset;
133                 } else {
134                         page_offset = 0;
135                         _feed_cur_page = 0;
136                         _infscroll_disable = 0;
137                 }
138
139                 if (getActiveFeedId() != feed) {
140                         _feed_cur_page = 0;
141                         active_post_id = 0;
142                         _infscroll_disable = 0;
143                 }
144
145                 if (page_offset != 0 && !subop) {
146                         var date = new Date();
147                         var timestamp = Math.round(date.getTime() / 1000);
148
149                         debug("<b>" + _infscroll_request_sent + " : " + timestamp + "</b>");
150
151                         if (_infscroll_request_sent && _infscroll_request_sent + 30 > timestamp) {
152                                 debug("infscroll request in progress, aborting");
153                                 return;
154                         }
155
156                         _infscroll_request_sent = timestamp;                    
157                 }
158
159                 enableHotkeys();
160
161                 closeInfoBox();
162
163                 Form.enable("main_toolbar_form");
164
165                 var toolbar_form = document.forms["main_toolbar_form"];
166                 var toolbar_query = Form.serialize("main_toolbar_form");
167
168                 if (toolbar_form.query) {
169                         if (toolbar_form.query.value != "") {
170                                 force_nocache = true;
171                         }
172                         toolbar_form.query.value = "";
173                 }
174
175                 var query = "backend.php?op=viewfeed&feed=" + feed + "&" +
176                         toolbar_query + "&subop=" + param_escape(subop);
177
178                 if ($("search_form")) {
179                         var search_query = Form.serialize("search_form");
180                         query = query + "&" + search_query;
181                         $("search_form").query.value = "";
182                         closeInfoBox(true);
183                         force_nocache = true;
184                 }
185
186 //              debug("IS_CAT_STORED: " + activeFeedIsCat() + ", IS_CAT: " + is_cat);
187
188                 if (subop == "MarkAllRead") {
189
190                         catchup_local_feed(feed, is_cat);
191
192                         var show_next_feed = getInitParam("on_catchup_show_next_feed") == "1";
193
194                         if (show_next_feed) {
195
196                                 if (!activeFeedIsCat()) {
197         
198                                         var feedlist = $('feedList');
199                                 
200                                         var next_unread_feed = getRelativeFeedId(feedlist,
201                                                         feed, "next", true);
202         
203                                         if (!next_unread_feed) {
204                                                 next_unread_feed = getRelativeFeedId(feedlist,
205                                                         -3, "next", true);
206                                         }
207                 
208                                         if (next_unread_feed) {
209                                                 query = query + "&nuf=" + param_escape(next_unread_feed);
210                                                 //setActiveFeedId(next_unread_feed);
211                                                 feed = next_unread_feed;
212                                         }
213                                 } else {
214         
215                                         var next_unread_feed = getNextUnreadCat(feed);
216
217                                         /* we don't need to specify that our next feed is actually
218                                         a category, because we're in the is_cat mode by definition
219                                         already */
220
221                                         if (next_unread_feed && show_next_feed) {
222                                                 query = query + "&nuf=" + param_escape(next_unread_feed);
223                                                 feed = next_unread_feed;
224                                         }
225
226                                 }
227                         }
228                 }
229
230                 if (is_cat) {
231                         query = query + "&cat=1";
232                 }
233
234                 if (page_offset != 0) {
235                         query = query + "&skip=" + page_offset;
236
237                         // to prevent duplicate feed titles when showing grouped vfeeds
238                         if (vgroup_last_feed) {
239                                 query = query + "&vgrlf=" + param_escape(vgroup_last_feed);
240                         }
241                 }
242
243                 var date = new Date();
244                 var timestamp = Math.round(date.getTime() / 1000);
245                 query = query + "&ts=" + timestamp
246                 
247                 disableContainerChildren("headlinesToolbar", false);
248                 Form.enable("main_toolbar_form");
249
250                 // for piggybacked counters
251
252                 if (tagsAreDisplayed()) {
253                         query = query + "&omode=lt";
254                 } else {
255                         query = query + "&omode=flc";
256                 }
257
258                 if (!async_counters_work) {
259                         query = query + "&csync=true";
260                 }
261
262                 debug(query);
263
264                 var container = $("headlinesInnerContainer");
265
266 /*              if (container && page_offset == 0 && !isCdmMode()) {
267                         new Effect.Fade(container, {duration: 1, to: 0.01,
268                                 queue: { position:'end', scope: 'FEEDL-' + feed, limit: 1 } } );
269                 } */
270
271                 var unread_ctr = -1;
272                 
273                 if (!is_cat) unread_ctr = get_feed_unread(feed);
274
275                 var cache_check = false;
276
277                 if (unread_ctr != -1 && !page_offset && !force_nocache && !subop) {
278
279                         var cache_prefix = "";
280                                 
281                         if (is_cat) {
282                                 cache_prefix = "C:";
283                         } else {
284                                 cache_prefix = "F:";
285                         }
286
287                         cache_check = cache_check_param(cache_prefix + feed, unread_ctr);
288                         debug("headline cache check: " + cache_check);
289                 }
290
291                 if (cache_check) {
292                         var f = $("headlines-frame");
293
294                         clean_feed_selections();
295
296                         setActiveFeedId(feed, is_cat);
297                 
298                         if (!is_cat) {
299                                 var feedr = $("FEEDR-" + feed);
300                                 if (feedr && !feedr.className.match("Selected")) {      
301                                         feedr.className = feedr.className + "Selected";
302                                 } 
303                         } else {
304                                 var feedr = $("FCAT-" + feed_id);
305                                 if (feedr && !feedr.className.match("Selected")) {      
306                                         feedr.className = feedr.className + "Selected";
307                                 } 
308                         }
309
310                         f.innerHTML = cache_find_param(cache_prefix + feed, unread_ctr);
311
312                         request_counters();
313                         remove_splash();
314
315                 } else {
316
317                         if (!page_offset) {
318                                 var feedr = $('FEEDR-' + feed);
319
320                                 if (feedr) {
321                                         var ll = document.createElement('img');
322
323                                         ll.src = 'images/indicator_tiny.gif';
324                                         ll.className = 'hlLoading';
325                                         ll.id = 'FLL-' + feed;
326
327                                         feedr.appendChild(ll);
328                                 }
329                         }
330
331                         new Ajax.Request(query, {
332                                 onComplete: function(transport) { 
333                                         headlines_callback2(transport, page_offset); 
334                                 } });
335                 }
336
337         } catch (e) {
338                 exception_error("viewfeed", e);
339         }               
340 }
341
342 function toggleCollapseCat_af(effect) {
343         //var caption = elem.id.replace("FCATLIST-", "");
344
345         try {
346
347                 var elem = effect.element;
348                 var cat = elem.id.replace("FCATLIST-", "");
349                 var cap = $("FCAP-" + cat);
350
351                 if (Element.visible(elem)) {
352                         cap.innerHTML = cap.innerHTML.replace("…", "");
353                 } else {
354                         if (cap.innerHTML.lastIndexOf("…") != cap.innerHTML.length-3) {
355                                 cap.innerHTML = cap.innerHTML + "…";
356                         }
357                 }
358
359         } catch (e) {
360                 exception_error("toggleCollapseCat_af", e);
361         }
362 }
363
364 function toggleCollapseCat(cat) {
365         try {
366         
367                 var cat_elem = $("FCAT-" + cat);
368                 var cat_list = $("FCATLIST-" + cat).parentNode;
369                 var caption = $("FCAP-" + cat);
370                 
371 /*              if (cat_list.className.match("invisible")) {
372                         cat_list.className = "";
373                         caption.innerHTML = caption.innerHTML.replace("...", "");
374                         if (cat == 0) {
375                                 setCookie("ttrss_vf_uclps", "0");
376                         }
377                 } else {
378                         cat_list.className = "invisible";
379                         caption.innerHTML = caption.innerHTML + "...";
380                         if (cat == 0) {
381                                 setCookie("ttrss_vf_uclps", "1");
382                         } 
383
384                 } */
385
386                 if (cat == 0) {
387                         if (Element.visible("FCATLIST-" + cat)) {
388                                 setCookie("ttrss_vf_uclps", "1");
389                         } else {
390                                 setCookie("ttrss_vf_uclps", "0");
391                         }
392                 } 
393
394                 if (cat == -2) {
395                         if (Element.visible("FCATLIST-" + cat)) {
396                                 setCookie("ttrss_vf_lclps", "1");
397                         } else {
398                                 setCookie("ttrss_vf_lclps", "0");
399                         }
400                 } 
401
402                 if (cat == -1) {
403                         if (Element.visible("FCATLIST-" + cat)) {
404                                 setCookie("ttrss_vf_vclps", "1");
405                         } else {
406                                 setCookie("ttrss_vf_vclps", "0");
407                         }
408                 } 
409
410                 Effect.toggle('FCATLIST-' + cat, 'blind', { duration: 0.5,
411                         afterFinish: toggleCollapseCat_af });
412
413                 new Ajax.Request("backend.php?op=feeds&subop=collapse&cid=" + 
414                         param_escape(cat));
415
416                 local_collapse_cat(cat);
417
418         } catch (e) {
419                 exception_error("toggleCollapseCat", e);
420         }
421 }
422
423 function feedlist_dragsorted(ctr) {
424         try {
425                 var elem = $("feedList");
426
427                 var cats = elem.getElementsByTagName("LI");
428                 var ordered_cats = new Array();
429
430                 for (var i = 0; i < cats.length; i++) {
431                         if (cats[i].id && cats[i].id.match("FCAT-")) {
432                                 ordered_cats.push(cats[i].id.replace("FCAT-", ""));
433                         }
434                 }
435
436                 if (ordered_cats.length > 0) {
437
438                         var query = "backend.php?op=feeds&subop=catsort&corder=" + 
439                                 param_escape(ordered_cats.toString());
440
441                         debug(query);
442
443                         new Ajax.Request(query);
444                 }
445
446         } catch (e) {
447                 exception_error("feedlist_dragsorted", e);
448         }
449 }
450
451 function feedlist_init() {
452         try {
453 //              if (arguments.callee.done) return;
454 //              arguments.callee.done = true;           
455                 
456                 loading_set_progress(90);
457
458                 debug("in feedlist init");
459                 
460                 hideOrShowFeeds(getInitParam("hide_read_feeds") == 1);
461                 document.onkeydown = hotkey_handler;
462                 document.onmousemove = mouse_move_handler;
463                 document.onmousedown = mouse_down_handler;
464                 document.onmouseup = mouse_up_handler;
465
466                 if (!offline_mode) setTimeout("timeout()", 1);
467
468                 setTimeout("hotkey_prefix_timeout()", 5*1000);
469
470                 if (typeof correctPNG != 'undefined') {
471                         correctPNG();
472                 }
473
474                 if (getActiveFeedId()) {
475                         //debug("some feed is open on feedlist refresh, reloading");
476                         //setTimeout("viewCurrentFeed()", 100);
477                 } else {
478                         if (getInitParam("cdm_auto_catchup") != 1 && get_feed_unread(-3) > 0) {
479                                 notify_silent_next();
480                                 setTimeout("viewfeed(-3)", 100);
481                         } else {
482                                 remove_splash();
483                         }
484                 }
485
486                 if (getInitParam("theme") == "") {
487                         setTimeout("hide_footer()", 5000);
488                 }
489
490                 init_collapsable_feedlist(getInitParam("theme"));
491
492                 toggle_sortable_feedlist(isFeedlistSortable());
493
494         } catch (e) {
495                 exception_error("feedlist/init", e);
496         }
497 }
498
499 function hide_footer_af(effect) {
500         try {
501                 var c = $("content-frame");
502
503                 if (c) {
504                         c.style.bottom = "0px";
505
506                         var ioa = $("inline_orig_article");
507
508                         if (ioa) {
509                                 ioa.height = c.offsetHeight;
510                         }
511
512                 } else {
513                         var h = $("headlines-frame");
514
515                         if (h) {
516                                 h.style.bottom = "0px";
517                         }
518                 }
519
520         } catch (e) {
521                 exception_error("hide_footer_af", e);
522         }
523 }
524
525 function hide_footer() {
526         try {
527                 if (Element.visible("footer")) {
528                         new Effect.Fade("footer", { afterFinish: hide_footer_af });
529                 }
530         } catch (e) {
531                 exception_error("hide_footer", e);
532         }
533 }
534
535 /*
536 function init_hidden_feedlist(theme) {
537         try {
538                 debug("init_hidden_feedlist");
539
540                 if (theme != "" && theme != "compact") return;
541
542                 var fl = $("feeds-holder");
543                 var fh = $("headlines-frame");
544                 var fc = $("content-frame");
545                 var ft = $("toolbar");
546                 var ff = $("footer");
547                 var fhdr = $("header");
548
549                 var fbtn = $("toggle_feeds_btn");
550
551                 if (fbtn) Element.show(fbtn);
552
553                 fl.style.top = fh.offsetTop + "px";
554                 fl.style.backgroundColor = "white"; //FIXME
555
556                 Element.hide(fl);
557                 
558                 fh.style.left = "0px";
559                 ft.style.left = "0px";
560                 if (fc) fc.style.left = "0px";
561                 if (ff) ff.style.left = "0px";
562
563                 if (theme == "compact") {
564                         fhdr.style.left = "10px";
565                         fl.style.top = (fh.offsetTop + 1) + "px";
566                 }
567
568         } catch (e) {
569                 exception_error("init_hidden_feedlist", e);
570         }
571 } */
572
573 function init_collapsable_feedlist(theme) {
574         try {
575                 debug("init_collapsable_feedlist");
576
577                 if (theme != "" && theme != "compact" && theme != "graycube" &&
578                                 theme != "compat") return;
579
580                 var fbtn = $("collapse_feeds_btn");
581
582                 if (fbtn) Element.show(fbtn);
583
584                 if (getCookie("ttrss_vf_fclps") == 1) {
585                         collapse_feedlist();
586                 }
587
588         } catch (e) {
589                 exception_error("init_hidden_feedlist", e);
590         }
591
592 }
593
594 function mouse_move_handler(e) {
595         try {
596                 var client_y;
597                 var client_x;
598
599                 if (window.event) {
600                         client_y = window.event.clientY;
601                         client_x = window.event.clientX;
602                 } else if (e) {
603                         client_x = e.screenX;
604                         client_y = e.screenY;
605                 }
606
607                 if (mouse_is_down) {
608
609                         if (mouse_y == 0) mouse_y = client_y;
610                         if (mouse_x == 0) mouse_x = client_x;
611
612                         resize_headlines(mouse_x - client_x, mouse_y - client_y);
613
614                         mouse_y = client_y;
615                         mouse_x = client_x;
616
617                         return false;
618                 }
619
620         } catch (e) {
621                 exception_error("mouse_move_handler", e);
622         }
623 }
624
625 function enable_selection(b) {
626         selection_disabled = !b;
627 }
628
629 function enable_resize(b) {
630         resize_enabled = b;
631 }
632
633 function mouse_down_handler(e) {
634         try {
635
636                 /* do not prevent right click */
637                 if (e && e.button && e.button == 2) return;
638
639                 if (resize_enabled) { 
640                         mouse_is_down = true;
641                         mouse_x = 0;
642                         mouse_y = 0;
643                         document.onselectstart = function() { return false; };
644                         return false;
645                 }
646
647                 if (selection_disabled) {
648                         document.onselectstart = function() { return false; };
649                         return false;
650                 }
651
652         } catch (e) {
653                 exception_error("mouse_down_handler", e);
654         }
655 }
656
657 function mouse_up_handler(e) {
658         try {
659                 mouse_is_down = false;
660
661                 if (!selection_disabled) {
662                         document.onselectstart = null;
663                         var e = $("headlineActionsBody");
664                         if (e) Element.hide(e);
665                         
666                         var e = $("offlineModeDrop");
667                         if (e) Element.hide(e);
668
669                 }
670
671         } catch (e) {
672                 exception_error("mouse_up_handler", e);
673         }
674 }
675
676 function request_counters_real() {
677
678         try {
679
680                 if (offline_mode) return;
681
682                 debug("requesting counters...");
683
684                 var query = "backend.php?op=rpc&subop=getAllCounters";
685
686                 if (tagsAreDisplayed()) {
687                         query = query + "&omode=tl";
688                 } else {
689                         query = query + "&omode=flc";
690                 }
691
692                 new Ajax.Request(query, {
693                         onComplete: function(transport) { 
694                                 try {
695                                         all_counters_callback2(transport, true);
696                                 } catch (e) {
697                                         exception_error("viewfeed/getcounters", e);
698                                 }
699                         } });
700
701         } catch (e) {
702                 exception_error("request_counters_real", e);
703         }
704 }
705
706
707 function request_counters() {
708
709         try {
710
711                 if (getInitParam("bw_limit") == "1") return;
712
713                 var date = new Date();
714                 var timestamp = Math.round(date.getTime() / 1000);
715
716 //              if (getInitParam("sync_counters") == "1" || 
717 //                              timestamp - counters_last_request > 10) {
718
719                 if (timestamp - counters_last_request > 15) {
720                         debug("scheduling request of counters...");
721                         window.setTimeout("request_counters_real()", 1000);
722                         counters_last_request = timestamp;
723                 } else {
724                         debug("request_counters: rate limit reached: " + (timestamp - counters_last_request));
725                 }
726
727         } catch (e) {
728                 exception_error("request_counters", e);
729         }
730 }
731
732