From 1f11691c60860c1b5fff8cdb9eb1b430c5679390 Mon Sep 17 00:00:00 2001
From: Francesco Strappini <f.strappini@mynext.it>
Date: Thu, 24 Sep 2015 16:15:34 +0200
Subject: [PATCH 1/2] Added class support

---
 editor/svg-editor.html | 4 ++++
 editor/svg-editor.js   | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index d1ffc254..e9c54c90 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -208,6 +208,10 @@ by creating the following file and adding by calls to svgEditor.setConfig -->
 				<span>id:</span>
 				<input id="elem_id" class="attr_changer" data-attr="id" size="10" type="text"/>
 			</label>
+			<label id="classLabel" title="Element class">
+				<span>class:</span>
+				<input id="elem_class" class="attr_changer" data-attr="class" size="10" type="text"/>
+			</label>
 		</div>
 
 		<label id="tool_angle" title="Change rotation angle" class="toolset">
diff --git a/editor/svg-editor.js b/editor/svg-editor.js
index 0eb8fe96..815217d0 100644
--- a/editor/svg-editor.js
+++ b/editor/svg-editor.js
@@ -1527,6 +1527,7 @@ TODOS
 					$('#group_opacity').val(opac_perc);
 					$('#opac_slider').slider('option', 'value', opac_perc);
 					$('#elem_id').val(selectedElement.id);
+					$('#elem_class').val(selectedElement.getAttribute("class"));
 				}
 
 				updateToolButtonState();
@@ -2991,7 +2992,7 @@ TODOS
 					return false;
 				}
 
-				if (attr !== 'id') {
+				if (attr !== 'id' && attr!=='class') {
 					if (isNaN(val)) {
 						val = svgCanvas.convertToNum(attr, val);
 					} else if (curConfig.baseUnit !== 'px') {

From ce009a45817b98a7339aea9a2c2f83c021a0c040 Mon Sep 17 00:00:00 2001
From: Francesco Strappini <f.strappini@mynext.it>
Date: Sun, 27 Sep 2015 09:01:04 +0200
Subject: [PATCH 2/2] Spacing like the code around

---
 editor/svg-editor.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/editor/svg-editor.js b/editor/svg-editor.js
index 815217d0..364b3679 100644
--- a/editor/svg-editor.js
+++ b/editor/svg-editor.js
@@ -2992,7 +2992,7 @@ TODOS
 					return false;
 				}
 
-				if (attr !== 'id' && attr!=='class') {
+				if (attr !== 'id' && attr !== 'class') {
 					if (isNaN(val)) {
 						val = svgCanvas.convertToNum(attr, val);
 					} else if (curConfig.baseUnit !== 'px') {