From 33d7341b6d3b41ffeba2a52d9473c6bda27d0dda Mon Sep 17 00:00:00 2001
From: lukemelia <lukemelia@a4c988fc-2ded-0310-b66e-134b36920a42>
Date: Tue, 10 Jul 2007 03:54:53 +0000
Subject: [PATCH] Integrated protoload.js to facilitate easier ajax indicators.

Use it on the Add New Action form, and also prevent use of the form while an action is being added via Ajax. The latter aspect fixes #339.



git-svn-id: http://www.rousette.org.uk/svn/tracks-repos/trunk@562 a4c988fc-2ded-0310-b66e-134b36920a42
---
 tracks/app/views/layouts/standard.rhtml       |   1 +
 .../app/views/shared/_add_new_item_form.rhtml |  12 +--
 tracks/public/images/bigBlackWaiting.gif      | Bin 0 -> 3236 bytes
 tracks/public/images/bigWaiting.gif           | Bin 0 -> 3236 bytes
 tracks/public/images/blackWaiting.gif         | Bin 0 -> 1877 bytes
 tracks/public/images/waiting.gif              | Bin 0 -> 1877 bytes
 tracks/public/javascripts/protoload.js        |  82 ++++++++++++++++++
 tracks/public/stylesheets/standard.css        |  27 ++++++
 8 files changed, 117 insertions(+), 5 deletions(-)
 create mode 100644 tracks/public/images/bigBlackWaiting.gif
 create mode 100644 tracks/public/images/bigWaiting.gif
 create mode 100644 tracks/public/images/blackWaiting.gif
 create mode 100644 tracks/public/images/waiting.gif
 create mode 100644 tracks/public/javascripts/protoload.js

diff --git a/tracks/app/views/layouts/standard.rhtml b/tracks/app/views/layouts/standard.rhtml
index a06a0283..e59ab075 100644
--- a/tracks/app/views/layouts/standard.rhtml
+++ b/tracks/app/views/layouts/standard.rhtml
@@ -14,6 +14,7 @@
   <%= javascript_include_tag "accesskey-hints" %>
   <%= javascript_include_tag "todo-items" %>
   <%= javascript_include_tag "niftycube" %> 
+  <%= javascript_include_tag "protoload" %> 
   
   <link rel="shortcut icon" href="<%= url_for(:controller => 'favicon.ico') %>" />
   <%= auto_discovery_link_tag(:rss,{:controller => "feed", :action => "na_feed", :name => "#{@user.login}", :token => "#{@user.word}"}, {:title => "RSS feed of next actions"})  %>
diff --git a/tracks/app/views/shared/_add_new_item_form.rhtml b/tracks/app/views/shared/_add_new_item_form.rhtml
index be16896c..0b0d279e 100644
--- a/tracks/app/views/shared/_add_new_item_form.rhtml
+++ b/tracks/app/views/shared/_add_new_item_form.rhtml
@@ -20,10 +20,12 @@
 
 <div id="todo_new_action" style="display:block">
 
-<!--[form:todo]-->
 <% form_remote_tag(
     :url => todos_path, :method => :post,
-    :html=> { :id=>'todo-form-new-action', :name=>'todo', :class => 'inline-form' }) do -%>
+    :html=> { :id=>'todo-form-new-action', :name=>'todo', :class => 'inline-form' },
+    :before => "$('todo_new_action_submit').startWaiting()",
+    :complete => "$('todo_new_action_submit').stopWaiting()",
+    :condition => "!$('todo_new_action_submit').isWaiting()") do -%>
 
 <div id="status"><%= error_messages_for("item", :object_name => 'action') %></div>
 
