]> 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 05867d7b3f874f4ef74dd201e149ebe8d1a6665d..a6a864a86e6b8a02430156a8e6f20e7450d1cfcf 100644 (file)
@@ -30,74 +30,47 @@ function viewCategory(cat) {
        return false;
 }
 
-function render_offline_feedlist() {
-       try {
-               var tmp = "<ul class=\"feedList\" id=\"feedList\">";
-
-               var rs = db.execute("SELECT id,title,has_icon FROM feeds ORDER BY title");
-
-               while (rs.isValidRow()) {
-
-                       var id = rs.field(0);
-                       var title = rs.field(1);
-                       var has_icon = rs.field(2);
-
-                       var rs_u = db.execute("SELECT SUM(unread) FROM articles WHERE feed_id = ?",
-                               [id]);
-                       var unread = 0;
-
-                       if (rs.isValidRow()) {
-                               unread = rs_u.field(0);
-                               if (!unread) unread = 0;
-                       }
-
-                       var feed_icon = "";
+function printFeedEntry(id, title, row_class, unread, icon) {
 
-                       if (has_icon) {
-                               feed_icon = "<img id='FIMG-"+id+"' src='" + "icons/" + id + ".ico'>";
-                       } else {
-                               feed_icon = "<img id='FIMG-"+id+"' src='images/blank_icon.gif'>";
-                       }
+       var tmp = "";
+       var fctr_class = "";
+       var feed_icon = "";
 
-                       var row_class = "feed";
-
-                       if (unread > 0) {
-                               row_class += "Unread";
-                               fctr_class = "feedCtrHasUnread";
-                       } else {
-                               fctr_class = "feedCtrNoUnread";
-                       }
+       if (unread > 0) {
+               row_class += "Unread";
+               fctr_class = "feedCtrHasUnread";
+       } else {
+               fctr_class = "feedCtrNoUnread";
+       }
 
-                       var link = "<a title=\"FIXME\" id=\"FEEDL-"+id+"\""+
-                               "href=\"javascript:viewfeed('"+id+"', '', false, '', false, 0);\">"+
-                               title + "</a>";
+       if (icon) {
+               feed_icon = "<img id='FIMG-"+id+"' src='" + icon + "'>";
+       } else {
+               feed_icon = "<img id='FIMG-"+id+"' src='images/blank_icon.gif'>";
+       }
 
-                       tmp += "<li id='FEEDR-"+id+"' class="+row_class+">" + feed_icon + 
-                               "<span id=\"FEEDN-"+id+"\">" + link + "</span>";
+       var link = "<a title=\"FIXME\" id=\"FEEDL-"+id+"\""+
+               "href=\"javascript:viewfeed('"+id+"', '', false, '', false, 0);\">"+
+               title + "</a>";
 
-                       tmp += " <span class='"+fctr_class+"' id=\"FEEDCTR-"+id+"\">" +
-                  "(<span id=\"FEEDU-"+id+"\">"+unread+"</span>)</span>";
-                               
-                       tmp += "</li>";
+       tmp += "<li id='FEEDR-"+id+"' class="+row_class+">" + feed_icon + 
+               "<span id=\"FEEDN-"+id+"\">" + link + "</span>";
 
-                       rs.next();
-               }
-
-               tmp += "</ul>";
+       tmp += " <span class='"+fctr_class+"' id=\"FEEDCTR-"+id+"\">" +
+           "(<span id=\"FEEDU-"+id+"\">"+unread+"</span>)</span>";
+                       
+       tmp += "</li>";
 
-               render_feedlist(tmp);
-       } catch (e) {
-               exception_error("render_offline_feedlist", e);
-       }
+       return tmp;
 }
 
 function render_feedlist(data) {
        try {
 
-               var f = document.getElementById("feeds-frame");
+               var f = $("feeds-frame");
                f.innerHTML = data;
-               cache_invalidate("FEEDLIST");
-               cache_inject("FEEDLIST", data, getInitParam("num_feeds"));
+//             cache_invalidate("FEEDLIST");
+//             cache_inject("FEEDLIST", data, getInitParam("num_feeds"));
                feedlist_init();
 
        } catch (e) {
@@ -119,176 +92,16 @@ 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_offline(feed_id, subop, is_cat, subop_param, skip_history, offset) {
-       try {
-               notify('');
-
-               loading_set_progress(100);
-
-               clean_feed_selections();
-       
-               setActiveFeedId(feed_id, is_cat);
-
-               if (!is_cat) {
-                       var feedr = document.getElementById("FEEDR-" + feed_id);
-                       if (feedr && !feedr.className.match("Selected")) {      
-                               feedr.className = feedr.className + "Selected";
-                       } 
-               } else {
-                       var feedr = document.getElementById("FCAT-" + feed_id);
-                       if (feedr && !feedr.className.match("Selected")) {      
-                               feedr.className = feedr.className + "Selected";
-                       } 
-               }
-
-               var f = document.getElementById("headlines-frame");
-               try {
-                       if (reply.offset == 0) { 
-                               debug("resetting headlines scrollTop");
-                               f.scrollTop = 0; 
-                       }
-               } catch (e) { };
-
-
-               var container = document.getElementById("headlines-frame");
-
-               var tmp = "";
-
-               rs = db.execute("SELECT title FROM feeds WHERE id = ?", [feed_id]);
-
-               if (rs.isValidRow()) {
-
-                       var feed_title = rs.field(0);
-
-                       if (offset == 0) {
-                               tmp += "<div id=\"headlinesContainer\">";
-               
-                               tmp += "<div class=\"headlinesSubToolbar\">";
-                               tmp += "<div id=\"subtoolbar_ftitle\">";
-                               tmp += feed_title;
-                               tmp += "</div>";
-
-                               var sel_all_link = "javascript:selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', true, '', true)";
-                               var sel_unread_link = "javascript:selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', true, 'Unread', true)";
-                               var sel_none_link = "javascript:selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false)";
-                               var sel_inv_link = "javascript:invertHeadlineSelection()";
-
-                               tmp += __('Select:')+
-                                       " <a href=\""+sel_all_link+"\">"+__('All')+"</a>, "+
-                                       "<a href=\""+sel_unread_link+"\">"+__('Unread')+"</a>, "+
-                                       "<a href=\""+sel_inv_link+"\">"+__('Invert')+"</a>, "+
-                                       "<a href=\""+sel_none_link+"\">"+__('None')+"</a>";
-       
-                               tmp += "&nbsp;&nbsp;";
-       
-                               tmp += "</div>";
-       
-                               tmp += "<div id=\"headlinesInnerContainer\" onscroll=\"headlines_scroll_handler()\">";
-       
-                               tmp += "<table class=\"headlinesList\" id=\"headlinesList\" cellspacing=\"0\">";
-                       
-                       }
-       
-                       var rs = db.execute("SELECT * FROM articles WHERE feed_id = ?", [feed_id]);
-
-                       var line_num = 0;
-
-                       while (rs.isValidRow()) {
-
-                               var id = rs.fieldByName("id");
-                               var feed_id = rs.fieldByName("feed_id");
-
-                               var marked_pic;
-       
-                               var row_class = (line_num % 2) ? "even" : "odd";
-
-                               if (rs.fieldByName("unread") == "1") {
-                                       row_class += "Unread";
-                               }
-       
-                               if (rs.fieldByName("marked") == "1") {
-                                       marked_pic = "<img id=\"FMPIC-"+id+"\" "+
-                                               "src=\"images/mark_set.png\" class=\"markedPic\""+
-                                               "alt=\"Unstar article\" onclick='javascript:tMark("+id+")'>";
-                               } else {
-                                       marked_pic = "<img id=\"FMPIC-"+id+"\" "+
-                                               "src=\"images/mark_unset.png\" class=\"markedPic\""+
-                                               "alt=\"Star article\" onclick='javascript:tMark("+id+")'>";
-                               }
-
-                               var mouseover_attrs = "onmouseover='postMouseIn($id)' "+
-                                       "onmouseout='postMouseOut($id)'";
-       
-                               tmp += "<tr class='"+row_class+"' id='RROW-"+id+"' "+mouseover_attrs+">";
-                               
-                               tmp += "<td class='hlUpdPic'> </td>";
-
-                               tmp += "<td class='hlSelectRow'>"+
-                                       "<input type=\"checkbox\" onclick=\"tSR(this)\" id=\"RCHK-"+id+"\"></td>";
-                               
-                               tmp += "<td class='hlMarkedPic'>"+marked_pic+"</td>";
-       
-                               tmp += "<td onclick='view("+id+","+feed_id+")' "+
-                                       "class='hlContent' valign='middle'>";
-       
-                               tmp += "<a id=\"RTITLE-$id\" href=\"" + 
-                                       param_escape(rs.fieldByName("link")) + "\"" +
-                                       "onclick=\"return view("+id+","+feed_id+");\">"+
-                                       rs.fieldByName("title");
-
-                               var content_preview = truncate_string(strip_tags(rs.fieldByName("content")), 
-                                       100);
-
-                               tmp += "<span class=\"contentPreview\"> - "+content_preview+"</span>";
-
-                               tmp += "</a>";
-
-                               tmp += "</td>";
-       
-                               tmp += "<td class=\"hlUpdated\" onclick='view("+id+","+feed_id+")'>"+
-                                       "<nobr>"+rs.fieldByName("updated").substring(0,16)+"</nobr></td>";
-
-                               tmp += "</tr>";
-
-                               rs.next();
-                               line_num++;
-                       }
-       
-                       if (offset == 0) {
-                               tmp += "</table>";
-                               tmp += "</div></div>";
-                       }
-       
-                       if (offset == 0) {
-                               container.innerHTML = tmp;
-                       } else {
-                               var ids = getSelectedArticleIds2();
-               
-                               //container.innerHTML = container.innerHTML + tmp;
-       
-                               for (var i = 0; i < ids.length; i++) {
-                                       markHeadline(ids[i]);
-                               }
-                       }
-               }
-
-               remove_splash();
-
-
-       } catch (e) {
-               exception_error("viewfeed_offline", e);
-       }
-}
 
 function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
        try {
@@ -344,7 +157,7 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
                }
 
                enableHotkeys();
-
+               hideAuxDlg();
                closeInfoBox();
 
                Form.enable("main_toolbar_form");
@@ -359,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;
                }
@@ -373,13 +187,15 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
 
                if (subop == "MarkAllRead") {
 
+                       catchup_local_feed(feed, is_cat);
+
                        var show_next_feed = getInitParam("on_catchup_show_next_feed") == "1";
 
                        if (show_next_feed) {
 
                                if (!activeFeedIsCat()) {
        
-                                       var feedlist = document.getElementById('feedList');
+                                       var feedlist = $('feedList');
                                
                                        var next_unread_feed = getRelativeFeedId(feedlist,
                                                        feed, "next", true);
@@ -445,7 +261,7 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
 
                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,
@@ -473,19 +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, 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 = document.getElementById("FCAT-" + feed_id);
+                               var feedr = $("FCAT-" + feed_id);
                                if (feedr && !feedr.className.match("Selected")) {      
                                        feedr.className = feedr.className + "Selected";
                                } 
@@ -499,10 +315,42 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
                } 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, page_offset); 
                                } });
