From 6e35a862dd7c2f292ab805cf5a0d5bf8770a6525 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <fox@bah.org.ru>
Date: Wed, 7 Oct 2009 14:22:44 +0400
Subject: [PATCH] fix view() being called twice on every headline click,
 experimental progress indicators for feedlist/headlines

---
 feedlist.js               |  12 ++++++++++-
 functions.php             |   8 ++++++--
 images/indicator_tiny.gif | Bin 0 -> 723 bytes
 tt-rss.css                |  11 ++++++++++
 viewfeed.js               |  42 ++++++++++++++++++++++++++++++--------
 5 files changed, 61 insertions(+), 12 deletions(-)
 create mode 100644 images/indicator_tiny.gif

diff --git a/feedlist.js b/feedlist.js
index 05109ad23..37c80001a 100644
--- a/feedlist.js
+++ b/feedlist.js
@@ -315,7 +315,17 @@ function viewfeed(feed, subop, is_cat, subop_param, skip_history, offset) {
 		} else {
 
 			if (!page_offset) {
-				notify_progress("Loading, please wait...", true);
+				var feedr = $('FEEDR-' + feed);
+
+				if (feedr) {
+					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, {
diff --git a/functions.php b/functions.php
index effd20005..2c2a81c56 100644
--- a/functions.php
+++ b/functions.php
@@ -5119,11 +5119,11 @@
 #								truncate_string($line["feed_title"],30)."</a>&nbsp;</td>";
 #					} else {			
 
-					print "<td onclick='view($id,$feed_id)' class='hlContent$hlc_suffix' valign='middle'>";
+					print "<td onclick='view($id,$feed_id)' class='hlContent$hlc_suffix' valign='middle' id='HLC-$id'>";
 
 					print "<a id=\"RTITLE-$id\" 
 						href=\"" . htmlspecialchars($line["link"]) . "\"
-						onclick=\"return view($id,$feed_id);\">" .
+						onclick=\"return false\">" .
 						$line["title"];
 
 					if (get_pref($link, 'SHOW_CONTENT_PREVIEW')) {
@@ -5147,6 +5147,10 @@
 							</span>";
 						}
 					}
+
+//					print "<img id='HLL-$id' class='hlLoading' 
+//						src='images/indicator_tiny.gif' style='display : none'>";
+
 					print "</td>";
 
 #					}
diff --git a/images/indicator_tiny.gif b/images/indicator_tiny.gif
new file mode 100644
index 0000000000000000000000000000000000000000..09d621ede9dbe610877292e554c858d60573359e
GIT binary patch
literal 723
zcmZ?wbhEHb6ky<H_`<;O|Nnmm28LU=Ze6%=;nk~GY;0^muAZJ=Q&UqyLc*?HyOfla
zyu7@+y1G(QQugiJr>3UH!ouR`=lAT{vl};VeEIUl!ouRtojadCecHBd+kyoPPMtdS
z?%g|}ArPSWpWDwhB-q(8z|~04fSC~}s`yXJxhOTUBsE2$JhLQ2Au%hlA}2pFMK3ci
zEuTU0CkrPxP?ZiyKgf{`thx#ceJPpqmMq|Ubc$)6gFv&z8PkHx)%R}in9s-lM6i9!
zBZm__dd2Imak;LY=7h}zm4rkI)`WR0GG*E)?mKYn(8@QLmiIn?v-kDx2z`w?tc})!
zof1sgG@1de?oQNs+@Zp$B*l}wBx#YxN$K-jdS4q!9hlC1plNUP#}nRyjb|@j-XZKa
z^H3<amdG@}Lju^0G6fp7gu_)ZgsJzjNs@}^#aA}{!skmXpIgu3UCw->#V%=s`!CV{
zGZTv~S)?jgU+dnbH8)5Rn@L8H@VK@q;+ad}<Q*QDl7d2APi~2QWEJ;z+HJ<P!|{PH
zlo@+ZJUhXfJkM+8)vr=m{bmj^Mx`*eWyPkXWtlfy6Q^f9UbHQDRxF>wo4-xl69peI
z>rMAn>7QZ36tBx*W_EhPz6U`Z*qo#fG3yD?Ju5c7TU8{Z8nlJ?f$93++hq!-bARhP
dGOMsv=2x69g9)2+<oYF81BhfZtU*Zx3;;?0|6Tw9

