]> git.wh0rd.org - tt-rss.git/blobdiff - feedlist.js
reorganize theme support; add some themeable icons; add neon theme
[tt-rss.git] / feedlist.js
index f7699efbe5ae832be0f2fbbe6d8c96537c66b453..a6a864a86e6b8a02430156a8e6f20e7450d1cfcf 100644 (file)
@@ -7,20 +7,82 @@ var mouse_is_down = false;
 var mouse_y = 0;
 var mouse_x = 0;
 
-var enable_resize = false;
+var resize_enabled = false;
+var selection_disabled = false;
+var counters_last_request = 0;
+
+function toggle_sortable_feedlist(enabled) {
+       try {
+
+               if (enabled) {
+                       Sortable.create('feedList', {onChange: feedlist_dragsorted, only: "feedCat"});
+               } else {
+                       Sortable.destroy('feedList');
+               }
+
+       } catch (e) {
+               exception_error("toggle_sortable_feedlist", e);
+       }
+}
 
 function viewCategory(cat) {
-       active_feed_is_cat = true;
        viewfeed(cat, '', true);
        return false;
 }
 
+function printFeedEntry(id, title, row_class, unread, icon) {
+
+       var tmp = "";
+       var fctr_class = "";
+       var feed_icon = "";
+
+       if (unread > 0) {
+               row_class += "Unread";
+               fctr_class = "feedCtrHasUnread";
+       } else {
+               fctr_class = "feedCtrNoUnread";
+       }
+
+       if (icon) {
+               feed_icon = "<img id='FIMG-"+id+"' src='" + icon + "'>";
+       } else {
+               feed_icon = "<img id='FIMG-"+id+"' src='images/blank_icon.gif'>";
+       }
+
+       var link = "<a title=\"FIXME\" id=\"FEEDL-"+id+"\""+
+               "href=\"javascript:viewfeed('"+id+"', '', false, '', false, 0);\">"+
+               title + "</a>";
+
+       tmp += "<li id='FEEDR-"+id+"' class="+row_class+">" + feed_icon + 
+               "<span id=\"FEEDN-"+id+"\">" + link + "</span>";
+
+       tmp += " <span class='"+fctr_class+"' id=\"FEEDCTR-"+id+"\">" +
+           "(<span id=\"FEEDU-"+id+"\">"+unread+"</span>)</span>";
+                       
+       tmp += "</li>";
+
+       return tmp;
+}
+
+function render_feedlist(data) {
+       try {
+
+               var f = $("feeds-frame");
+               f.innerHTML = data;
+//             cache_invalidate("FEEDLIST");
+//             cache_inject("FEEDLIST", data, getInitParam("num_feeds"));
+               feedlist_init();
+
+       } catch (e) {
+               exception_error("render_feedlist", e);
+       }
+}
+
 function feedlist_callback2(transport) {
        try {
                debug("feedlist_callback2");
-               var f = document.getElementById("feeds-frame");
-               f.innerHTML = transport.responseText;
-               feedlist_init();
+               if (!transport_error_check(transport)) return;
+               render_feedlist(transport.responseText);
        } catch (e) {
                exception_error("feedlist_callback2", e);
        }
@@ -30,21 +92,28 @@ function viewNextFeedPage() {
        try {
                //if (!getActiveFeedId()) return;
 
-               debug("viewNextFeedPage: calling viewfeed(), p: " + _feed_cur_page+1);
+               debug("viewNextFeedPage: calling viewfeed(), p: " + parseInt(_feed_cur_page+1));
 
                viewfeed(getActiveFeedId(), undefined, activeFeedIsCat(), undefined,
-                       undefined, _feed_cur_page+1);
+                       undefined, parseInt(_feed_cur_page+1));
 
        } catch (e) {
                exception_error("viewNextFeedPage", e);
        }
 }
 
+
 function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
        try {
 
+               if (offline_mode) return viewfeed_offline(feed, subop, is_cat, subop_param,
+                       skip_history, offset);
+
 //             if (!offset) page_offset = 0;
 
+               last_requested_article = 0;
+               //counters_last_request = 0;
+
                if (feed == getActiveFeedId()) {
                        cache_invalidate("F:" + feed);
                }
@@ -88,7 +157,7 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
                }
 
                enableHotkeys();
