From d7b49585598a6b24f9ee5a232121c4d6ed9995d6 Mon Sep 17 00:00:00 2001
From: Alexis Deveria <adeveria@gmail.com>
Date: Wed, 21 Oct 2009 13:40:50 +0000
Subject: [PATCH] Added wireframe mode - Issue 106

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@857 eee81c28-f429-11dd-99c0-75d572ba1ddd
---
 editor/images/wireframe.png | Bin 0 -> 466 bytes
 editor/svg-editor.css       |  15 +++++++++++++++
 editor/svg-editor.html      |   1 +
 editor/svg-editor.js        |   7 +++++++
 4 files changed, 23 insertions(+)
 create mode 100644 editor/images/wireframe.png

diff --git a/editor/images/wireframe.png b/editor/images/wireframe.png
new file mode 100644
index 0000000000000000000000000000000000000000..89db7e9e3d7f7af1c5400098ac9a594e66c454ea
GIT binary patch
literal 466
zcmV;@0WJQCP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzbV)=(RCwCVmN82MF%-uycY+A6x+u7I
zv|m6eZe9EePUYtA{RrJG7NK-2xVh*m+y}6SQ0VATM09jj&VS^e5<)J?1rB`h>v6ff
z{Btkwy`HG5DrwVp<c|=-9PfZWI0L8P7;HcZ3h)Tlx<lPYQ_ENm7T^fX!8zFFb<Xhx
z=lRW09)TOs^|*C8Z=|ndLl?;Dlm>=3<@`KEK*szzVCS|sk$#;z0kvCspif}gP+&>F
zzUws;W=j#7i3R=Z)0C-L*35Ya4-SESaDh~x8RJ(7QKrt|8)P*LTzlRiqrYh{`Wb9k
zOg7u|2&f{o32y~ThAGBe;oS;256WZC1W^LAxAY?GphthFfNWg1V9>CV2lQL}1f)&D
z8<+(4q6z0un>0JslVtgi!6mq3Mx5||%;&ytx-y%c`F}73_uz|p{>u9ypC`crE?~3B
z>{{uC)|&kbfuG2=|KclrUlr(*AGmx*2pnSV1JU+p%dY?f0IUPNpchtM3jhEB07*qo
IM6N<$g5GV=oB#j-

literal 0
HcmV?d00001

diff --git a/editor/svg-editor.css b/editor/svg-editor.css
index 8375ee5e..9d92acfe 100644
--- a/editor/svg-editor.css
+++ b/editor/svg-editor.css
@@ -246,6 +246,21 @@ body {
 	left: 2px;
 }
 
+#workarea.wireframe #svgzoom * {
+	fill: none;
+	stroke: #000;
+	stroke-width: 1px;
+	stroke-opacity: 1.0;
+	stroke-dasharray: none;
+	opacity: 1;
+	pointer-events: stroke;
+}
+
+#workarea.wireframe #svgzoom text {
+	fill: #000;
+	stroke: none;
+}
+
 /* TODO: fix this */
 div.color_block {
 	background-image: url('images/none.png');
diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index f0c388f8..f4af44db 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -89,6 +89,7 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 		<img class="push_button" id="tool_save" src="images/save.png" title="Save Image [S]" alt="Save"/>
 		<img class="push_button" id="tool_docprops" src="images/document-properties.png" title="Document Properties [I]"/>
 		<img class="push_button" id="tool_source" src="images/source.png" title="Edit Source [U]" alt="Source"/>
+		<img class="tool_button" id="tool_wireframe" src="images/wireframe.png" title="Wireframe Mode [F]" alt="Wireframe"/>
 	</div>
 
     <!-- History buttons -->
diff --git a/editor/svg-editor.js b/editor/svg-editor.js
index 83d488d1..bbb8e9a4 100644
--- a/editor/svg-editor.js
+++ b/editor/svg-editor.js
@@ -807,6 +807,11 @@ function svg_edit_setup() {
 		svgCanvas.setZoom(multiplier);
 	};
 
+	var clickWireframe = function() {
+		 $('#tool_wireframe').toggleClass('push_button_pressed');
+		$('#workarea').toggleClass('wireframe');
+	}
+
 	var showSourceEditor = function(){
 		if (editingsource) return;
 		editingsource = true;
@@ -923,6 +928,7 @@ function svg_edit_setup() {
 	$('#tool_save').click(clickSave);
 	$('#tool_open').click(clickOpen);
 	$('#tool_source').click(showSourceEditor);
+	$('#tool_wireframe').click(clickWireframe);
 	$('#tool_source_cancel,#svg_source_overlay,#tool_docprops_cancel').click(cancelOverlays);
 	$('#tool_source_save').click(saveSourceEditor);
 	$('#tool_docprops_save').click(saveDocProperties);
@@ -1027,6 +1033,7 @@ function svg_edit_setup() {
 			[modKey+'i', function(evt){showDocProperties();evt.preventDefault();}],
 			[modKey+'c', function(evt){clickClone();evt.preventDefault();}],
 			[modKey+'g', function(evt){clickGroup();evt.preventDefault();}],
+			[modKey+'f', function(evt){clickWireframe();evt.preventDefault();}],
 			[modKey+'x', function(evt){toggleSidePanel();}],
 			['esc', cancelOverlays, false],
 		];