diff options
author | Andrew Dolgov <[email protected]> | 2010-06-04 11:50:22 +0400 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2010-06-04 11:50:22 +0400 |
commit | a6d56d81b1bde141976f9fad6aebab1fd58bd022 (patch) | |
tree | e134b3b46c9aba7d88d196bb210398def6fa3fe6 /mobile/mobile.js | |
parent | e74fbbf8cc668bc09092fbcfbfe27a7e95814265 (diff) |
mobile: add article navigation (closes #269)
Diffstat (limited to 'mobile/mobile.js')
-rw-r--r-- | mobile/mobile.js | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/mobile/mobile.js b/mobile/mobile.js index 669e63d09..57908bc08 100644 --- a/mobile/mobile.js +++ b/mobile/mobile.js @@ -58,3 +58,85 @@ function setPref(elem) { } }); } + +// Go directly to another item in the same feed +function goToSibling(article_id, feed_id, link, step) { + var links = linksInFeed(feed_id); + for (var i=0 ; i<links.length ; i++) { + var re = new RegExp(".*article\\.php\\?id="+article_id+"&.*"); + if (!re.test(links[i].href)) continue; + // here, we've found the current article + var index = i + step; + if (index < 0) { + markAsRead(feed_id); + iui.showPage($("feed-"+feed_id), true); + return false; + } + if (index >= links.length) { + showRestOfFeed(feed_id); + return false; + } + console.log(links[index]); + var match = links[index].href.match(/.*article\.php\?(.*)/); + var qs = match[1]; + var backwards = false; + if (step < 0) backwards = true; + link.setAttribute("selected", "progress"); + function unselect() { link.removeAttribute("selected"); } + iui.showPageByHref("article.php?"+qs, null, null, null, unselect, backwards); + return false; + } + return false; +} +function goPrev(article_id, feed_id, link) { + return goToSibling(article_id, feed_id, link, -1); +} +function goNext(article_id, feed_id, link) { + return goToSibling(article_id, feed_id, link, 1); +} + +// Get all the links in the feed. The all_links variable includes the "get more article" link +function linksInFeed(feed_id, all_links) { + var feed_content = $("feed-"+feed_id); + var links_raw = feed_content.getElementsByTagName("a"); + if (all_links) return links_raw; + var links = []; + // filter the array to remove the "get more articles" link + // and the "search" link (which is always first) + for (var i=1 ; i<links_raw.length ; i++) { + if (links_raw[i].href.match(/.*article\.php\?id=.*/)) { + links.push(links_raw[i]); + } + } + return links; +} + +// Adds the "read" class to all read links in the feed +function markAsRead(feed_id) { + var links = linksInFeed(feed_id); + for (var j=0 ; j<links.length ; j++) { + var match = links[j].href.match(/.*article\.php\?id=(\d+)&.*/); + if ($("article-"+match[1])) { + links[j].className = "read"; + } + } +} + +// Go the the articles list and expand the "get more articles" link +function showRestOfFeed(feed_id) { + var links_raw = linksInFeed(feed_id, true); + var lastlink = links_raw[links_raw.length - 1]; + if (lastlink.target == "_replace") { + // It's a "get more articles" link + iui.showPage($("feed-"+feed_id), true); + // Mark old items a "read" + markAsRead(feed_id); + // Simulate click on the "get more articles" link + lastlink.setAttribute("selected", "progress"); + function unselect() { lastlink.removeAttribute("selected"); } + setTimeout(window.scrollTo, 0, 0, 1000); + iui.showPageByHref(lastlink.href, null, null, lastlink, unselect); + } else { + iui.showPage($("home"), true); + } +} |