literal 0
HcmV?d00001

diff --git a/tt-rss.css b/tt-rss.css
index 598f0c749..021af11d8 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -105,6 +105,12 @@ div.postReply span.author {
 	font-size : 12px;
 }
 
+ul.feedList img.hlLoading {
+	margin-left : 5px;
+	vertical-align : middle;
+	height : 10px;
+}
+
 ul.feedList {
 	list-style-type : none;
 	margin : 5px 5px 5px 0px;
@@ -915,6 +921,11 @@ table.headlinesList span.hlLabelRef, div.cdmHeader span.hlLabelRef {
 	white-space: nowrap;
 }
 
+table.headlinesList img.hlLoading {
+	margin-left : 5px;
+	vertical-align : middle;
+}
+
 table.headlinesList td.hlFeedIcon {
 	width : 25px;
 	text-align : center;
diff --git a/viewfeed.js b/viewfeed.js
index 227aa87a5..7a614f783 100644
--- a/viewfeed.js
+++ b/viewfeed.js
@@ -106,18 +106,23 @@ function headlines_callback2(transport, feed_cur_page) {
 			}
 		}
 
+		var ll = $('FLL-' + feed_id);
+
 		if (!is_cat) {
 			var feedr = $("FEEDR-" + feed_id);
 			if (feedr && !feedr.className.match("Selected")) {	
 				feedr.className = feedr.className + "Selected";
 			} 
+			if (feedr && ll) feedr.removeChild(ll);
 		} else {
 			var feedr = $("FCAT-" + feed_id);
 			if (feedr && !feedr.className.match("Selected")) {	
 				feedr.className = feedr.className + "Selected";
 			} 
+			if (feedr && ll) feedr.removeChild(ll);
+
 		}
-	
+
 		var f = $("headlines-frame");
 		try {
 			if (feed_cur_page == 0) { 
@@ -363,6 +368,19 @@ function article_callback2(transport, id, feed_id) {
 
 			if (!transport_error_check(transport)) return;
 
+			var ll = $('LL-' + id);
+			var content = $('HLC-' + id);
+
+			if (ll && content) content.removeChild(ll);
+			
+			if (id != last_requested_article) {
+				debug("requested article id is out of sequence, aborting");
+				return;
+			}
+
+			active_real_feed_id = feed_id;
+			active_post_id = id; 
+
 			debug("looking for articles to cache...");
 
 			var articles = transport.responseXML.getElementsByTagName("article");
@@ -380,13 +398,6 @@ function article_callback2(transport, id, feed_id) {
 				cache_inject(a_id, articles[i].firstChild.nodeValue);
 			}
 
-			if (id != last_requested_article) {
-				debug("requested article id is out of sequence, aborting");
-				return;
-			}
-
-			active_real_feed_id = feed_id;
-			active_post_id = id; 
 
 			showArticleInHeadlines(id);	
 
@@ -491,7 +502,20 @@ function view(id, feed_id, skip_history) {
 
 		if (!cached_article) {
 
-			notify_progress("Loading, please wait...", true);
+//			notify_progress("Loading, please wait...", true);
+
+			var content = $('HLC-' + id);
+
+			if (content && !$('LL-' + id)) {
+				var ll = document.createElement('img');
+		
+				ll.src = 'images/indicator_tiny.gif';
+				ll.className = 'hlLoading';
+				ll.id = 'LL-' + id;
+
+				content.appendChild(ll);
+
+			}
 
 		} else if (cached_article && article_is_unread) {