From 5c67d896ac1d0011eae5548f88b17f740e814c4d Mon Sep 17 00:00:00 2001
From: Pavol Rusnak <stick@gk2.sk>
Date: Thu, 25 Jun 2009 08:31:36 +0000
Subject: [PATCH] buttons for undo/redo

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@200 eee81c28-f429-11dd-99c0-75d572ba1ddd
---
 editor/images/redo.png | Bin 0 -> 921 bytes
 editor/images/undo.png | Bin 0 -> 1122 bytes
 editor/svg-editor.html |  37 ++++++++++++++++++++++---------------
 editor/svg-editor.js   |   6 ++++--
 4 files changed, 26 insertions(+), 17 deletions(-)
 create mode 100644 editor/images/redo.png
 create mode 100644 editor/images/undo.png

diff --git a/editor/images/redo.png b/editor/images/redo.png
new file mode 100644
index 0000000000000000000000000000000000000000..1169fc3b45767aa8dd025bf3a8ff579360f9bf45
GIT binary patch
literal 921
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjY)RhkE<hRxemd{22U45`9+AaB
z9oImZaYBCO9FSmHfnz$52J2_2@L9Tyfr06er;B5V$MLh1y|aY_MUMY}eolGq%C)sp
z*+<<316Q%Gc5+-3GG&{WSX0LXuN1px@BIzjrPF)4|FT5>&=3)s@@UbGGR0}Pl5~A9
zvlwrzG%=pJ^SZB^-?1}Wg1F)=&J?_#dH?;q>hlc$A9oxL73^O9yL{5=vWGW&j$Zv{
zD;y(b&CPK0t;+6|3GPC-_=LJwCo+6zwE23-Tsw1%mhF!ZX>tr!LbF!>pR6Djew=ZS
zRCx9Cx81eNy>(M>My?Lg5jmsNW8<zO^l@qc!yl`L?dI<7fjQegYA-)55}nZFV06%g
z$6)4y<y{JFE{g-*h5RzoGy?>>S0884iQQ}1)1{%fczM>%J3<LUjv8z|dl~{CEO_O+
zOU28{SeIc!EmuX^&qJQg4hy&J<4e4*e=Egd8ppJQ*~NMl?acf_J{|7_f?88Ogq+iV
zJ2LQawJNOQWHK}R$#lhFq5h@!)$Dal8drEaQ?`_Db-JmMm{qkg@9(K2l_z{TT9_OE
zGcH`ZR#JNAk{Pq&&M;a`z2M`Op~l$Ya%$TLhej4j!Au98nlm>U^3+W}udcqkp_}hd
zhrG>)4xWkIPdja6Xz^1ytN)>74)?ychKnnhm^Rc@Ts!w)3mCKg@`|BnRozp>j$Uj@
zQ@dMiy|RH}g21E8{<V2M1~0xWeB$SovFz2&1s_}vbIqB%;gFS_U!LdNX}MfGWlr_l
z2fhna-K0L{Rq&^<AJ6q(v+^+f{?|9XFFyI@6ECx}Jd;zw**67iBae7X27Hw+HxR$G
z@>qC4_tEQrivM%W_FVp@dhgudVbSbwtlQgeY@hnw=4F#r!b+}Z_mV$xy>juMT=UXl
z%DmZ|mI^o=(U6x+aoaI_%^m*4g4Jw~d0C#c?YciVcIWviytWgps?TkRK5{`hC+E!G
z4e>?MAN2G-dgz~AsCMvr*wJfmdUAKB@ZRpOIi!F8u5G>S#d-brgWp;)FcmzX1x(ti
zC9V-A$wjG&C8@e8K!U-@z`#P+&`8(7IK<G%%E-{l&_vt7z{<d&uyFAen1<Z^l+3hB
W0vhxVTzvr4z~JfX=d#Wzp$PyRq<_-@

literal 0
HcmV?d00001

diff --git a/editor/images/undo.png b/editor/images/undo.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd4ab955feb213c4a99af4ec4d1a4aa611aa58fa
GIT binary patch
literal 1122
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjY)RhkE<hRxemd{22U45`9+AaB
z9oImZaYBCO9FSmHfnz$52J2_2@L9Tyfq}W()5S5w<M`1jzB$saBFF!4mXA}Hwl3`G
z+<we+j@8n}B8}-BTOGYR7#ahV9|X0mTBQ}_XWO)+p@mCEP{ATVb5l`fXp0ETs+Nqq
z$0WM=b2YVuwy<=3PBq_}{j>P(+_?{p`owPgYAGG`@VB=9{Oy1B=X<vq|Gh7Kc;>@L
z7m+{r>-2NCTG~s`x^Twc@2$##YNluD&cd~qigMoEOfQ?#xUIqW<4VB;aW@4WZhGB$
z)EqF?k72)pAnW?b9eGhZ!jhl7xoT=!_i1lcrFBD%excuVhU<?NT9U3$=zCBg@Na?O
zi;t(4)@<AGdm{T=@#e*^_&>5}-w}Us=gtF0`5^A(VC5B2hbP?m&B!35r6AdGh28Zw
z>)vi&p0|}h0z(&9|Ne1T9jIw)Mbp}R&K(6+-v#IX`+4=o6%MUy3Mz{n!c5v{^RA9_
zSv%`s(JLd1I~VrGJ^ISea`)*J+b#ZkMf?p`%Ql#(#h+_alM{Gpn90(>Dqya))HKDs
zE>CwJ(--?MChO|{KlZ<xr1$d<PueyXlj{n_yZf9HMU^KSD6lgyEQ@sAIi)S~RHFvV
zx;}xdYjHYpGxvYIQfRX+SKL=VdY=U_*!IXo_uCp~E>Nmc`FXZ{wjJxe)&|1^yQ{-E
zvshomiWK~8Z|L1-n(>o=S-)=lnZWxgpZ@5!9DaEAYqPr}pB(E+(Yx)RZ(2)VEwbOf
zl9!KLZ1V1mXA>Na+k0{unTj%(X4%ZQspk%8o4fDQYV~(>e4n4lUcI_9L-y{RsK|3U
z!c%rS&XoRcta35-)gAXnaiPG1!kar~meomreY$!7+s*a<Y%g}6x7o9E-djHhslcvV
zJNo8$9M4Pn6)*JLuR%?i&ok(CYf}2%ZP~AtR!r;B$Yoen5XRtPoS!1b@P)C!dhr?~
zU0;#A8fo=Yb-bpr%-~8s%W&x#OPBJhV{;f3miv|YSKFurEPr+Dl-1|ypSKz_STTmQ
zT8LjOx;fFz;A)}P&Bu*GHy7`h><hURU$bw)y>lPR@Bb5sXTHD?aY$-HeN36(!)K+E
z44p12weOhktM8NBED^17Gu!*k+HyPBm?cXU{pK=UQhDOj&g2jls_~fJ<o=Jkn;%}S
zxxV)1;-_3w<Lc+Tw|3~R(d+3dzZS#1r|5>OmDP^ZCZa{3)snZJ<*;}&{kZPl?bCmX
z2Zy~{?;7*}hsirLB@w4Hj7fcax9#=55XF7z$^D9=c0&`<ANG><%=>1R8m6vjNCD<i
z)e_f;lH{V)#FA9q6d=K1WME*SYiOivU>ss-WMyP%WoV*pU|?lnP*}M53QR+8eoAIq
XB>@e32d+K<YGCkm^>bP0l+XkKNr2&Q

literal 0
HcmV?d00001

diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index 83bb74ed..6ccc1f9a 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -35,6 +35,13 @@
 	<img class="tool_button" id="tool_save" src="images/save.png" title="Save Image [S]" alt="Save"/>
 	</div>
 
+    <!-- History buttons -->
+	<div>
+	<img class="tool_sep" src="images/sep.png" alt="|"/>
+	<img class="tool_button" id="tool_undo" src="images/undo.png" title="Undo [Z]" alt="Undo" />
+	<img class="tool_button" id="tool_redo" src="images/redo.png" title="Redo [Shift+Z/Y]" alt="Redo"/>
+	</div>
+
 	<!-- Buttons when something is selected -->
 	<div id="selected_panel">
 	<img class="tool_sep" src="images/sep.png" alt="|"/>
@@ -59,47 +66,47 @@
 			<option value="20">20</option>
 		</select>
 		<label class="rect_tool">x:</label>
-		<input id="rect_x" class="rect_tool attr_changer" title="Change rectangle X coordinate" alt="x" size="5"/>
+		<input id="rect_x" class="rect_tool attr_changer" title="Change rectangle X coordinate" alt="x" size="3"/>
 		<label class="rect_tool">y:</label>
-		<input id="rect_y" class="rect_tool attr_changer" title="Change rectangle Y coordinate" alt="y" size="5"/>
+		<input id="rect_y" class="rect_tool attr_changer" title="Change rectangle Y coordinate" alt="y" size="3"/>
 		<label class="rect_tool">width:</label>
-		<input id="rect_w" class="rect_tool attr_changer" title="Change rectangle width" alt="width" size="5"/>
+		<input id="rect_w" class="rect_tool attr_changer" title="Change rectangle width" alt="width" size="3"/>
 		<label class="rect_tool">height:</label>
-		<input id="rect_h" class="rect_tool attr_changer" title="Change rectangle height" alt="height" size="5"/>
+		<input id="rect_h" class="rect_tool attr_changer" title="Change rectangle height" alt="height" size="3"/>
 	</div>
 
 	<div id="circle_panel">
 		<img class="tool_sep" src="images/sep.png" alt="|"/>
 		<label class="circle_tool">cx:</label>
-		<input id="circle_cx" class="circle_tool attr_changer" title="Change circle's cx coordinate" alt="cx" size="5"/>
+		<input id="circle_cx" class="circle_tool attr_changer" title="Change circle's cx coordinate" alt="cx" size="3"/>
 		<label class="circle_tool">cy:</label>
-		<input id="circle_cy" class="circle_tool attr_changer" title="Change circle's cy coordinate" alt="cy" size="5"/>
+		<input id="circle_cy" class="circle_tool attr_changer" title="Change circle's cy coordinate" alt="cy" size="3"/>
 		<label class="circle_tool">r:</label>
-		<input id="circle_r" class="circle_tool attr_changer" title="Change circle's radius" alt="r" size="5"/>
+		<input id="circle_r" class="circle_tool attr_changer" title="Change circle's radius" alt="r" size="3"/>
 	</div>
 	
 	<div id="ellipse_panel">
 		<img class="tool_sep" src="images/sep.png" alt="|"/>
 		<label class="ellipse_tool">cx:</label>
-		<input id="ellipse_cx" class="ellipse_tool attr_changer" title="Change ellipse's cx coordinate" alt="cx" size="5"/>
+		<input id="ellipse_cx" class="ellipse_tool attr_changer" title="Change ellipse's cx coordinate" alt="cx" size="3"/>
 		<label class="ellipse_tool">cy:</label>
-		<input id="ellipse_cy" class="ellipse_tool attr_changer" title="Change ellipse's cy coordinate" alt="cy" size="5"/>
+		<input id="ellipse_cy" class="ellipse_tool attr_changer" title="Change ellipse's cy coordinate" alt="cy" size="3"/>
 		<label class="ellipse_tool">rx:</label>
-		<input id="ellipse_rx" class="ellipse_tool attr_changer" title="Change ellipse's x radius" alt="rx" size="5"/>
+		<input id="ellipse_rx" class="ellipse_tool attr_changer" title="Change ellipse's x radius" alt="rx" size="3"/>
 		<label class="ellipse_tool">ry:</label>
-		<input id="ellipse_ry" class="ellipse_tool attr_changer" title="Change ellipse's y radius" alt="ry" size="5"/>
+		<input id="ellipse_ry" class="ellipse_tool attr_changer" title="Change ellipse's y radius" alt="ry" size="3"/>
 	</div>
 	
 	<div id="line_panel">
 		<img class="tool_sep" src="images/sep.png" alt="|"/>
 		<label class="line_tool">x1:</label>
-		<input id="line_x1" class="line_tool attr_changer" title="Change line's starting x coordinate" alt="x1" size="5"/>
+		<input id="line_x1" class="line_tool attr_changer" title="Change line's starting x coordinate" alt="x1" size="3"/>
 		<label class="line_tool">y1:</label>
-		<input id="line_y1" class="line_tool attr_changer" title="Change line's starting y coordinate" alt="y1" size="5"/>
+		<input id="line_y1" class="line_tool attr_changer" title="Change line's starting y coordinate" alt="y1" size="3"/>
 		<label class="line_tool">x2:</label>
-		<input id="line_x2" class="line_tool attr_changer" title="Change line's ending x coordinate" alt="x2" size="5"/>
+		<input id="line_x2" class="line_tool attr_changer" title="Change line's ending x coordinate" alt="x2" size="3"/>
 		<label class="line_tool">y2:</label>
-		<input id="line_y2" class="line_tool attr_changer" title="Change line's ending y coordinate" alt="x1" size="5"/>
+		<input id="line_y2" class="line_tool attr_changer" title="Change line's ending y coordinate" alt="x1" size="3"/>
 	</div>
 
 	<div id="text_panel">
diff --git a/editor/svg-editor.js b/editor/svg-editor.js
index 96204ba2..9869928d 100644
--- a/editor/svg-editor.js
+++ b/editor/svg-editor.js
@@ -326,12 +326,12 @@ function svg_edit_setup() {
 	}
 	
 	var clickUndo = function(){
-		if (svgCanvas.getUndoStackSize() > 0) 
+		if (svgCanvas.getUndoStackSize() > 0)
 			svgCanvas.undo();
 	}
 
 	var clickRedo = function(){
-		if (svgCanvas.getRedoStackSize() > 0) 
+		if (svgCanvas.getRedoStackSize() > 0)
 			svgCanvas.redo();
 	}
 
@@ -350,6 +350,8 @@ function svg_edit_setup() {
 	$('#tool_delete').click(deleteSelected);
 	$('#tool_move_top').click(moveToTopSelected);
 	$('#tool_move_bottom').click(moveToBottomSelected);
+	$('#tool_undo').click(clickUndo);
+	$('#tool_redo').click(clickRedo);
 
 	// added these event handlers for all the push buttons so they
 	// behave more like buttons being pressed-in and not images