-
+               hideAuxDlg();
                closeInfoBox();
 
                Form.enable("main_toolbar_form");
@@ -103,12 +172,13 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
                        toolbar_form.query.value = "";
                }
 
-               var query = "backend.php?op=viewfeed&feed=" + feed + "&" +
+               var query = "?op=viewfeed&feed=" + feed + "&" +
                        toolbar_query + "&subop=" + param_escape(subop);
 
-               if (document.getElementById("search_form")) {
+               if ($("search_form")) {
                        var search_query = Form.serialize("search_form");
                        query = query + "&" + search_query;
+                       $("search_form").query.value = "";
                        closeInfoBox(true);
                        force_nocache = true;
                }
@@ -117,22 +187,43 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
 
                if (subop == "MarkAllRead") {
 
-                       var feedlist = document.getElementById('feedList');
-                       
-                       var next_unread_feed = getRelativeFeedId(feedlist,
-                                       feed, "next", true);
-
-                       if (!next_unread_feed) {
-                               next_unread_feed = getRelativeFeedId(feedlist,
-                                       -3, "next", true);
-                       }
+                       catchup_local_feed(feed, is_cat);
 
                        var show_next_feed = getInitParam("on_catchup_show_next_feed") == "1";
 
-                       if (next_unread_feed && show_next_feed && !activeFeedIsCat()) {
-                               query = query + "&nuf=" + param_escape(next_unread_feed);
-                               //setActiveFeedId(next_unread_feed);
-                               feed = next_unread_feed;
+                       if (show_next_feed) {
+
+                               if (!activeFeedIsCat()) {
+       
+                                       var feedlist = $('feedList');
+                               
+                                       var next_unread_feed = getRelativeFeedId(feedlist,
+                                                       feed, "next", true);
+       
+                                       if (!next_unread_feed) {
+                                               next_unread_feed = getRelativeFeedId(feedlist,
+                                                       -3, "next", true);
+                                       }
+               
+                                       if (next_unread_feed) {
+                                               query = query + "&nuf=" + param_escape(next_unread_feed);
+                                               //setActiveFeedId(next_unread_feed);
+                                               feed = next_unread_feed;
+                                       }
+                               } else {
+       
+                                       var next_unread_feed = getNextUnreadCat(feed);
+
+                                       /* we don't need to specify that our next feed is actually
+                                       a category, because we're in the is_cat mode by definition
+                                       already */
+
+                                       if (next_unread_feed && show_next_feed) {
+                                               query = query + "&nuf=" + param_escape(next_unread_feed);
+                                               feed = next_unread_feed;
+                                       }
+
+                               }
                        }
                }
 
@@ -164,16 +255,23 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
                        query = query + "&omode=flc";
                }
 
+               if (!async_counters_work) {
+                       query = query + "&csync=true";
+               }
+
                debug(query);
 
-               var container = document.getElementById("headlinesInnerContainer");
+               var container = $("headlinesInnerContainer");
 
 /*             if (container && page_offset == 0 && !isCdmMode()) {
                        new Effect.Fade(container, {duration: 1, to: 0.01,
                                queue: { position:'end', scope: 'FEEDL-' + feed, limit: 1 } } );
                } */
 
-               var unread_ctr = get_feed_unread(feed);
+               var unread_ctr = -1;
+               
+               if (!is_cat) unread_ctr = get_feed_unread(feed);
+
                var cache_check = false;
 
                if (unread_ctr != -1 && !page_offset && !force_nocache && !subop) {
@@ -191,18 +289,19 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
                }
 
                if (cache_check) {
-                       var f = document.getElementById("headlines-frame");
+                       var f = $("headlines-frame");
 
                        clean_feed_selections();
 
-                       setActiveFeedId(feed);
+                       setActiveFeedId(feed, is_cat);
                
-                       if (is_cat != undefined) {
-                               active_feed_is_cat = is_cat;
-                       }
-       
                        if (!is_cat) {
-                               var feedr = document.getElementById("FEEDR-" + feed);
+                               var feedr = $("FEEDR-" + feed);
+                               if (feedr && !feedr.className.match("Selected")) {      
+                                       feedr.className = feedr.className + "Selected";
+                               } 
+                       } else {
+                               var feedr = $("FCAT-" + feed_id);
                                if (feedr && !feedr.className.match("Selected")) {      
                                        feedr.className = feedr.className + "Selected";
                                } 
@@ -210,32 +309,50 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
 
                        f.innerHTML = cache_find_param(cache_prefix + feed, unread_ctr);
 
-                       var query = "backend.php?op=rpc&subop=getAllCounters";
-
-                       if (tagsAreDisplayed()) {
-                               query = query + "&omode=tl";
-                       } else {
-                               query = query + "&omode=flc";
-                       }
-
-                       new Ajax.Request(query, {
-                               onComplete: function(transport) { 
-                                       try {
-                                               all_counters_callback2(transport);
-                                       } catch (e) {
-                                               exception_error("viewfeed/getcounters", e);
-                                       }
-                               } });
+                       request_counters();
+                       remove_splash();
 
                } else {
 
                        if (!page_offset) {
-                               notify_progress("Loading, please wait...", true);
+                               var feedr;
+
+                               if (is_cat) {
+                                       feedr = $('FCAP-' + feed);
+                               } else {
+                                       feedr = $('FEEDR-' + feed);
+                               }
+
+                               if (feedr && !$('FLL-' + feed)) {
+
+                                       var img = $('FIMG-' + feed);
+
+                                       if (!is_cat && img) {
+
+                                               if (!img.src.match("indicator_white")) {
+                                                       img.alt = img.src;
+                                                       img.src = 'images/indicator_white.gif';
+                                               }
+
+                                       } else {
+
+                                               if (!$('FLL-' + feed)) {
+                                                       var ll = document.createElement('img');
+
+                                                       ll.src = 'images/indicator_tiny.gif';
+                                                       ll.className = 'hlLoading';
+                                                       ll.id = 'FLL-' + feed;
+       
+                                                       feedr.appendChild(ll);
+                                               }
+                                       }
+                               }
                        }
 
-                       new Ajax.Request(query, {
+                       new Ajax.Request("backend.php", {
+                               parameters: query,
                                onComplete: function(transport) { 
-                                       headlines_callback2(transport, feed, is_cat, page_offset); 
+                                       headlines_callback2(transport, page_offset); 
                                } });
                }
 
@@ -251,7 +368,7 @@ function toggleCollapseCat_af(effect) {
 
                var elem = effect.element;
                var cat = elem.id.replace("FCATLIST-", "");
-               var cap = document.getElementById("FCAP-" + cat);
+               var cap = $("FCAP-" + cat);
 
                if (Element.visible(elem)) {
                        cap.innerHTML = cap.innerHTML.replace("…", "");
@@ -269,57 +386,49 @@ function toggleCollapseCat_af(effect) {
 function toggleCollapseCat(cat) {
        try {
        
-               var cat_elem = document.getElementById("FCAT-" + cat);
-               var cat_list = document.getElementById("FCATLIST-" + cat).parentNode;
-               var caption = document.getElementById("FCAP-" + cat);
+               var cat_elem = $("FCAT-" + cat);
+               var cat_list = $("FCATLIST-" + cat).parentNode;
+               var caption = $("FCAP-" + cat);
                
-/*             if (cat_list.className.match("invisible")) {
-                       cat_list.className = "";
-                       caption.innerHTML = caption.innerHTML.replace("...", "");
-                       if (cat == 0) {
-                               setCookie("ttrss_vf_uclps", "0");
-                       }
-               } else {
-                       cat_list.className = "invisible";
-                       caption.innerHTML = caption.innerHTML + "...";
-                       if (cat == 0) {
-                               setCookie("ttrss_vf_uclps", "1");
-                       } 
+               Effect.toggle('FCATLIST-' + cat, 'blind', { duration: 0.5,
+                       afterFinish: toggleCollapseCat_af });
 
-               } */
+               new Ajax.Request("backend.php", 
+                       { parameters: "backend.php?op=feeds&subop=collapse&cid=" + 
+                               param_escape(cat) } );
 
-               if (cat == 0) {
-                       if (Element.visible("FCATLIST-" + cat)) {
-                               setCookie("ttrss_vf_uclps", "1");
-                       } else {
-                               setCookie("ttrss_vf_uclps", "0");
-                       }
-               } 
+               local_collapse_cat(cat);
 
-               if (cat == -2) {
-                       if (Element.visible("FCATLIST-" + cat)) {
-                               setCookie("ttrss_vf_lclps", "1");
-                       } else {
-                               setCookie("ttrss_vf_lclps", "0");
-                       }
-               } 
+       } catch (e) {
+               exception_error("toggleCollapseCat", e);
+       }
+}
 
-               if (cat == -1) {
-                       if (Element.visible("FCATLIST-" + cat)) {
-                               setCookie("ttrss_vf_vclps", "1");
-                       } else {
-                               setCookie("ttrss_vf_vclps", "0");
+function feedlist_dragsorted(ctr) {
+       try {
+               var elem = $("feedList");
+
+               var cats = elem.getElementsByTagName("LI");
+               var ordered_cats = new Array();
+
+               for (var i = 0; i < cats.length; i++) {
+                       if (cats[i].id && cats[i].id.match("FCAT-")) {
+                               ordered_cats.push(cats[i].id.replace("FCAT-", ""));
                        }
-               } 
+               }
 
-               Effect.toggle('FCATLIST-' + cat, 'blind', { duration: 0.5,
-                       afterFinish: toggleCollapseCat_af });
+               if (ordered_cats.length > 0) {
+
+                       var query = "?op=feeds&subop=catsort&corder=" + 
+                               param_escape(ordered_cats.toString());
 
-               new Ajax.Request("backend.php?op=feeds&subop=collapse&cid=" + 
-                       param_escape(cat));
+                       debug(query);
+
+                       new Ajax.Request("backend.php", { parameters: query });
+               }
 
        } catch (e) {
-               exception_error("toggleCollapseCat", e);
+               exception_error("feedlist_dragsorted", e);
        }
 }
 
@@ -332,29 +441,23 @@ function feedlist_init() {
 
                debug("in feedlist init");
                
-               hideOrShowFeeds(document, getInitParam("hide_read_feeds") == 1);
+               hideOrShowFeeds(getInitParam("hide_read_feeds") == 1);
                document.onkeydown = hotkey_handler;
                document.onmousemove = mouse_move_handler;
                document.onmousedown = mouse_down_handler;
                document.onmouseup = mouse_up_handler;
-               setTimeout("timeout()", 0);
 
-/*             debug("about to remove splash, OMG!");
+               if (!offline_mode) setTimeout("timeout()", 1);
 
-               var o = document.getElementById("overlay");
-
-               if (o) {
-                       o.style.display = "none";
-                       debug("removed splash!");
-               } */
+               setTimeout("hotkey_prefix_timeout()", 5*1000);
 
                if (typeof correctPNG != 'undefined') {
                        correctPNG();
                }
 
                if (getActiveFeedId()) {
-                       debug("some feed is open on feedlist refresh, reloading");
-                       setTimeout("viewCurrentFeed()", 100);
+                       //debug("some feed is open on feedlist refresh, reloading");
+                       //setTimeout("viewCurrentFeed()", 100);
                } else {
                        if (getInitParam("cdm_auto_catchup") != 1 && get_feed_unread(-3) > 0) {
                                notify_silent_next();
@@ -364,18 +467,14 @@ function feedlist_init() {
                        }
                }
 
-               if (getInitParam("theme") == "") {
+               if (getInitParam("theme") == "" || getInitParam("theme") == "neon") {
                        setTimeout("hide_footer()", 5000);
                }
 
-/*             if (getInitParam("hide_feedlist") == 1) {
-                       init_hidden_feedlist(getInitParam("theme"));
-               } else {
-                       init_collapsable_feedlist(getInitParam("theme"));
-               } */
-
                init_collapsable_feedlist(getInitParam("theme"));
 
+               toggle_sortable_feedlist(isFeedlistSortable());
+
        } catch (e) {
                exception_error("feedlist/init", e);
        }
@@ -383,12 +482,19 @@ function feedlist_init() {
 
 function hide_footer_af(effect) {
        try {
-               var c = document.getElementById("content-frame");
+               var c = $("content-frame");
 
                if (c) {
                        c.style.bottom = "0px";
+
+                       var ioa = $("inline_orig_article");
+
+                       if (ioa) {
+                               ioa.height = c.offsetHeight;
+                       }
+
                } else {
-                       var h = document.getElementById("headlines-frame");
+                       var h = $("headlines-frame");
 
                        if (h) {
                                h.style.bottom = "0px";
@@ -417,14 +523,14 @@ function init_hidden_feedlist(theme) {
 
                if (theme != "" && theme != "compact") return;
 
-               var fl = document.getElementById("feeds-holder");
-               var fh = document.getElementById("headlines-frame");
-               var fc = document.getElementById("content-frame");
-               var ft = document.getElementById("toolbar");
-               var ff = document.getElementById("footer");
-               var fhdr = document.getElementById("header");
+               var fl = $("feeds-holder");
+               var fh = $("headlines-frame");
+               var fc = $("content-frame");
+               var ft = $("toolbar");
+               var ff = $("footer");
+               var fhdr = $("header");
 
-               var fbtn = document.getElementById("toggle_feeds_btn");
+               var fbtn = $("toggle_feeds_btn");
 
                if (fbtn) Element.show(fbtn);
 
@@ -455,11 +561,11 @@ function init_collapsable_feedlist(theme) {
                if (theme != "" && theme != "compact" && theme != "graycube" &&
                                theme != "compat") return;
 
-               var fbtn = document.getElementById("collapse_feeds_btn");
+               var fbtn = $("collapse_feeds_btn");
 
                if (fbtn) Element.show(fbtn);
 
-               if (getCookie("ttrss_vf_fclps") == 1) {
+               if (getInitParam("collapsed_feedlist") == 1) {
                        collapse_feedlist();
                }
 
@@ -500,26 +606,112 @@ function mouse_move_handler(e) {
        }
 }
 
-function resize_enabled(b) {
-       enable_resize = b;
+function enable_selection(b) {
+       selection_disabled = !b;
+}
+
+function enable_resize(b) {
+       resize_enabled = b;
 }
 
 function mouse_down_handler(e) {
        try {
-               if (enable_resize) { 
+
+               /* do not prevent right click */
+               if (e && e.button && e.button == 2) return;
+
+               if (resize_enabled) { 
                        mouse_is_down = true;
                        mouse_x = 0;
                        mouse_y = 0;
+                       document.onselectstart = function() { return false; };
+                       return false;
                }
+
+               if (selection_disabled) {
+                       document.onselectstart = function() { return false; };
+                       return false;
+               }
+
        } catch (e) {
-               exception_error("mouse_move_handler", e);
+               exception_error("mouse_down_handler", e);
        }
 }
 
 function mouse_up_handler(e) {
        try {
                mouse_is_down = false;
+
+               if (!selection_disabled) {
+                       document.onselectstart = null;
+                       var e = $("headlineActionsBody");
+                       if (e) Element.hide(e);
+                       
+                       var e = $("offlineModeDrop");
+                       if (e) Element.hide(e);
+
+               }
+
        } catch (e) {
-               exception_error("mouse_move_handler", e);
+               exception_error("mouse_up_handler", e);
+       }
+}
+
+function request_counters_real() {
+
+       try {
+
+               if (offline_mode) return;
+
+               debug("requesting counters...");
+
+               var query = "?op=rpc&subop=getAllCounters";
+
+               if (tagsAreDisplayed()) {
+                       query = query + "&omode=tl";
+               } else {
+                       query = query + "&omode=flc";
+               }
+
+               new Ajax.Request("backend.php", {
+                       parameters: query,
+                       onComplete: function(transport) { 
+                               try {
+                                       all_counters_callback2(transport, true);
+                               } catch (e) {
+                                       exception_error("viewfeed/getcounters", e);
+                               }
+                       } });
+
+       } catch (e) {
+               exception_error("request_counters_real", e);
+       }
+}
+
+
+function request_counters() {
+
+       try {
+
+               if (getInitParam("bw_limit") == "1") return;
+
+               var date = new Date();
+               var timestamp = Math.round(date.getTime() / 1000);
+
+//             if (getInitParam("sync_counters") == "1" || 
+//                             timestamp - counters_last_request > 10) {
+
+               if (timestamp - counters_last_request > 15) {
+                       debug("scheduling request of counters...");
+                       window.setTimeout("request_counters_real()", 1000);
+                       counters_last_request = timestamp;
+               } else {
+                       debug("request_counters: rate limit reached: " + (timestamp - counters_last_request));
+               }
+
+       } catch (e) {
+               exception_error("request_counters", e);
        }
 }
+
+