]> git.wh0rd.org - tt-rss.git/blobdiff - js/viewfeed.js
feed tree: only run animation for appearing unread counters to prevent clashes with...
[tt-rss.git] / js / viewfeed.js
old mode 100644 (file)
new mode 100755 (executable)
index 8587255..ac9d422
@@ -13,6 +13,7 @@ var catchup_timeout_id = false;
 var cids_requested = [];
 var loaded_article_ids = [];
 var _last_headlines_update = 0;
+var _headlines_scroll_offset = 0;
 var current_first_id = 0;
 
 var _catchup_request_sent = false;
@@ -60,7 +61,7 @@ function headlines_callback2(transport, offset, background, infscroll_req) {
                                        $("headlines-frame").scrollTop = 0;
 
                                        $("floatingTitle").style.visibility = "hidden";
-                                       $("floatingTitle").setAttribute("rowid", 0);
+                                       $("floatingTitle").setAttribute("data-article-id", 0);
                                        $("floatingTitle").innerHTML = "";
                                }
                        } catch (e) { };
@@ -92,13 +93,29 @@ function headlines_callback2(transport, offset, background, infscroll_req) {
                                                reply['headlines']['toolbar'],
                                                {parseContent: true});
 
-                               dojo.html.set($("headlines-frame"),
+                               /*dojo.html.set($("headlines-frame"),
                                        reply['headlines']['content'],
                                        {parseContent: true});
 
                                $$("#headlines-frame div[id*='RROW']").each(function(row) {
                                        loaded_article_ids.push(row.id);
-                               });
+                               });*/
+
+                               $("headlines-frame").innerHTML = '';
+
+                               var tmp = new Element("div");
+                               tmp.innerHTML = reply['headlines']['content'];
+                               dojo.parser.parse(tmp);
+
+                               while (tmp.hasChildNodes()) {
+                                       var row = tmp.removeChild(tmp.firstChild);
+
+                                       if (loaded_article_ids.indexOf(row.id) == -1 || row.hasClassName("cdmFeedTitle")) {
+                                               dijit.byId("headlines-frame").domNode.appendChild(row);
+
+                                               loaded_article_ids.push(row.id);
+                                       }
+                               }
 
                                var hsp = $("headlines-spacer");
                                if (!hsp) hsp = new Element("DIV", {"id": "headlines-spacer"});
@@ -133,14 +150,25 @@ function headlines_callback2(transport, offset, background, infscroll_req) {
                                        tmp.innerHTML = reply['headlines']['content'];
                                        dojo.parser.parse(tmp);
 
+                                       var new_rows = [];
+
                                        while (tmp.hasChildNodes()) {
                                                var row = tmp.removeChild(tmp.firstChild);
 
                                                if (loaded_article_ids.indexOf(row.id) == -1 || row.hasClassName("cdmFeedTitle")) {
                                                        dijit.byId("headlines-frame").domNode.appendChild(row);
-                                                       //Element.hide(row);
-                                                       //new Effect.Appear(row, {duration:0.5});
+
                                                        loaded_article_ids.push(row.id);
+
+                                                       if (!isCdmMode() || row.hasClassName("cdmFeedTitle")) {
+                                                               new_rows.push(row);
+                                                       } else if (isCdmMode()) {
+                                                               var titleWrap = $$("#" + row.id + " .titleWrap")[0];
+
+                                                               if (titleWrap) {
+                                                                       new_rows.push(titleWrap);
+                                                               }
+                                                       }
                                                }
                                        }
 
@@ -155,7 +183,7 @@ function headlines_callback2(transport, offset, background, infscroll_req) {
                                                markHeadline(ids[i]);
                                        }
 
-                                       initHeadlinesMenu();
+                                       initHeadlinesMenu(new_rows);
 
                                        if (_infscroll_disable) {
                                                hsp.innerHTML = "<a href='#' onclick='openNextUnreadFeed()'>" +
@@ -229,6 +257,8 @@ function headlines_callback2(transport, offset, background, infscroll_req) {
 
 function render_article(article) {
        try {
+               cleanup_memory("content-insert");
+
                dijit.byId("headlines-wrap-inner").addChild(
                                dijit.byId("content-insert"));
 
@@ -255,34 +285,18 @@ function render_article(article) {
 function showArticleInHeadlines(id, noexpand) {
 
        try {
-               selectArticles("none");
-
-               var crow = $("RROW-" + id);
-
-               if (!crow) return;
-
-               var article_is_unread = crow.hasClassName("Unread");
+               var row = $("RROW-" + id);
+               if (!row) return;
 
                if (!noexpand)
-                       crow.removeClassName("Unread");
-               crow.addClassName("active");
-
-               selectArticles('none');
+                       row.removeClassName("Unread");
 
-               var view_mode = false;
+               row.addClassName("active");
 
-               try {
-                       view_mode = document.forms['main_toolbar_form'].view_mode;
-                       view_mode = view_mode[view_mode.selectedIndex].value;
-               } catch (e) {
-                       //
-               }
+               selectArticles('none');
 
                markHeadline(id);
 
-               if (article_is_unread && !noexpand)
-                       _force_scheduled_update = true;
-
        } catch (e) {
                exception_error("showArticleInHeadlines", e);
        }
@@ -434,7 +448,7 @@ function toggleMark(id, client_only) {
 
                var ft = $("floatingTitle");
 
-               if (ft && ft.getAttribute("rowid") == "RROW-" + id) {
+               if (ft && ft.getAttribute("data-article-id") == id) {
                        var fte = ft.getElementsByClassName("markedPic");
 
                        for (var i = 0; i < fte.length; i++)
@@ -492,7 +506,7 @@ function togglePub(id, client_only, no_effects, note) {
 
                var ft = $("floatingTitle");
 
-               if (ft && ft.getAttribute("rowid") == "RROW-" + id) {
+               if (ft && ft.getAttribute("data-article-id") == id) {
                        var fte = ft.getElementsByClassName("pubPic");
 
                        for (var i = 0; i < fte.length; i++)
@@ -535,7 +549,7 @@ function moveToPost(mode, noscroll, noexpand) {
 
        try {
 
-               var rows = getVisibleArticleIds();
+               var rows = getLoadedArticleIds();
 
                var prev_id = false;
                var next_id = false;
@@ -676,17 +690,6 @@ function updateSelectedPrompt() {
        }
 }
 
-function toggleUnread_afh(effect) {
-       try {
-
-               var elem = effect.element;
-               elem.style.backgroundColor = "";
-
-       } catch (e) {
-               exception_error("toggleUnread_afh", e);
-       }
-}
-
 function toggleUnread(id, cmode, effect) {
        try {
 
@@ -925,7 +928,7 @@ function getSelectedArticleIds2() {
 
        $$("#headlines-frame > div[id*=RROW][class*=Selected]").each(
                function(child) {
-                       rv.push(child.id.replace("RROW-", ""));
+                       rv.push(child.getAttribute("data-article-id"));
                });
 
        return rv;
@@ -937,8 +940,10 @@ function getLoadedArticleIds() {
        var children = $$("#headlines-frame > div[id*=RROW-]");
 
        children.each(function(child) {
-                       rv.push(child.id.replace("RROW-", ""));
-               });
+               if (Element.visible(child)) {
+                       rv.push(child.getAttribute("data-article-id"));
+               }
+       });
 
        return rv;
 
@@ -953,7 +958,7 @@ function selectArticles(mode, query) {
                var children = $$(query);
 
                children.each(function(child) {
-                       var id = child.id.replace("RROW-", "");
+                       var id = child.getAttribute("data-article-id");
 
                        var cb = dijit.getEnclosingWidget(
                                        child.getElementsByClassName("rchk")[0]);
@@ -1180,7 +1185,7 @@ function editArticleTags(id) {
                });
 
                var tmph = dojo.connect(dialog, 'onLoad', function() {
-               dojo.disconnect(tmph);
+                       dojo.disconnect(tmph);
 
                        new Ajax.Autocompleter('tags_str', 'tags_choices',
                           "backend.php?op=article&method=completeTags",
@@ -1238,7 +1243,7 @@ function unpackVisibleHeadlines() {
                                if (child.offsetTop <= $("headlines-frame").scrollTop +
                                        $("headlines-frame").offsetHeight) {
 
-                                       var cencw = $("CENCW-" + child.id.replace("RROW-", ""));
+                                       var cencw = $("CENCW-" + child.getAttribute("data-article-id"));
 
                                        if (cencw) {
                                                cencw.innerHTML = htmlspecialchars_decode(cencw.innerHTML);
@@ -1259,6 +1264,14 @@ function unpackVisibleHeadlines() {
 
 function headlines_scroll_handler(e) {
        try {
+
+               // rate-limit in case of smooth scrolling and similar abominations
+               if (Math.max(e.scrollTop, _headlines_scroll_offset) - Math.min(e.scrollTop, _headlines_scroll_offset) < 25) {
+                       return;
+               }
+
+               _headlines_scroll_offset = e.scrollTop;
+
                var hsp = $("headlines-spacer");
 
                unpackVisibleHeadlines();
@@ -1267,6 +1280,7 @@ function headlines_scroll_handler(e) {
                if (isCdmMode() && getInitParam("cdm_auto_catchup") == 1 &&
                                getSelectedArticleIds2().length <= 1 &&
                                getInitParam("cdm_expanded")) {
+
                        var rows = $$("#headlines-frame > div[id*=RROW]");
 
                        for (var i = 0; i < rows.length; i++) {
@@ -1274,14 +1288,14 @@ function headlines_scroll_handler(e) {
 
                                if ($("headlines-frame").scrollTop <= child.offsetTop &&
                                        child.offsetTop - $("headlines-frame").scrollTop < 100 &&
-                                       child.id.replace("RROW-", "") != _active_article_id) {
+                                       child.getAttribute("data-article-id") != _active_article_id) {
 
                                        if (_active_article_id) {
                                                var row = $("RROW-" + _active_article_id);
                                                if (row) row.removeClassName("active");
                                        }
 
-                                       _active_article_id = child.id.replace("RROW-", "");
+                                       _active_article_id = child.getAttribute("data-article-id");
                                        showArticleInHeadlines(_active_article_id, true);
                                        updateSelectedPrompt();
                                        break;
@@ -1318,7 +1332,7 @@ function headlines_scroll_handler(e) {
                                        if (child.hasClassName("Unread") && $("headlines-frame").scrollTop >
                                                        (child.offsetTop + child.offsetHeight/2)) {
 
-                                               var id = child.id.replace("RROW-", "");
+                                               var id = child.getAttribute("data-article-id")
 
                                                if (catchup_id_batch.indexOf(id) == -1)
                                                        catchup_id_batch.push(id);
@@ -1352,7 +1366,7 @@ function openNextUnreadFeed() {
        try {
                var is_cat = activeFeedIsCat();
                var nuf = getNextUnreadFeed(getActiveFeedId(), is_cat);
-               if (nuf) viewfeed(nuf, '', is_cat);
+               if (nuf) viewfeed({feed: nuf, is_cat: is_cat});
        } catch (e) {
                exception_error("openNextUnreadFeed", e);
        }
@@ -1411,7 +1425,7 @@ function catchupRelativeToArticle(below, id) {
                        return;
                }
 
-               var visible_ids = getVisibleArticleIds();
+               var visible_ids = getLoadedArticleIds();
 
                var ids_to_mark = new Array();
 
@@ -1505,7 +1519,7 @@ function cdmCollapseArticle(event, id, unmark) {
                                scrollToRowId(row.id);
 
                        $("floatingTitle").style.visibility = "hidden";
-                       $("floatingTitle").setAttribute("rowid", false);
+                       $("floatingTitle").setAttribute("data-article-id", 0);
                }
 
        } catch (e) {
@@ -1625,120 +1639,11 @@ function show_labels_in_headlines(transport) {
        }
 }
 
-function dismissArticle(id) {
-       try {
-               var elem = $("RROW-" + id);
-
-               if (!elem) return;
-
-               toggleUnread(id, 0, true);
-
-               new Effect.Fade(elem, {duration : 0.5});
-
-               // Remove the content, too
-               var elem_content = $("CICD-" + id);
-               if (elem_content) {
-                       Element.remove(elem_content);
-               }
-
-               if (id == getActiveArticleId()) {
-                       setActiveArticleId(0);
-               }
-
-       } catch (e) {
-               exception_error("dismissArticle", e);
-       }
-}
-
-function dismissSelectedArticles() {
-       try {
-
-               var ids = getVisibleArticleIds();
-               var tmp = [];
-               var sel = [];
-
-               for (var i = 0; i < ids.length; i++) {
-                       var elem = $("RROW-" + ids[i]);
-
-                       if (elem.className && elem.hasClassName("Selected") &&
-                                       ids[i] != getActiveArticleId()) {
-                               new Effect.Fade(elem, {duration : 0.5});
-                               sel.push(ids[i]);
-
-                               // Remove the content, too
-                               var elem_content = $("CICD-" + ids[i]);
-                               if (elem_content) {
-                                       Element.remove(elem_content);
-                               }
-                       } else {
-                               tmp.push(ids[i]);
-                       }
-               }
-
-               if (sel.length > 0)
-                       selectionToggleUnread(false);
-
-
-       } catch (e) {
-               exception_error("dismissSelectedArticles", e);
-       }
-}
-
-function dismissReadArticles() {
-       try {
-
-               var ids = getVisibleArticleIds();
-               var tmp = [];
-
-               for (var i = 0; i < ids.length; i++) {
-                       var elem = $("RROW-" + ids[i]);
-
-                       if (elem.className && !elem.hasClassName("Unread") &&
-                                       !elem.hasClassName("Selected")) {
-
-                               new Effect.Fade(elem, {duration : 0.5});
-
-                               // Remove the content, too
-                               var elem_content = $("CICD-" + ids[i]);
-                               if (elem_content) {
-                                       Element.remove(elem_content);
-                               }
-                       } else {
-                               tmp.push(ids[i]);
-                       }
-               }
-
-       } catch (e) {
-               exception_error("dismissReadArticles", e);
-       }
-}
-
-// we don't really hide rows anymore
-function getVisibleArticleIds() {
-       return getLoadedArticleIds();
-
-       /*var ids = [];
-
-       try {
-
-               getLoadedArticleIds().each(function(id) {
-                       var elem = $("RROW-" + id);
-                       if (elem && Element.visible(elem))
-                               ids.push(id);
-                       });
-
-       } catch (e) {
-               exception_error("getVisibleArticleIds", e);
-       }
-
-       return ids; */
-}
-
 function cdmClicked(event, id) {
        try {
                //var shift_key = event.shiftKey;
 
-               if (!event.ctrlKey) {
+               if (!event.ctrlKey && !event.metaKey) {
 
                        if (!getInitParam("cdm_expanded")) {
                                return cdmExpandArticle(id);
@@ -1807,7 +1712,7 @@ function hlClicked(event, id) {
                if (event.which == 2) {
                        view(id);
                        return true;
-               } else if (event.ctrlKey) {
+               } else if (event.ctrlKey || event.metaKey) {
                        toggleSelected(id, true);
                        toggleUnread(id, 0, false);
                        openArticleInNewWindow(id);
@@ -1822,17 +1727,6 @@ function hlClicked(event, id) {
        }
 }
 
-function getFirstVisibleHeadlineId() {
-       var rows = getVisibleArticleIds();
-       return rows[0];
-
-}
-
-function getLastVisibleHeadlineId() {
-       var rows = getVisibleArticleIds();
-       return rows[rows.length-1];
-}
-
 function openArticleInNewWindow(id) {
        toggleUnread(id, 0, false);
        window.open("backend.php?op=article&method=redirect&id=" + id);
@@ -1869,7 +1763,7 @@ function getRelativePostIds(id, limit) {
 
                if (!limit) limit = 6; //3
 
-               var ids = getVisibleArticleIds();
+               var ids = getLoadedArticleIds();
 
                for (var i = 0; i < ids.length; i++) {
                        if (ids[i] == id) {
@@ -1939,37 +1833,49 @@ function closeArticlePanel() {
 
 function initFloatingMenu() {
        try {
-               if (dijit.byId("floatingMenu"))
-                       dijit.byId("floatingMenu").destroyRecursive();
+               if (!dijit.byId("floatingMenu")) {
 
                        var menu = new dijit.Menu({
                                id: "floatingMenu",
                                targetNodeIds: ["floatingTitle"]
                        });
 
-                       var id = $("floatingTitle").getAttribute("rowid").replace("RROW-", "");
+                       var tmph = dojo.connect(menu, '_openMyself', function (event) {
+                               var callerNode = event.target, match = null, tries = 0;
 
-                       headlinesMenuCommon(menu, id);
+                               while (match == null && callerNode && tries <= 3) {
+                                       match = callerNode.getAttribute("data-article-id");
+                                       callerNode = callerNode.parentNode;
+                                       ++tries;
+                               }
+
+                               if (match) this.callerRowId = match;
+
+                       });
+
+                       headlinesMenuCommon(menu);
 
                        menu.startup();
+               }
+
        } catch (e) {
                exception_error("initFloatingMenu", e);
        }
 }
 
-function headlinesMenuCommon(menu, base_id) {
+function headlinesMenuCommon(menu) {
        try {
 
                menu.addChild(new dijit.MenuItem({
                        label: __("Open original article"),
                        onClick: function(event) {
-                               openArticleInNewWindow(base_id ? base_id : this.getParent().callerRowId);
+                               openArticleInNewWindow(this.getParent().callerRowId);
                        }}));
 
                menu.addChild(new dijit.MenuItem({
                        label: __("Display article URL"),
                        onClick: function(event) {
-                               displayArticleUrl(base_id ? base_id : this.getParent().callerRowId);
+                               displayArticleUrl(this.getParent().callerRowId);
                        }}));
 
                menu.addChild(new dijit.MenuSeparator());
@@ -1979,7 +1885,7 @@ function headlinesMenuCommon(menu, base_id) {
                        onClick: function(event) {
                                var ids = getSelectedArticleIds2();
                                // cast to string
-                               var id = (base_id ? base_id : this.getParent().callerRowId) + "";
+                               var id = (this.getParent().callerRowId) + "";
                                ids = ids.size() != 0 && ids.indexOf(id) != -1 ? ids : [id];
 
                                selectionToggleUnread(undefined, false, true, ids);
@@ -1990,7 +1896,7 @@ function headlinesMenuCommon(menu, base_id) {
                        onClick: function(event) {
                                var ids = getSelectedArticleIds2();
                                // cast to string
-                               var id = (base_id ? base_id : this.getParent().callerRowId) + "";
+                               var id = (this.getParent().callerRowId) + "";
                                ids = ids.size() != 0 && ids.indexOf(id) != -1 ? ids : [id];
 
                                selectionToggleMarked(undefined, false, true, ids);
@@ -2001,7 +1907,7 @@ function headlinesMenuCommon(menu, base_id) {
                        onClick: function(event) {
                                var ids = getSelectedArticleIds2();
                                // cast to string
-                               var id = (base_id ? base_id : this.getParent().callerRowId) + "";
+                               var id = (this.getParent().callerRowId) + "";
                                ids = ids.size() != 0 && ids.indexOf(id) != -1 ? ids : [id];
 
                                selectionTogglePublished(undefined, false, true, ids);
@@ -2012,13 +1918,13 @@ function headlinesMenuCommon(menu, base_id) {
                menu.addChild(new dijit.MenuItem({
                        label: __("Mark above as read"),
                        onClick: function(event) {
-                               catchupRelativeToArticle(0, base_id ? base_id : this.getParent().callerRowId);
+                               catchupRelativeToArticle(0, this.getParent().callerRowId);
                                }}));
 
                menu.addChild(new dijit.MenuItem({
                        label: __("Mark below as read"),
                        onClick: function(event) {
-                               catchupRelativeToArticle(1, base_id ? base_id : this.getParent().callerRowId);
+                               catchupRelativeToArticle(1, this.getParent().callerRowId);
                                }}));
 
 
@@ -2044,7 +1950,7 @@ function headlinesMenuCommon(menu, base_id) {
                                        onClick: function(event) {
                                                var ids = getSelectedArticleIds2();
                                                // cast to string
-                                               var id = (base_id ? base_id : this.getParent().ownerMenu.callerRowId) + "";
+                                               var id = (this.getParent().ownerMenu.callerRowId) + "";
 
                                                ids = ids.size() != 0 && ids.indexOf(id) != -1 ? ids : [id];
 
@@ -2057,7 +1963,7 @@ function headlinesMenuCommon(menu, base_id) {
                                        onClick: function(event) {
                                                var ids = getSelectedArticleIds2();
                                                // cast to string
-                                               var id = (base_id ? base_id : this.getParent().ownerMenu.callerRowId) + "";
+                                               var id = (this.getParent().ownerMenu.callerRowId) + "";
 
                                                ids = ids.size() != 0 && ids.indexOf(id) != -1 ? ids : [id];
 
@@ -2084,60 +1990,27 @@ function headlinesMenuCommon(menu, base_id) {
        }
 }
 
-function initHeadlinesMenu() {
+function initHeadlinesMenu(append_rows) {
        try {
-               if (dijit.byId("headlinesMenu"))
-                       dijit.byId("headlinesMenu").destroyRecursive();
-
-               var ids = [];
-
-               if (!isCdmMode()) {
-                       nodes = $$("#headlines-frame > div[id*=RROW]");
-               } else {
-                       nodes = $$("#headlines-frame span[id*=RTITLE]");
-               }
+               if (!append_rows) {
 
-               nodes.each(function(node) {
-                       ids.push(node.id);
-               });
-
-               var menu = new dijit.Menu({
-                       id: "headlinesMenu",
-                       targetNodeIds: ids
-               });
+                       if (dijit.byId("headlinesMenu"))
+                               dijit.byId("headlinesMenu").destroyRecursive();
 
-               var tmph = dojo.connect(menu, '_openMyself', function (event) {
-                       var callerNode = event.target, match = null, tries = 0;
+                       var ids = [];
 
-                       while (match == null && callerNode && tries <= 3) {
-                               match = callerNode.id.match("^[A-Z]+[-]([0-9]+)$");
-                               callerNode = callerNode.parentNode;
-                               ++tries;
+                       if (!isCdmMode()) {
+                               nodes = $$("#headlines-frame > div[id*=RROW]");
+                       } else {
+                               nodes = $$("#headlines-frame span[id*=RTITLE]");
                        }
 
-                       if (match) this.callerRowId = parseInt(match[1]);
-
-               });
-
-               headlinesMenuCommon(menu, false);
-
-               menu.startup();
-
-               /* vgroup feed title menu */
-
-               var nodes = $$("#headlines-frame > div[class='cdmFeedTitle']");
-               var ids = [];
-
-               nodes.each(function(node) {
-                       ids.push(node.id);
-               });
-
-               if (ids.length > 0) {
-                       if (dijit.byId("headlinesFeedTitleMenu"))
-                               dijit.byId("headlinesFeedTitleMenu").destroyRecursive();
+                       nodes.each(function (node) {
+                               ids.push(node.id);
+                       });
 
                        var menu = new dijit.Menu({
-                               id: "headlinesFeedTitleMenu",
+                               id: "headlinesMenu",
                                targetNodeIds: ids
                        });
 
@@ -2145,48 +2018,109 @@ function initHeadlinesMenu() {
                                var callerNode = event.target, match = null, tries = 0;
 
                                while (match == null && callerNode && tries <= 3) {
-                                       console.log(callerNode.id);
 
-                                       match = callerNode.id.match("^[A-Z]+[-]([0-9]+)$");
+                                       match = callerNode.getAttribute("data-article-id")
                                        callerNode = callerNode.parentNode;
                                        ++tries;
+                               }
+
+                               if (match) this.callerRowId = match;
+
+                       });
+
+                       headlinesMenuCommon(menu);
+
+                       menu.startup();
+
+               } else {
+                       var menu = dijit.byId("headlinesMenu");
 
-                                       console.log(match[1]);
+                       append_rows.each(function (row) {
+                               if (!row.hasClassName("cdmFeedTitle")) {
+                                       menu.bindDomNode(row);
                                }
+                       });
+               }
+
+               /* vgroup feed title menu */
+
+               if (!append_rows) {
 
-                               if (match) this.callerRowId = parseInt(match[1]);
+                       var nodes = $$("#headlines-frame > div[class='cdmFeedTitle']");
+                       var ids = [];
 
+                       nodes.each(function(node) {
+                               ids.push(node.id);
                        });
 
-                       menu.addChild(new dijit.MenuItem({
-                               label: __("Select articles in group"),
-                               onClick: function(event) {
-                                       selectArticles("all",
-                                               "#headlines-frame > div[id*=RROW]"+
-                                               "[orig-feed-id='"+menu.callerRowId+"']");
+                       if (ids.length > 0) {
+                               if (dijit.byId("headlinesFeedTitleMenu"))
+                                       dijit.byId("headlinesFeedTitleMenu").destroyRecursive();
 
-                               }}));
+                               var menu = new dijit.Menu({
+                                       id: "headlinesFeedTitleMenu",
+                                       targetNodeIds: ids
+                               });
 
-                       menu.addChild(new dijit.MenuItem({
-                               label: __("Mark group as read"),
-                               onClick: function(event) {
-                                       selectArticles("none");
-                                       selectArticles("all",
-                                               "#headlines-frame > div[id*=RROW]"+
-                                               "[orig-feed-id='"+menu.callerRowId+"']");
+                               var tmph = dojo.connect(menu, '_openMyself', function (event) {
+                                       var callerNode = event.target, match = null, tries = 0;
 
-                                       catchupSelection();
-                               }}));
+                                       while (match == null && callerNode && tries <= 3) {
+                                               match = callerNode.getAttribute("data-feed-id")
+                                               callerNode = callerNode.parentNode;
+                                               ++tries;
+                                       }
 
+                                       if (match) this.callerRowId = match;
 
-                       menu.addChild(new dijit.MenuItem({
-                               label: __("Mark feed as read"),
-                               onClick: function(event) {
-                                       catchupFeedInGroup(menu.callerRowId);
-                               }}));
+                               });
 
-                       menu.startup();
+                               menu.addChild(new dijit.MenuItem({
+                                       label: __("Select articles in group"),
+                                       onClick: function (event) {
+                                               selectArticles("all",
+                                                       "#headlines-frame > div[id*=RROW]" +
+                                                       "[data-orig-feed-id='" + menu.callerRowId + "']");
+
+                                       }
+                               }));
+
+                               menu.addChild(new dijit.MenuItem({
+                                       label: __("Mark group as read"),
+                                       onClick: function (event) {
+                                               selectArticles("none");
+                                               selectArticles("all",
+                                                       "#headlines-frame > div[id*=RROW]" +
+                                                       "[data-orig-feed-id='" + menu.callerRowId + "']");
+
+                                               catchupSelection();
+                                       }
+                               }));
+
+                               menu.addChild(new dijit.MenuItem({
+                                       label: __("Mark feed as read"),
+                                       onClick: function (event) {
+                                               catchupFeedInGroup(menu.callerRowId);
+                                       }
+                               }));
 
+                               menu.addChild(new dijit.MenuItem({
+                                       label: __("Edit feed"),
+                                       onClick: function (event) {
+                                               editFeed(menu.callerRowId);
+                                       }
+                               }));
+
+                               menu.startup();
+                       }
+               } else {
+                       var menu = dijit.byId("headlinesFeedTitleMenu");
+
+                       append_rows.each(function (row) {
+                               if (row.hasClassName("cdmFeedTitle")) {
+                                       menu.bindDomNode(row);
+                               }
+                       });
                }
 
        } catch (e) {
@@ -2375,9 +2309,10 @@ function updateFloatingTitle(unread_only) {
 
                                var header = child.getElementsByClassName("cdmHeader")[0];
 
-                               if (unread_only || child.id != $("floatingTitle").getAttribute("rowid")) {
-                                       if (child.id != $("floatingTitle").getAttribute("rowid")) {
-                                               $("floatingTitle").setAttribute("rowid", child.id);
+                               if (unread_only || child.getAttribute("data-article-id") != $("floatingTitle").getAttribute("data-article-id")) {
+                                       if (child.getAttribute("data-article-id") != $("floatingTitle").getAttribute("data-article-id")) {
+
+                                               $("floatingTitle").setAttribute("data-article-id", child.getAttribute("data-article-id"));
                                                $("floatingTitle").innerHTML = header.innerHTML;
                                                $("floatingTitle").firstChild.innerHTML = "<img class='anchor markedPic' src='images/page_white_go.png' onclick=\"scrollToRowId('"+child.id+"')\">" + $("floatingTitle").firstChild.innerHTML;
 
@@ -2417,7 +2352,7 @@ function updateFloatingTitle(unread_only) {
 function catchupCurrentBatchIfNeeded() {
        if (catchup_id_batch.length > 0) {
                window.clearTimeout(catchup_timeout_id);
-               catchup_timeout_id = window.setTimeout('catchupBatchedArticles()', 1000);
+               catchup_timeout_id = window.setTimeout(catchupBatchedArticles, 1000);
 
                if (catchup_id_batch.length >= 10) {
                        catchupBatchedArticles();