]> git.wh0rd.org - tt-rss.git/blob - feedlist.js
feedlist: prevent multiple load indicators from appearing
[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;
319
320 if (is_cat) {
321 feedr = $('FCAP-' + feed);
322 } else {
323 feedr = $('FEEDR-' + feed);
324 }
325
326 if (feedr && !$('FLL-' + feed)) {
327 var ll = document.createElement('img');
328
329 ll.src = 'images/indicator_tiny.gif';
330 ll.className = 'hlLoading';
331 ll.id = 'FLL-' + feed;
332
333 feedr.appendChild(ll);
334 }
335 }
336
337 new Ajax.Request(query, {
338 onComplete: function(transport) {
339 headlines_callback2(transport, page_offset);
340 } });
341 }
342
343 } catch (e) {
344 exception_error("viewfeed", e);
345 }
346 }
347
348 function toggleCollapseCat_af(effect) {
349 //var caption = elem.id.replace("FCATLIST-", "");
350
351 try {
352
353 var elem = effect.element;
354 var cat = elem.id.replace("FCATLIST-", "");
355 var cap = $("FCAP-" + cat);
356
357 if (Element.visible(elem)) {
358 cap.innerHTML = cap.innerHTML.replace("…", "");
359 } else {
360 if (cap.innerHTML.lastIndexOf("…") != cap.innerHTML.length-3) {
361 cap.innerHTML = cap.innerHTML + "…";
362 }
363 }
364
365 } catch (e) {
366 exception_error("toggleCollapseCat_af", e);
367 }
368 }
369
370 function toggleCollapseCat(cat) {
371 try {
372
373 var cat_elem = $("FCAT-" + cat);
374 var cat_list = $("FCATLIST-" + cat).parentNode;
375 var caption = $("FCAP-" + cat);
376
377 /* if (cat_list.className.match("invisible")) {
378 cat_list.className = "";
379 caption.innerHTML = caption.innerHTML.replace("...", "");
380 if (cat == 0) {
381 setCookie("ttrss_vf_uclps", "0");
382 }
383 } else {
384 cat_list.className = "invisible";
385 caption.innerHTML = caption.innerHTML + "...";
386 if (cat == 0) {
387 setCookie("ttrss_vf_uclps", "1");
388 }
389
390 } */
391
392 if (cat == 0) {
393 if (Element.visible("FCATLIST-" + cat)) {
394 setCookie("ttrss_vf_uclps", "1");
395 } else {
396 setCookie("ttrss_vf_uclps", "0");
397 }
398 }
399
400 if (cat == -2) {
401 if (Element.visible("FCATLIST-" + cat)) {
402 setCookie("ttrss_vf_lclps", "1");
403 } else {
404 setCookie("ttrss_vf_lclps", "0");
405 }
406 }
407
408 if (cat == -1) {
409 if (Element.visible("FCATLIST-" + cat)) {
410 setCookie("ttrss_vf_vclps", "1");
411 } else {
412 setCookie("ttrss_vf_vclps", "0");
413 }
414 }
415
416 Effect.toggle('FCATLIST-' + cat, 'blind', { duration: 0.5,
417 afterFinish: toggleCollapseCat_af });
418
419 new Ajax.Request("backend.php?op=feeds&subop=collapse&cid=" +
420 param_escape(cat));
421
422 local_collapse_cat(cat);
423
424 } catch (e) {
425 exception_error("toggleCollapseCat", e);
426 }
427 }
428
429 function feedlist_dragsorted(ctr) {
430 try {
431 var elem = $("feedList");
432
433 var cats = elem.getElementsByTagName("LI");
434 var ordered_cats = new Array();
435
436 for (var i = 0; i < cats.length; i++) {
437 if (cats[i].id && cats[i].id.match("FCAT-")) {
438 ordered_cats.push(cats[i].id.replace("FCAT-", ""));
439 }
440 }
441
442 if (ordered_cats.length > 0) {
443
444 var query = "backend.php?op=feeds&subop=catsort&corder=" +
445 param_escape(ordered_cats.toString());
446
447 debug(query);
448
449 new Ajax.Request(query);
450 }
451
452 } catch (e) {
453 exception_error("feedlist_dragsorted", e);
454 }
455 }
456
457 function feedlist_init() {
458 try {
459 // if (arguments.callee.done) return;
460 // arguments.callee.done = true;
461
462 loading_set_progress(90);
463
464 debug("in feedlist init");
465
466 hideOrShowFeeds(getInitParam("hide_read_feeds") == 1);
467 document.onkeydown = hotkey_handler;
468 document.onmousemove = mouse_move_handler;
469 document.onmousedown = mouse_down_handler;
470 document.onmouseup = mouse_up_handler;
471
472 if (!offline_mode) setTimeout("timeout()", 1);
473
474 setTimeout("hotkey_prefix_timeout()", 5*1000);
475
476 if (typeof correctPNG != 'undefined') {
477 correctPNG();
478 }
479
480 if (getActiveFeedId()) {
481 //debug("some feed is open on feedlist refresh, reloading");
482 //setTimeout("viewCurrentFeed()", 100);
483 } else {
484 if (getInitParam("cdm_auto_catchup") != 1 && get_feed_unread(-3) > 0) {
485 notify_silent_next();
486 setTimeout("viewfeed(-3)", 100);
487 } else {
488 remove_splash();
489 }
490 }
491
492 if (getInitParam("theme") == "") {
493 setTimeout("hide_footer()", 5000);
494 }
495
496 init_collapsable_feedlist(getInitParam("theme"));
497
498 toggle_sortable_feedlist(isFeedlistSortable());
499
500 } catch (e) {
501 exception_error("feedlist/init", e);
502 }
503 }
504
505 function hide_footer_af(effect) {
506 try {
507 var c = $("content-frame");
508
509 if (c) {
510 c.style.bottom = "0px";
511
512 var ioa = $("inline_orig_article");
513
514 if (ioa) {
515 ioa.height = c.offsetHeight;
516 }
517
518 } else {
519 var h = $("headlines-frame");
520
521 if (h) {
522 h.style.bottom = "0px";
523 }
524 }
525
526 } catch (e) {
527 exception_error("hide_footer_af", e);
528 }
529 }
530
531 function hide_footer() {
532 try {
533 if (Element.visible("footer")) {
534 new Effect.Fade("footer", { afterFinish: hide_footer_af });
535 }
536 } catch (e) {
537 exception_error("hide_footer", e);
538 }
539 }
540
541 /*
542 function init_hidden_feedlist(theme) {
543 try {
544 debug("init_hidden_feedlist");
545
546 if (theme != "" && theme != "compact") return;
547
548 var fl = $("feeds-holder");
549 var fh = $("headlines-frame");
550 var fc = $("content-frame");
551 var ft = $("toolbar");
552 var ff = $("footer");
553 var fhdr = $("header");
554
555 var fbtn = $("toggle_feeds_btn");
556
557 if (fbtn) Element.show(fbtn);
558
559 fl.style.top = fh.offsetTop + "px";
560 fl.style.backgroundColor = "white"; //FIXME
561
562 Element.hide(fl);
563
564 fh.style.left = "0px";
565 ft.style.left = "0px";
566 if (fc) fc.style.left = "0px";
567 if (ff) ff.style.left = "0px";
568
569 if (theme == "compact") {
570 fhdr.style.left = "10px";
571 fl.style.top = (fh.offsetTop + 1) + "px";
572 }
573
574 } catch (e) {
575 exception_error("init_hidden_feedlist", e);
576 }
577 } */
578
579 function init_collapsable_feedlist(theme) {
580 try {
581 debug("init_collapsable_feedlist");
582
583 if (theme != "" && theme != "compact" && theme != "graycube" &&
584 theme != "compat") return;
585
586 var fbtn = $("collapse_feeds_btn");
587
588 if (fbtn) Element.show(fbtn);
589
590 if (getCookie("ttrss_vf_fclps") == 1) {
591 collapse_feedlist();
592 }
593
594 } catch (e) {
595 exception_error("init_hidden_feedlist", e);
596 }
597
598 }
599
600 function mouse_move_handler(e) {
601 try {
602 var client_y;
603 var client_x;
604
605 if (window.event) {
606 client_y = window.event.clientY;
607 client_x = window.event.clientX;
608 } else if (e) {
609 client_x = e.screenX;
610 client_y = e.screenY;
611 }
612
613 if (mouse_is_down) {
614
615 if (mouse_y == 0) mouse_y = client_y;
616 if (mouse_x == 0) mouse_x = client_x;
617
618 resize_headlines(mouse_x - client_x, mouse_y - client_y);
619
620 mouse_y = client_y;
621 mouse_x = client_x;
622
623 return false;
624 }
625
626 } catch (e) {
627 exception_error("mouse_move_handler", e);
628 }
629 }
630
631 function enable_selection(b) {
632 selection_disabled = !b;
633 }
634
635 function enable_resize(b) {
636 resize_enabled = b;
637 }
638
639 function mouse_down_handler(e) {
640 try {
641
642 /* do not prevent right click */
643 if (e && e.button && e.button == 2) return;
644
645 if (resize_enabled) {
646 mouse_is_down = true;
647 mouse_x = 0;
648 mouse_y = 0;
649 document.onselectstart = function() { return false; };
650 return false;
651 }
652
653 if (selection_disabled) {
654 document.onselectstart = function() { return false; };
655 return false;
656 }
657
658 } catch (e) {
659 exception_error("mouse_down_handler", e);
660 }
661 }
662
663 function mouse_up_handler(e) {
664 try {
665 mouse_is_down = false;
666
667 if (!selection_disabled) {
668 document.onselectstart = null;
669 var e = $("headlineActionsBody");
670 if (e) Element.hide(e);
671
672 var e = $("offlineModeDrop");
673 if (e) Element.hide(e);
674
675 }
676
677 } catch (e) {
678 exception_error("mouse_up_handler", e);
679 }
680 }
681
682 function request_counters_real() {
683
684 try {
685
686 if (offline_mode) return;
687
688 debug("requesting counters...");
689
690 var query = "backend.php?op=rpc&subop=getAllCounters";
691
692 if (tagsAreDisplayed()) {
693 query = query + "&omode=tl";
694 } else {
695 query = query + "&omode=flc";
696 }
697
698 new Ajax.Request(query, {
699 onComplete: function(transport) {
700 try {
701 all_counters_callback2(transport, true);
702 } catch (e) {
703 exception_error("viewfeed/getcounters", e);
704 }
705 } });
706
707 } catch (e) {
708 exception_error("request_counters_real", e);
709 }
710 }
711
712
713 function request_counters() {
714
715 try {
716
717 if (getInitParam("bw_limit") == "1") return;
718
719 var date = new Date();
720 var timestamp = Math.round(date.getTime() / 1000);
721
722 // if (getInitParam("sync_counters") == "1" ||
723 // timestamp - counters_last_request > 10) {
724
725 if (timestamp - counters_last_request > 15) {
726 debug("scheduling request of counters...");
727 window.setTimeout("request_counters_real()", 1000);
728 counters_last_request = timestamp;
729 } else {
730 debug("request_counters: rate limit reached: " + (timestamp - counters_last_request));
731 }
732
733 } catch (e) {
734 exception_error("request_counters", e);
735 }
736 }
737
738