From 7588121e594773d99a5ab856f14997b4cdce02fe Mon Sep 17 00:00:00 2001
From: Jean-Philippe Lang <jp_lang@yahoo.fr>
Date: Tue, 6 Mar 2007 22:20:54 +0000
Subject: [PATCH] added "draft" background on wiki page preview

git-svn-id: http://redmine.rubyforge.org/svn/branches/work@307 e93f8b46-1217-0410-a6f0-8f06a7374b81
---
 wiki/app/views/wiki/_preview.rhtml      |   2 +-
 wiki/app/views/wiki/edit.rhtml          |   4 +++-
 wiki/public/images/draft.png            | Bin 0 -> 2103 bytes
 wiki/public/stylesheets/application.css |   4 +++-
 4 files changed, 7 insertions(+), 3 deletions(-)
 create mode 100644 wiki/public/images/draft.png

diff --git a/wiki/app/views/wiki/_preview.rhtml b/wiki/app/views/wiki/_preview.rhtml
index 42f638a7e..c17200ab1 100644
--- a/wiki/app/views/wiki/_preview.rhtml
+++ b/wiki/app/views/wiki/_preview.rhtml
@@ -1,3 +1,3 @@
-<fieldset><legend><%= l(:label_preview) %></legend>
+<fieldset class="preview"><legend><%= l(:label_preview) %></legend>
 <%= textilizable @text %>
 </fieldset>
diff --git a/wiki/app/views/wiki/edit.rhtml b/wiki/app/views/wiki/edit.rhtml
index 6dba85adb..ca29aa1e6 100644
--- a/wiki/app/views/wiki/edit.rhtml
+++ b/wiki/app/views/wiki/edit.rhtml
@@ -14,8 +14,10 @@
                          :method => 'get',
                          :update => 'preview',
                          :with => "Form.serialize('wiki_form')",
-                         :complete => visual_effect(:highlight, 'preview')
+                         :loading => "Element.show('indicator')",
+                         :loaded => "Element.hide('indicator')"
                        } %>
+   <span id="indicator" style="display:none"><%= image_tag "loading.gif", :align => "absmiddle" %></span>
 </p>
 
 <% end %>
diff --git a/wiki/public/images/draft.png b/wiki/public/images/draft.png
new file mode 100644
index 0000000000000000000000000000000000000000..9eda38b542fde395c67559a5875d0450bf611b65
GIT binary patch
literal 2103
zcmeAS@N?(olHy`uVBq!ia0vp^Pl5O}2Q!ddwsA=kkkT!2jVN(0N=+=u%+FH@$;?e<
z$W1KLQ!rBiQpE~J1_tH|Mut{KCP1X1ZD43%kgwfc4AjV8;_2(kew~?3R7&i>L9Z52
zh_k>W5-7#>0fZTy)|kuy3bLd-`Z_W&Z0zU$lgP@zz|0Wf6XN>)`~UCXzrP0p5cwUb
zY!r-!z{m*!uL<1`fLWu_)5S5Q;?~=_H>+MN@U$qu`Ck95_|meCytfL(BqEDvF8TY#
z-Js*>lQQq6K`TSFrg{OX@7-?fA9!`2GR=6pe^GLf=0`*M2}^tUo@h@<m6bj9e2a}D
z^YfzQp4+;bip?*wCM<UTIY)2WiI$cyC%3?x+8Sz8h2%H4@mNM|o4{yjd16yf->b7)
zdy-1e+J=Xm$(qvB89ANlxSo~OuJ6v<*1H^hBDV2RqR?$-{uzS1)Hdp5EBGu@PxBQz
zo+1BH__QEP@oB|u14EgPH9wRSCdu0GySQswjCg_1^Cw)l8vkTR9GD@?UAlws%2uh)
zuA4irHfL_}yMOSQjiA9C=DD{O7!KR)<ZgQEuzdTBi3Zm{H$JksAoi?tazu+`W@>ZK
z14pSf_qLwkssHEludriApN=5YlCGDhgcTi5#ZHc&`1GF~L(r^W?bZedr)E7=uskE~
z)tY(LB4Cfpwi%4k+U=4eK?i!+PR?VKl)Yqb@L2Ve-YzDUYgghA8+>Xu{%Wr9<|nJg
zGWCit^Ion=-(YxB(ryd$)v0G6{dw|YM|{(jOP>4klbuRMSMG4TZTh&ObivXu1&fln
zF1vFwU2XIdS6g+_?tJ4f3rEB4mrL#Z0v6w8-BV=|?s4jGpy%}uog9&}98WD?`$jpO
zNPCo8?th{?e%9r^YU++ZS36`D3x#d{r!40D{7BYXc9nOgn|&H4Za#Uh^?HE0>CC8Z
zjXNdRPTnzOJtV@-oOPLtyE13fS3&3ZO85WVQY~(ddR6{hpS5Sz8_tazB9%GXO|PGi
z-n{Ue{h7N_vbL)~2BrP7F<)|8b@ln4zMbLc1odT>?94JPzx>5%)6OpTlZ_9Y!~#Ew
zH}US2nxgRhOtxuVk_3;6YWT4oF=ZtW);mdwHBUdYR$OjckEY1d8z!b+8`M_c=&{mh
zQVrH)&=6R<=lG7SwL)u7${Bvo7ZGLAnJKg^@R;qrxit@ym;dFQuA5c5=ScRZJ<PJd
zS4TX3_+--Ioac#0cufrMZc1D<+v4V$aFvA$((IG`GpCk@pKo@&c2j3powUBpV_)C-
zPF&0Vyc!H!Iy_k)o4PERpz<#NLwPIrg5dtiuhu@lB*)2YRlIyl|1%HWNn#=%EBkjE
z@GoeX@Mn_PX{Xn3_ATyh&pTuN;*7mfSjgKsY)gI@8gb9&n9=vj_kfJ-PtOxiw_mtc
z=fNyIS-;HVm`l#)q!XVWzo?iIwI|S^SJ`XbI!oJSm3-d2j>?^ElyU#xlERd@Yn|7m
zTWY5cdq+=+dYPFw*@yR~nShXnp<LXgsyW{r^Ij%odHgq?mt>?U7gv<rHNUB%;^b}9
zr;O?EuKk+uon6$y&CR+-^zuh%>EP4toqjJ%6bii5)vT7D&v>Y5JLARQPkOf-Pn<Gs
z@;Sq>a*M2nQ}b3s+oys}A?#d}yksv|D_b?Wuy?U&COxuw_*&?_!$F10GX)dwtnE@<
z@3Ovk+mX{xV%^!fxNcTnR#~UVc(asUXM;?*mP<gZrPUmN&eY^juCYu)DaoHw9dms4
uaTb>d+&{o_V@3`0vlk5Tf+U2?<3EE;m5TF1ak&GaqSw>a&t;ucLK6Vt=39sW

literal 0
HcmV?d00001

diff --git a/wiki/public/stylesheets/application.css b/wiki/public/stylesheets/application.css
index 05d0072bc..729609400 100644
--- a/wiki/public/stylesheets/application.css
+++ b/wiki/public/stylesheets/application.css
@@ -597,4 +597,6 @@ div.wiki table {
 div.wiki table, div.wiki td {
     border: 1px solid #bbb;
     padding: 4px;
-}
\ No newline at end of file
+}
+
+#preview .preview { background: #fafbfc url(../images/draft.png); }