X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=digest.js;h=a3cbb4879a92b20c3ba5eb9748369a904b4e1d32;hb=c1b5cd23e068d269a2736ac4759fbaa09243f4dd;hp=3d58ca95f1596be28c320a99fbe8e9c48ca6632e;hpb=b41c254984df3fcb9fc7db4bb5218f2391e62164;p=tt-rss.git

diff --git a/digest.js b/digest.js
index 3d58ca95..a3cbb487 100644
--- a/digest.js
+++ b/digest.js
@@ -1,19 +1,193 @@
 var last_feeds = [];
 
-function view(feed_id) {
+var _active_feed_id = false;
+var _active_feed_offset = false;
+var _update_timeout = false;
+var _feedlist_expanded = false;
+
+function catchup_feed(feed_id, callback) {
+	try {
+
+		var fn = find_feed(last_feeds, feed_id).title;
+
+		if (confirm(__("Mark all articles in %s as read?").replace("%s", fn))) {
+
+			var is_cat = "";
+
+			if (feed_id == -4) is_cat = "true";
+
+			var query = "?op=rpc&subop=catchupFeed&feed_id=" + 
+				feed_id + "&is_cat=" + is_cat;
+
+			new Ajax.Request("backend.php",	{
+				parameters: query, 
+				onComplete: function(transport) {
+					if (callback) callback(transport);
+	
+					update();
+				} });
+		}
+
+	} catch (e) {
+		exception_error("catchup_article", e);
+	}
+}
+
+
+function catchup_article(article_id, callback) {
 	try {
+		var query = "?op=rpc&subop=catchupSelected" +
+			"&cmode=0&ids=" + article_id;
 
 		new Ajax.Request("backend.php",	{
-			parameters: "backend.php?op=rpc&subop=digest-init&feed_id=" + feed_id,
+			parameters: query, 
 			onComplete: function(transport) {
-				digest_update(transport);
+				if (callback) callback(transport);
+			} });
+
+	} catch (e) {
+		exception_error("catchup_article", e);
+	}
+}
+
+function set_selected_feed(feed_id) {
+	try {
+		var feeds = $("feeds-content").getElementsByTagName("LI");
+
+		for (var i = 0; i < feeds.length; i++) {
+			if (feeds[i].id == "F-" + feed_id)
+				feeds[i].className = "selected";
+			else
+				feeds[i].className = "";
+		}
+
+		_active_feed_id = feed_id;
+
+	} catch (e) {
+		exception_error("mark_selected_feed", e);
+	}
+}
+
+function zoom(article_id) {
+	try {
+		var elem = $('A-' + article_id);
+
+		if (elem) {
+			var divs = elem.getElementsByTagName('DIV');
+			
+			for (var i = 0; i < divs.length; i++) {
+				if (divs[i].className == 'excerpt') 
+					Element.hide(divs[i]);
+
+				if (divs[i].className == 'content') 
+					Element.show(divs[i]);
+			}
+		}
+
+		catchup_article(article_id, 
+			function() { update(); });
+
+	} catch (e) {
+		exception_error("zoom", e);
+	}
+}
+
+function load_more() {
+	try {
+		viewfeed(_active_feed_id, _active_feed_offset + 10);
+	} catch (e) {
+		exception_error("load_more", e);
+	}
+}
+
+function update() {
+	try {
+		console.log('updating feeds...');
+
+		window.clearTimeout(_update_timeout);
+
+		new Ajax.Request("backend.php",	{
+			parameters: "?op=rpc&subop=digest-init",
+			onComplete: function(transport) {
+				fatal_error_check(transport);
+				parse_feeds(transport);
+				set_selected_feed(_active_feed_id);
 				} });
 
+		_update_timeout = window.setTimeout('update()', 5*1000);
+	} catch (e) {
+		exception_error("update", e);
+	}
+}
+
+function remove_headline_entry(article_id) {
+	try {
+		var elem = $('A-' + article_id);
+
+		if (elem) {
+			elem.parentNode.removeChild(elem);
+		}
+
+	} catch (e) {
+		exception_error("remove_headline_entry", e);
+	}
+}
+
+function view(article_id, dismiss_only) {
+	try {
+		remove_headline_entry(article_id);
+
+		catchup_article(article_id, 
+			function() { update(); });
+
+		return dismiss_only != true;
+	} catch (e) {
+		exception_error("view", e);
+	}
+}
+
+function viewfeed(feed_id, offset) {
+	try {
+
+		if (!feed_id) feed_id = _active_feed_id;
+
+		if (!offset) {
+			offset = 0;
+		} else {
+			offset = _active_feed_offset + offset;
+		}
+
+		var query = "backend.php?op=rpc&subop=digest-update&feed_id=" + feed_id +
+				"&offset=" + offset;
+
+		new Ajax.Request("backend.php",	{
+			parameters: query, 
+			onComplete: function(transport) {
+				fatal_error_check(transport);
+				parse_headlines(transport, offset == 0);
+				set_selected_feed(feed_id);
+				_active_feed_offset = offset;
+			} });
+
 	} catch (e) {
 		exception_error("view", e);
 	}
 }
 
+function find_article(articles, article_id) {
+	try {
+		for (var i = 0; i < articles.length; i++) {
+			if (articles[i].id == article_id)
+				return articles[i];
+		}
+
+		return false;
+
+	} catch (e) {
+		exception_error("find_article", e);
+	}
+}
+
 function find_feed(feeds, feed_id) {
 	try {
 		for (var i = 0; i < feeds.length; i++) {
@@ -48,6 +222,8 @@ function get_feed_icon(feed) {
 		if (feed.id < -10) 
 			return 'images/label.png';
 
+		return 'images/blank_icon.gif';
+
 	} catch (e) {
 		exception_error("get_feed_icon", e);
 	}
@@ -59,10 +235,14 @@ function add_feed_entry(feed) {
 
 		icon_part = "<img src='" + get_feed_icon(feed) + "'/>";
 
-		var tmp_html = "<li>" + 
+		var tmp_html = "<li id=\"F-"+feed.id+"\" " +
+				"onmouseover=\"feed_mi(this)\" onmouseout=\"feed_mo(this)\">" + 
 			icon_part +
-			"<a href=\"#\" onclick=\"view("+feed.id+")\">" + feed.title +
-			"<div class='unread-ctr'>" + feed.unread + "</div>" +	
+			"<a href=\"#\" onclick=\"viewfeed("+feed.id+")\">" + feed.title + "</a>" +
+			"<div class='unread-ctr'>" + 
+				"<img onclick=\"catchup_feed("+feed.id+")\" title=\"Dismiss\" class=\"dismiss\" style='display : none' src=\"images/digest_checkbox.png\">" +
+				"<span class=\"unread\">" + feed.unread + "</span>" + 
+			"</div>" +	
 			"</li>";
 
 		$("feeds-content").innerHTML += tmp_html;
@@ -72,84 +252,353 @@ function add_feed_entry(feed) {
 	}
 }
 
-function add_latest_entry(article, feed) {
+function add_headline_entry(article, feed) {
 	try {
-		
 
-		//$("latest-content").innerHTML += "bbb";
+		var icon_part = "";
+
+		icon_part = "<img class='icon' src='" + get_feed_icon(feed) + "'/>";
+
+		var tmp_html = "<li id=\"A-"+article.id+"\">" + 
+			icon_part +
+			"<div class='digest-check'>" +
+			"<img title='Set starred' onclick=\"toggleMark(this, "+article.id+")\" src='images/mark_unset.png'>" +
+			"<img title='Set published' onclick=\"togglePub(this, "+article.id+")\" src='images/pub_unset.png'>" +
+			"<img title='Dismiss' onclick=\"view("+article.id+", true)\" class='digest-check' src='images/digest_checkbox.png'>" +
+			"</div>" + 
+			"<a target=\"_blank\" href=\""+article.link+"\""+
+		  		"onclick=\"return view("+article.id+")\" class='title'>" + 
+				article.title + "</a>" +
+			"<div class='body'>" + 
+			"<div title=\"Click to expand article\" onclick=\"zoom("+article.id+")\" class='excerpt'>" + 
+				article.excerpt + "</div>" +
+			"<div style='display : none' class='content'>" + 
+				article.content + "</div>" +
+			"<div class='info'><a href=\#\" onclick=\"viewfeed("+feed.id+")\">" + 
+				feed.title + "</a> " + " @ " + 
+				new Date(article.updated * 1000) + "</div>" +
+			"</div></li>";
+
+		$("headlines-content").innerHTML += tmp_html;
 
 	} catch (e) {
-		exception_error("add_latest_entry", e);
+		exception_error("add_headline_entry", e);
 	}
 }
 
-function add_headline_entry(article, feed) {
+function expand_feeds() {
 	try {
+		_feedlist_expanded = true;
 
-		var icon_part = "";
+		redraw_feedlist(last_feeds);
 
-		if (article.has_icon) 
-			icon_part = "<img alt='zz' src='icons/" + article.feed_id + ".ico'/>";
+	} catch (e) {
+		exception_error("expand_feeds", e);
+	}
+}
 
-		var tmp_html = "<li>" + 
-			icon_part +
-			"<a class='title'>" + article.title + "</a>" +
-			"<div class='excerpt'>" + article.excerpt + "</div>" +
-			"<div class='info'><a>" + feed.title + "</a> " + " @ " + 
-				new Date(article.updated * 1000) + "</div>" +
-			"</li>";
+function redraw_feedlist(feeds) {
+	try {
 
-		$("headlines-content").innerHTML += tmp_html;
+		$('feeds-content').innerHTML = "";
+
+		var limit = 10;
+
+		if (_feedlist_expanded) limit = feeds.length;
+
+		for (var i = 0; i < Math.min(limit, feeds.length); i++) {
+			add_feed_entry(feeds[i]);
+		}
+
+		if (feeds.length > limit) {
+			$('feeds-content').innerHTML += "<li id='F-MORE-PROMPT'>" +
+				"<img src='images/blank_icon.gif'>" + 
+				"<a href=\"#\" onclick=\"expand_feeds()\">" +
+				__("%d more...").replace("%d", feeds.length-10) + 
+				"</a>" + "</li>";
+		}
 
 	} catch (e) {
-		exception_error("add_headline_entry", e);
+		exception_error("redraw_feedlist", e);
 	}
 }
 
-function digest_update(transport) {
+function parse_feeds(transport) {
 	try {
+
+		if (!transport.responseXML) return;
+
 		var feeds = transport.responseXML.getElementsByTagName('feeds')[0];
-		var headlines = transport.responseXML.getElementsByTagName('headlines')[0];
 
 		if (feeds) {
-			last_feeds = feeds;
-
 			feeds = eval("(" + feeds.firstChild.nodeValue + ")");
 
-			$('feeds-content').innerHTML = "";
+			feeds.sort( function (a,b) 
+				{ 
+					if (b.unread != a.unread)
+						return (b.unread - a.unread) 
+					else
+						if (a.title > b.title)
+							return 1;
+						else if (a.title < b.title)
+							return -1;
+						else
+							return 0;					
+				});
 
-			for (var i = 0; i < feeds.length; i++) {
-				add_feed_entry(feeds[i]);
-			}
+			last_feeds = feeds;
+
+			redraw_feedlist(feeds);
 		}
 
+	} catch (e) {
+		exception_error("parse_feeds", e);
+	}
+}
+
+function parse_headlines(transport, replace) {
+	try {
+		if (!transport.responseXML) return;
+
+		var headlines = transport.responseXML.getElementsByTagName('headlines')[0];
+
 		if (headlines) {
 			headlines = eval("(" + headlines.firstChild.nodeValue + ")");
 
-			$('headlines-content').innerHTML = "";
+			if (replace) $('headlines-content').innerHTML = '';
+
+			var pr = $('H-MORE-PROMPT');
+
+			if (pr) pr.parentNode.removeChild(pr);
 
 			for (var i = 0; i < headlines.length; i++) {
-				add_headline_entry(headlines[i], find_feed(feeds, headlines[i].feed_id));
+				
+				if (!$('A-' + headlines[i].id)) {
+					add_headline_entry(headlines[i], 
+							find_feed(last_feeds, headlines[i].feed_id));
+				}
+			}
+
+			if (pr) {
+				$('headlines-content').appendChild(pr);
+			} else {
+				$('headlines-content').innerHTML += "<li id='H-MORE-PROMPT'>" +
+					"<div class='body'><a href=\"javascript:load_more()\">" +
+				  	__("More articles...") + "</a></div></li>";
 			}
 
-			$('headlines-content').innerHTML += "<li><a>More articles...</a></li>";
+			new Effect.Appear('headlines-content');
 		}
 
 	} catch (e) {
-		exception_error("digest_update", e);
-	}
+		exception_error("parse_headlines", e);
 	}
+}
 
-function digest_init() {
+function init() {
 	try {
 		
 		new Ajax.Request("backend.php",	{
 			parameters: "backend.php?op=rpc&subop=digest-init",
 			onComplete: function(transport) {
-				digest_update(transport);
+				parse_feeds(transport);
+				window.setTimeout('viewfeed(-4)', 100);
+				_update_timeout = window.setTimeout('update()', 5*1000);
 				} });
 
 	} catch (e) {
 		exception_error("digest_init", e);
 	}
 }
+
+function tMark_afh_off(effect) {
+	try {
+		var elem = effect.effects[0].element;
+
+		console.log("tMark_afh_off : " + elem.id);
+
+		if (elem) {
+			elem.src = elem.src.replace("mark_set", "mark_unset");
+			elem.alt = __("Star article");
+			Element.show(elem);
+		}
+
+	} catch (e) {
+		exception_error("tMark_afh_off", e);
+	}
+}
+
+function tPub_afh_off(effect) {
+	try {
+		var elem = effect.effects[0].element;
+
+		console.log("tPub_afh_off : " + elem.id);
+
+		if (elem) {
+			elem.src = elem.src.replace("pub_set", "pub_unset");
+			elem.alt = __("Publish article");
+			Element.show(elem);
+		}
+
+	} catch (e) {
+		exception_error("tPub_afh_off", e);
+	}
+}
+
+function toggleMark(mark_img, id) {
+
+	try {
+
+		var query = "?op=rpc&id=" + id + "&subop=mark";
+	
+		query = query + "&afid=" + _active_feed_id;
+		query = query + "&omode=c";
+
+		if (!mark_img) return;
+
+		if (mark_img.src.match("mark_unset")) {
+			mark_img.src = mark_img.src.replace("mark_unset", "mark_set");
+			mark_img.alt = __("Unstar article");
+			query = query + "&mark=1";
+		} else {
+			mark_img.alt = __("Please wait...");
+			query = query + "&mark=0";
+	
+			mark_img.src = mark_img.src.replace("mark_set", "mark_unset");
+			mark_img.alt = __("Star article");
+		}
+
+		new Ajax.Request("backend.php", {
+			parameters: query,
+			onComplete: function(transport) { 
+				//
+			} });
+
+	} catch (e) {
+		exception_error("toggleMark", e);
+	}
+}
+
+function togglePub(mark_img, id, note) {
+
+	try {
+
+		var query = "?op=rpc&id=" + id + "&subop=publ";
+	
+		query = query + "&afid=" + _active_feed_id;
+
+		if (note != undefined) {
+			query = query + "&note=" + param_escape(note);
+		} else {
+			query = query + "&note=undefined";
+		}
+
+		query = query + "&omode=c";
+
+		if (!mark_img) return;
+
+		if (mark_img.src.match("pub_unset") || note != undefined) {
+			mark_img.src = mark_img.src.replace("pub_unset", "pub_set");
+			mark_img.alt = __("Unpublish article");
+			query = query + "&pub=1";
+
+		} else {
+			mark_img.alt = __("Please wait...");
+			query = query + "&pub=0";
+	
+			mark_img.src = mark_img.src.replace("pub_set", "pub_unset");
+			mark_img.alt = __("Publish article");
+		}
+
+		new Ajax.Request("backend.php", {
+			parameters: query,
+			onComplete: function(transport) { 
+				//
+			} });
+
+	} catch (e) {
+		exception_error("togglePub", e);
+	}
+}
+
+function fatal_error(code, msg) {
+	try {	
+
+		if (code == 6) {
+			window.location.href = "digest.php";
+		} else if (code == 5) {
+			window.location.href = "update.php";
+		} else {
+	
+			if (msg == "") msg = "Unknown error";
+
+			console.error("Fatal error: " + code + "\n" + 
+				msg);
+			
+		}
+
+	} catch (e) {
+		exception_error("fatalError", e);
+	}
+}
+
+function fatal_error_check(transport) {
+	try {
+		if (transport.responseXML) {
+			var error = transport.responseXML.getElementsByTagName("error")[0];
+
+			if (error) {
+				var code = error.getAttribute("error-code");
+				var msg = error.getAttribute("error-msg");
+				if (code != 0) {
+					fatal_error(code, msg);
+					return false;
+				}
+			}
+		}
+	} catch (e) {
+		exception_error("fatal_error_check", e);
+	}
+	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);
+	}
+}