@@ -520,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("…", "");
@@ -538,54 +386,18 @@ 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");
-                       } 
-
-               } */
-
-               if (cat == 0) {
-                       if (Element.visible("FCATLIST-" + cat)) {
-                               setCookie("ttrss_vf_uclps", "1");
-                       } else {
-                               setCookie("ttrss_vf_uclps", "0");
-                       }
-               } 
-
-               if (cat == -2) {
-                       if (Element.visible("FCATLIST-" + cat)) {
-                               setCookie("ttrss_vf_lclps", "1");
-                       } else {
-                               setCookie("ttrss_vf_lclps", "0");
-                       }
-               } 
-
-               if (cat == -1) {
-                       if (Element.visible("FCATLIST-" + cat)) {
-                               setCookie("ttrss_vf_vclps", "1");
-                       } else {
-                               setCookie("ttrss_vf_vclps", "0");
-                       }
-               } 
-
                Effect.toggle('FCATLIST-' + cat, 'blind', { duration: 0.5,
                        afterFinish: toggleCollapseCat_af });
 
-               new Ajax.Request("backend.php?op=feeds&subop=collapse&cid=" + 
-                       param_escape(cat));
+               new Ajax.Request("backend.php", 
+                       { parameters: "backend.php?op=feeds&subop=collapse&cid=" + 
+                               param_escape(cat) } );
+
+               local_collapse_cat(cat);
 
        } catch (e) {
                exception_error("toggleCollapseCat", e);
@@ -594,7 +406,7 @@ function toggleCollapseCat(cat) {
 
 function feedlist_dragsorted(ctr) {
        try {
-               var elem = document.getElementById("feedList");
+               var elem = $("feedList");
 
                var cats = elem.getElementsByTagName("LI");
                var ordered_cats = new Array();
@@ -607,12 +419,12 @@ function feedlist_dragsorted(ctr) {
 
                if (ordered_cats.length > 0) {
 
-                       var query = "backend.php?op=feeds&subop=catsort&corder=" + 
+                       var query = "?op=feeds&subop=catsort&corder=" + 
                                param_escape(ordered_cats.toString());
 
                        debug(query);
 
-                       new Ajax.Request(query);
+                       new Ajax.Request("backend.php", { parameters: query });
                }
 
        } catch (e) {
@@ -635,7 +447,9 @@ function feedlist_init() {
                document.onmousedown = mouse_down_handler;
                document.onmouseup = mouse_up_handler;
 
-               setTimeout("timeout()", 1);
+               if (!offline_mode) setTimeout("timeout()", 1);
+
+               setTimeout("hotkey_prefix_timeout()", 5*1000);
 
                if (typeof correctPNG != 'undefined') {
                        correctPNG();
@@ -653,7 +467,7 @@ function feedlist_init() {
                        }
                }
 
-               if (getInitParam("theme") == "") {
+               if (getInitParam("theme") == "" || getInitParam("theme") == "neon") {
                        setTimeout("hide_footer()", 5000);
                }
 
@@ -668,19 +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 = document.getElementById("inline_orig_article");
+                       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";
@@ -709,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);
 
@@ -747,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();
                }
 
@@ -804,7 +618,7 @@ function mouse_down_handler(e) {
        try {
 
                /* do not prevent right click */
-               if (e.button && e.button == 2) return;
+               if (e && e.button && e.button == 2) return;
 
                if (resize_enabled) { 
                        mouse_is_down = true;
@@ -820,7 +634,7 @@ function mouse_down_handler(e) {
                }
 
        } catch (e) {
-               exception_error("mouse_move_handler", e);
+               exception_error("mouse_down_handler", e);
        }
 }
 
@@ -830,12 +644,16 @@ function mouse_up_handler(e) {
 
                if (!selection_disabled) {
                        document.onselectstart = null;
-                       var e = document.getElementById("headlineActionsBody");
+                       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);
        }
 }
 
@@ -847,7 +665,7 @@ function request_counters_real() {
 
                debug("requesting counters...");
 
-               var query = "backend.php?op=rpc&subop=getAllCounters";
+               var query = "?op=rpc&subop=getAllCounters";
 
                if (tagsAreDisplayed()) {
                        query = query + "&omode=tl";
@@ -855,7 +673,8 @@ function request_counters_real() {
                        query = query + "&omode=flc";
                }
 
-               new Ajax.Request(query, {
+               new Ajax.Request("backend.php", {
+                       parameters: query,
                        onComplete: function(transport) { 
                                try {
                                        all_counters_callback2(transport, true);
@@ -894,3 +713,5 @@ function request_counters() {
                exception_error("request_counters", e);
        }
 }
+
+