@@ -83,16 +85,16 @@ if (contextNamesForAutoComplete.length > 1 || contextNamesForAutoComplete[0].len
 
 <div class="submit_box">
   <div class="widgets">
-    <button type="submit" class="positive">
+    <button type="submit" class="positive" id="todo_new_action_submit">
         <img src="/images/accept.png" alt=""/> 
         Add action
     </button>
   </div>
 </div>
-<% end -%><!--[eoform:todo]-->
+<% end -%>
 
                   
 <%= calendar_setup( "todo_due"  ) %>
 <%= calendar_setup( "todo_show_from"  ) %>
-</div><!-- [end:todo-new-action] -->
+</div>
 </div>
\ No newline at end of file
diff --git a/tracks/public/images/bigBlackWaiting.gif b/tracks/public/images/bigBlackWaiting.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f12cca47ffa5b9bbb30ac972607b4bbf823ed7f9
GIT binary patch
literal 3236
zcmc&%X;4#H8hzxwye#kO;CsOi1jc{_gtj3l(5xy12oR7(KoAg#K|xfIMIZ=-B_tqg
z2x~w|ATdN+L|i~yn?)MLhQfA1?a=|cTLt&F?6IA$alrXARl|>|nyQ}f$Nh2ZtFP`k
z-#Mr1a{YXqoa31Q6L<?O)yIz?ot&J6LZPp(uRtIe8ynMVwH6i@Mn*=So}M!^Gao*D
z_|&*`n0`dIdWUV}cm#WIuwjFGOIQCe@ytxxpTW#Z%1C5#{d|~#DTk91nB0W;G^V``
zd$GYFFkX<r<mWIw_Qhuhq{Itsk`C@k0Ze~`DAdIX>z5`kJqUoF=#Tj&#j6)4p742M
z^EMyUpd*yvArCvdo}}KeZO)qQU~7B*fGX8gSU30`+mN8|YCgi|=(XAq{H#rX_vNhf
z*s>}`4=Og@=p5#7Ddwh=m3D=seb?a2b7uuKQdTzCJqn`kr9s76zWh>?!?1_Dj7^D%
zX^oM(QV2w_Q{8&pRjpI_YRgq8Pqp=$G_fz7&tTR1rk5Q}i*oZVuqnhx$}ToguFCk|
z;5&@?qe0$#U7)4{Zd9zzfcpcFzXpZ0rk6ej7Gn6ri8jv9-P8BJD>$~h;%&m533ksK
ztG-*h2l&!!k+uKCzOaNns&irDM3j#Mt<9(Awki}JmWT1_+)MuA%LC6(1?buYvqrBi
z#8C&b8BeR^!>9qoj6rF%Elq})XkpNxg-M3aKz8)sEkcWXWVkOzwb!!?Irqbn2-uKC
z5JHD(P{G=LYzeiBw!ebAH<z6cmbn$WQA(m!(UQd4Y_*cx1yOUlR9z>!B^?(UqK~l~
zFEPI6o~vbOHNmCAR%|r!`c>t%rexs|mSog;ot#tEesetWi11FLjQg-;E@DL0T{sWC
z=zkWIh(C$$u6hNGc1p|NS=4`C+rItSmlvI84983f%fWxS2;a(X5&jc9u7e;}yslmu
zI(k+fwxL44FQ6oM_?8<JkDhXv38Y<}p|Yn8t;B{@W<cNSPCr8F>jUBmZ|&$V+Bt}r
zimAh?NFlUy4~<1G+Sx-K`^kg=XQHk+K`12Tu}dNu6l&QvHkgoQk^?2Xky=@l<3SxA
zWp$KVjj&UfEBoq{?nsxe^FoJ;)o<K#nRdmeJE_8MNY0j)i6ojEUq_u&;4Q;W*RspM
zkyTKH$FFZG!^)=J9-ai|fR@q0M?XFVy00>xJH2@l<<?!XfL&LUo!&}L#7Ke-%+Fs|
zo5}`PtXft9OX}~Us}?5q8hVH8w>2>Dw1-OK<zb%s_d8eOvsY6$Szf5`Od!8Amo}S8
zL0XJtt+yRV@1W>f6|MMs{`4Kd-*ElvzpVF&uP5t_+QPGT+UxnTf*(F2ugpY3R&U%$
z$YmG8Np@jkE^%*`aZVl!l(H;CTibB7U5OAWRpJVFr4H4cXgi5^s84J>c7fZ#>X)Zp
zy292_oAF-%&=j!)K32;1yQVpilPraXvnOzJm^3bLY+W@Vp58e(m&0qTN<WW1Z=K(i
z6sKiX-FbQNgZq7K?!ow>d-e$vUjz<yF0cMi>$lb}OjufZs|B(3H8@=}92`pVAj@4$
zzxul{O;%Lb%Fn7>!EzLtaXZ%u%%jaDviJTye;)8j{Hg{9<1t1E6kNG0m1R6sYU}9}
z9J4!o#oUU`VN)4|?Y5~fiE9y*;YEy(GfszcO!j+O1~xV0NNd|6N_ocarZzRAR5fc5
ze!FTzOOF>=R}%=LsEbMMd87V*q*|bqvIy`13KyvCS?N~Dz~$P^VyM`ABdrhZ0HVT0
zhDU*n2Mv!O*M93&ZvNOmDe#5cOw^2P`Moo^s7c^f#|$DAWkmkscF6McRh}!CU;o>s
z00`|`3;;8K7PGCPhNjebhwRYRoW{P#UIhqb<$wDk>a>RXF0rT~`Duvqh^Pc}n9anl
zqV`em{b<E{1}EDI(AE|F?TDmOlvyirP*7hErWO54ImOE1Gd|n2lSN3eO*?F|-`O%i
zR)@n4jU?AKr4r}H<FKN&t{rX`cgS_lpompzOhgdyXp(bpFWiP{nH(~yA0e5QdYXW!
zCj|GO_e#gBX(SYdY2f6}NN7)<c`#)f%?)_8IT#p65xFAB9zdq22E1>*g?^SPBA%Jk
z`yP+4(h~p#|EaZBnD|er5vzs<%$H4qXaB~7cu@*W17+yYj;&?Z!Pa^wXI<}@2j^PL
zw-yb&i1D7P`Nfo6U>6>=;h`6$IWEo7?^ixm+4=MBYrc&wP882ZSIXH_W|m}K>y95D
zWL%N)jYYh*97~?G3<oPJiCKA@rIm89R>rFbtCNI|<?SwDb`cMPVPb&?N2?_rx5#rY
zAf1Lu8NwJ7A`$~#(CWM#=&soyg7o7=ZBIy{U>$lFpxi)uc-yhNC^nA3<$<0vID7+?
z`kkA{pa;@G_cs{nMkga3e?QlE#mOsPub8Oxr|sGjz=f7e!dHI;ey)(d2v}O}lqW2c
zRm$_r6|Be-9svZMO^RJq+Cp|-CyPSVg2W}{5bR0r>D*7>je<rX43h#>{E$KzMMsgF
z0A&QOkrF3S!<z_392qS`CWnBBIBBGp2Tnf1o??9?(x1@hPrjcY$u^#Z*NrKHXIfT9
z8ldaRWAk^5j@X(l8-=g`PaKF{$fObv+ePn#oIE-MLNuDv%orT*M&Vut0Zh!}t2GGG
zYsd%!!Qt37?nI3iCn1OyUev%CSQue-3o*P4W7G%b@U5vioH*vp0dM_?J@b0Zdy3Qm
z@30qN^E6^rW+mk!Hfn9mX4h={GdP~Hd?x-OMpzUA5kYHe%Y+Wp+D5caURm8#ew-tA
zp@2(7APDgj5wK3TL<Ff9Azfs6FY?f(gB=0#h*30+yv7~Usrz794Ne2wvn{M{!-mt}
z`#DQVw@(4HTT(d0+a!D;Y%}lCxAXUK!4HgAv|nQ14|;y78~}>i9m({mlU~aj;pzV*
z0y6ro$ly~D=(EWiR}*!;^29rRc(EdWpm85F93vvR9KU4a1AN|E$!=b)3==s~N^;|6
z^-j$P74`I{<~p^cD5AziYD<LSLoR`Z3@WL+o0BQZ2QK!J%8a}ddy`LhlN<pGcm-Hu
zA+Ecp7z7=I-E70j_rWM%AK9$)W-M@sMV;l|_->vvoBS3ytYzGPv&km*gCni$wW-8v
z<!6Kl>3`#ZaP(g(NExQf{Rj5F-?|~4=U7ecQJ{jOe)^&@11rRksvmIA_sn)B7j>i%
z#y{gl(luD|^Y$K@jiX9%M$5=2z{0x3`$IHRW+o}k){z<M02lkY#+4dpAjF`x-jv)R
zg+l5aL4s8st;d`@wDxVs=#a9jwMWtD8qvV9rGlWS-;vHBUmkACx4wc|4in3b0#nxX
zVV5owMF%HG`D-GFKo=}O_VWnqi30{dLx#M#nV_3#Jm5|5)-5)`g5sv&Hz0rV(3Iw<
aHF%*h=A|Ne-aU$t9Tpwny7UkDRR0A3zO*X<

literal 0
HcmV?d00001

diff --git a/tracks/public/images/bigWaiting.gif b/tracks/public/images/bigWaiting.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d72e94381cc2b91d86a051382d8db96fdab8beb1
GIT binary patch
literal 3236
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

literal 0
HcmV?d00001

diff --git a/tracks/public/images/blackWaiting.gif b/tracks/public/images/blackWaiting.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cb91da83ddf88edbdaceb294c320930cc5171322
GIT binary patch
literal 1877
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

literal 0
HcmV?d00001

diff --git a/tracks/public/images/waiting.gif b/tracks/public/images/waiting.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5e62d01af9e52f328d4bae7018d881773d914290
GIT binary patch
literal 1877
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

literal 0
HcmV?d00001

diff --git a/tracks/public/javascripts/protoload.js b/tracks/public/javascripts/protoload.js
new file mode 100644
index 00000000..b98f2acb
--- /dev/null
+++ b/tracks/public/javascripts/protoload.js
@@ -0,0 +1,82 @@
+/* protoload 0.1 beta by Andreas Kalsch
+ * last change: 09.07.2007
+ *
+ * This simple piece of code automates the creating of Ajax loading symbols.
+ * The loading symbol covers an HTML element with correct position and size - example:
+ * $('myElement').startWaiting() and $('myElement').stopWaiting()
+ */
+ 
+Protoload = {
+	// the script to wait this amount of msecs until it shows the loading element
+	timeUntilShow: 250,
+	
+	// opacity of loading element
+	opacity: 0.8,
+
+	// Start waiting status - show loading element
+	startWaiting: function(element, className, timeUntilShow) {
+		if (typeof element == 'string')
+			element = document.getElementById(element);
+		if (className == undefined)
+			className = 'waiting';
+		if (timeUntilShow == undefined)
+			timeUntilShow = Protoload.timeUntilShow;
+		
+		element._waiting = true;
+		if (!element._loading) {
+			var e = document.createElement('div');
+			(element.offsetParent || document.body).appendChild(element._loading = e);
+			e.style.position = 'absolute';
+			try {e.style.opacity = Protoload.opacity;} catch(e) {}
+			try {e.style.MozOpacity = Protoload.opacity;} catch(e) {}
+			try {e.style.filter = 'alpha(opacity='+Math.round(Protoload.opacity * 100)+')';} catch(e) {}
+			try {e.style.KhtmlOpacity = Protoload.opacity;} catch(e) {}
+			
+			/*var zIndex = 0;
+			if (window.UI)
+				if (UI.zIndex)
+					zIndex = ++UI.zIndex;
+			if (!zIndex)
+				zIndex = ++Protoload._zIndex;
+			e.style.zIndex = zIndex;*/
+		}
+		element._loading.className = className;
+		window.setTimeout((function() {
+			if (this._waiting) {
+				var left = this.offsetLeft, 
+					top = this.offsetTop,
+					width = this.offsetWidth,
+					height = this.offsetHeight,
+					l = this._loading;
+					
+				l.style.left = left+'px';
+				l.style.top = top+'px';
+				l.style.width = width+'px';
+				l.style.height = height+'px';
+				l.style.display = 'inline';
+			}
+		}).bind(element), timeUntilShow);
+	},
+	
+	// Get current waiting status
+	isWaiting: function(element) {
+	  return element._waiting == true;
+	},
+	
+	// Stop waiting status - hide loading element
+	stopWaiting: function(element) {
+		if (element._waiting) {
+			element._waiting = false;
+			element._loading.parentNode.removeChild(element._loading);
+			element._loading = null;
+		}
+	}/*,
+	
+	_zIndex: 1000000*/
+};
+
+if (Prototype) {
+	Element.addMethods(Protoload);
+	Object.extend(Element, Protoload);
+}
+/* */
\ No newline at end of file
diff --git a/tracks/public/stylesheets/standard.css b/tracks/public/stylesheets/standard.css
index 9004107d..75ff0b13 100644
--- a/tracks/public/stylesheets/standard.css
+++ b/tracks/public/stylesheets/standard.css
@@ -1004,4 +1004,31 @@ button.positive, .widgets a.positive{
     background-color:#d12f19;
     border:1px solid #d12f19;
     color:#fff;
+}
+.waiting {
+	background-image:url('/images/waiting.gif');
+	background-repeat:no-repeat;
+	background-position:center center;
+	background-color:white;
+}
+
+.bigWaiting {
+	background-image:url('/images/bigWaiting.gif');
+	background-repeat:no-repeat;
+	background-position:center 20%;
+	background-color:white;
+}
+
+.blackWaiting {
+	background-image:url('/images/blackWaiting.gif');
+	background-repeat:no-repeat;
+	background-position:center center;
+	background-color:black;
+}
+
+.bigBlackWaiting {
+	background-image:url('/images/bigBlackWaiting.gif');
+	background-repeat:no-repeat;
+	background-position:center center;
+	background-color:black;
 }
\ No newline at end of file