From bb674f94936e8930d9ac6fa1bcc38c064e67529e Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 1 Sep 2011 16:46:50 +0400 Subject: rework digest mode --- digest.js | 327 ++++++++++++++++++++++++++++++++------------------------------ 1 file changed, 167 insertions(+), 160 deletions(-) (limited to 'digest.js') diff --git a/digest.js b/digest.js index a85b7bda1..ee76c735b 100644 --- a/digest.js +++ b/digest.js @@ -2,7 +2,6 @@ var last_feeds = []; var init_params = {}; var _active_feed_id = false; -var _active_feed_offset = false; var _update_timeout = false; var _view_update_timeout = false; var _feedlist_expanded = false; @@ -103,6 +102,29 @@ function catchup_article(article_id, callback) { } } +function set_selected_article(article_id) { + try { + $$("#headlines-content > li[id*=A-]").each(function(article) { + var id = article.id.replace("A-", ""); + + var cb = article.getElementsByTagName("INPUT")[0]; + + if (id == article_id) { + article.addClassName("selected"); + cb.checked = true; + } else { + article.removeClassName("selected"); + cb.checked = false; + } + + }); + + } catch (e) { + exception_error("mark_selected_feed", e); + } +} + + function set_selected_feed(feed_id) { try { var feeds = $("feeds-content").getElementsByTagName("LI"); @@ -121,58 +143,15 @@ function set_selected_feed(feed_id) { } } -function zoom(elem, article_id) { - try { - //alert(elem + "/" + article_id); - - elem.innerHTML = " " + - __("Loading, please wait..."); - - new Ajax.Request("backend.php", { - parameters: "?op=rpc&subop=digest-get-contents&article_id=" + - article_id, - onComplete: function(transport) { - fatal_error_check(transport); - - var reply = JSON.parse(transport.responseText); - - if (reply) { - var article = reply['article']; - - elem.innerHTML = article.content; - - new Effect.BlindDown(elem, {duration : 0.5}); - - elem.onclick = false; - elem.style.cursor = "auto"; - - catchup_article(article_id, - function() { - window.clearTimeout(_view_update_timeout); - _view_update_timeout = window.setTimeout("view_update()", 500); - $("A-" + article_id).className = "read"; - }); - - - } else { - elem.innerHTML = __("Error: unable to load article."); - } - - } }); - - - } catch (e) { - exception_error("zoom", e); - } -} - function load_more() { try { var pr = $("H-LOADING-IMG"); if (pr) Element.show(pr); - viewfeed(_active_feed_id, _active_feed_offset + 10, false, false, true, + var offset = $$("#headlines-content > li[id*=A-][class*=fresh],li[id*=A-][class*=unread]").length; + + viewfeed(false, offset, false, false, true, function() { var pr = $("H-LOADING-IMG"); @@ -227,37 +206,115 @@ function view_update() { } } -function view(article_id, dismiss_only) { +function view(article_id) { try { - remove_headline_entry(article_id); + $("content").addClassName("move"); - catchup_article(article_id, - function() { - window.clearTimeout(_view_update_timeout); - _view_update_timeout = window.setTimeout("view_update()", 500); - }); + var a = $("A-" + article_id); + var h = $("headlines"); + + setTimeout(function() { + // below or above viewport, reposition headline + if (a.offsetTop > h.scrollTop + h.offsetHeight || a.offsetTop+a.offsetHeight < h.scrollTop+a.offsetHeight) + h.scrollTop = a.offsetTop - (h.offsetHeight/2 - a.offsetHeight/2); + }, 500); + + new Ajax.Request("backend.php", { + parameters: "?op=rpc&subop=digest-get-contents&article_id=" + + article_id, + onComplete: function(transport) { + fatal_error_check(transport); + + var reply = JSON.parse(transport.responseText); + + if (reply) { + var article = reply['article']; + + var mark_part = ""; + var publ_part = ""; + + var tags_part = ""; + + if (article.tags.length > 0) { + tags_part = " " + __("in") + " "; - return dismiss_only != true; + for (var i = 0; i < Math.min(5, article.tags.length); i++) { + //tags_part += "" + + // article.tags[i] + ", "; + + tags_part += article.tags[i] + ", "; + } + + tags_part = tags_part.replace(/, $/, ""); + tags_part = "" + tags_part + ""; + + } + + if (article.marked) + mark_part = ""; + else + mark_part = ""; + + if (article.published) + publ_part = ""; + else + publ_part = ""; + + var tmp = "
" + + "" + __("Original article") + "" + + "
" + + __("Close this panel") + "
" + + "
" + + "
" + + mark_part + + publ_part + + "
" + + "

" + article.title + "

" + + "
" + + tags_part + + "
" + + article.content + "
"; + + $("article-content").innerHTML = tmp; + $("article").addClassName("visible"); + + set_selected_article(article.id); + + catchup_article(article_id, + function() { + $("A-" + article_id).addClassName("read"); + }); + + } else { + elem.innerHTML = __("Error: unable to load article."); + } + } + }); + + + return false; } catch (e) { exception_error("view", e); } } +function close_article() { + $("content").removeClassName("move"); + $("article").removeClassName("visible"); +} + function viewfeed(feed_id, offset, replace, no_effects, no_indicator, callback) { try { if (!feed_id) feed_id = _active_feed_id; - - if (!offset) { - offset = 0; - } else { - offset = _active_feed_offset + offset; - } - + if (offset == undefined) offset = 0; if (replace == undefined) replace = (offset == 0); _update_seq = _update_seq + 1; + if (!offset) $("headlines").scrollTop = 0; + var query = "backend.php?op=rpc&subop=digest-update&feed_id=" + param_escape(feed_id) + "&offset=" + offset + "&seq=" + _update_seq; @@ -356,20 +413,14 @@ function add_feed_entry(feed) { icon_part = ""; - var tmp_html = "
  • " + - icon_part + - "" + feed.title + "" + - "
    " + - "" + - "" + feed.unread + "" + - "
    " + - "
    • "; + var tmp_html = "
  • " + + icon_part + feed.title + + "
    " + "" + feed.unread + "" + + "
    " + "
    • "; $("feeds-content").innerHTML += tmp_html; + } catch (e) { exception_error("add_feed_entry", e); } @@ -382,38 +433,10 @@ function add_headline_entry(article, feed, no_effects) { icon_part = ""; - var mark_part = ""; - var publ_part = ""; - - var tags_part = ""; - - if (article.tags.length > 0) { - - tags_part = " " + __("in") + " "; - - for (var i = 0; i < Math.min(5, article.tags.length); i++) { - tags_part += "" + - article.tags[i] + ", "; - } - - tags_part = tags_part.replace(/, $/, ""); - tags_part = "" + tags_part + ""; - } - - if (article.marked) - mark_part = ""; - else - mark_part = ""; - - if (article.published) - publ_part = ""; - else - publ_part = ""; var style = ""; - if (!no_effects) style = "style=\"display : none\""; + //if (!no_effects) style = "style=\"display : none\""; if (article.excerpt.trim() == "") article.excerpt = __("Click to expand article."); @@ -426,24 +449,31 @@ function add_headline_entry(article, feed, no_effects) { if (d.getTime() / 1000 - article.updated < fresh_max) li_class = "fresh"; + //"" + + + //"" + + + var checkbox_part = ""; + + var date = new Date(article.updated * 1000); + + var date_part = date.toString().substring(0,21); + var tmp_html = "
  • " + + checkbox_part + icon_part + - - "
    " + - mark_part + - publ_part + - "" + - "" + - "
    " + "" + article.title + "" + "
    " + - "
    " + + "
    " + article.excerpt + "
    " + - "
    " + - feed.title + " " + tags_part + " @ " + - new Date(article.updated * 1000) + "
    " + + "
    "; + +/* tmp_html += "" + + feed.title + " " + " @ "; */ + + tmp_html += date_part + "
    " + "
    • "; $("headlines-content").innerHTML += tmp_html; @@ -494,6 +524,9 @@ function redraw_feedlist(feeds) { __("No unread feeds.") + ""; } + if (_active_feed_id) + set_selected_feed(_active_feed_id); + } catch (e) { exception_error("redraw_feedlist", e); } @@ -556,11 +589,9 @@ function parse_headlines(transport, replace, no_effects) { var headlines_title = reply['headlines']['title']; if (headlines && headlines_title) { - $("headlines-title").innerHTML = headlines_title if (replace) { $('headlines-content').innerHTML = ''; - Element.hide('headlines-content'); } var pr = $('H-MORE-PROMPT'); @@ -575,16 +606,17 @@ function parse_headlines(transport, replace, no_effects) { add_headline_entry(headlines[i], find_feed(last_feeds, headlines[i].feed_id), !no_effects); - inserted = $("A-" + headlines[i].id); } } + console.log(inserted.id); + var ids = get_visible_article_ids(); if (ids.length > 0) { if (pr) { $('headlines-content').appendChild(pr); - if (!no_effects && inserted) new Effect.ScrollTo(inserted); + } else { $('headlines-content').innerHTML += "
  • " + "
    " + @@ -600,8 +632,8 @@ function parse_headlines(transport, replace, no_effects) { // FIXME : display some kind of "nothing to see here" prompt here } - if (replace && !no_effects) - new Effect.Appear('headlines-content', {duration : 0.3}); +// if (replace && !no_effects) +// new Effect.Appear('headlines-content', {duration : 0.3}); //new Effect.Appear('headlines-content'); } @@ -617,6 +649,8 @@ function init_second_stage() { parameters: "backend.php?op=rpc&subop=digest-init", onComplete: function(transport) { parse_feeds(transport); + Element.hide("overlay"); + window.setTimeout('viewfeed(-4)', 100); _update_timeout = window.setTimeout('update()', 5*1000); } }); @@ -747,47 +781,6 @@ function fatal_error_check(transport) { return true; } -function feed_mi(elem) { - try { - var imgs = elem.getElementsByTagName('IMG'); - var spans = elem.getElementsByTagName('SPAN'); - - for (var i = 0; i < imgs.length; i++) { - if (imgs[i].className == "dismiss") - Element.show(imgs[i]); - } - - for (var i = 0; i < spans.length; i++) { - if (spans[i].className == "unread") - Element.hide(spans[i]); - } - - - } catch (e) { - exception_error("feed_mi", e); - } -} - -function feed_mo(elem) { - try { - var imgs = elem.getElementsByTagName('IMG'); - var spans = elem.getElementsByTagName('SPAN'); - - for (var i = 0; i < imgs.length; i++) { - if (imgs[i].className == "dismiss") - Element.hide(imgs[i]); - } - - for (var i = 0; i < spans.length; i++) { - if (spans[i].className == "unread") - Element.show(spans[i]); - } - - } catch (e) { - exception_error("feed_mo", e); - } -} - function update_title(unread) { try { document.title = "Tiny Tiny RSS"; @@ -830,3 +823,17 @@ function tweet_article(id) { exception_error("tweet_article", e); } } + +function toggle_select_article(elem) { + try { + var article = elem.parentNode; + + if (article.hasClassName("selected")) + article.removeClassName("selected"); + else + article.addClassName("selected"); + + } catch (e) { + exception_error("toggle_select_article", e); + } +} -- cgit v1.2.3-54-g00ecf