From ec5112a2ed2e64c016bcddeda574cace13634128 Mon Sep 17 00:00:00 2001
From: Agriya Dev5 <agriya.dev5@agriya.in>
Date: Tue, 17 Nov 2020 19:45:44 +0530
Subject: [PATCH] #se-input image (width, height) and path node (x,y) input
 changes

---
 src/editor/index.html | 16 ++++------------
 src/editor/svgedit.js |  6 ++++--
 2 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/editor/index.html b/src/editor/index.html
index f4b2b441..e4121c02 100644
--- a/src/editor/index.html
+++ b/src/editor/index.html
@@ -214,12 +214,8 @@
         </div>
         <div id="image_panel">
           <div class="toolset">
-            <label><span id="iwidthLabel" class="icon_label"></span>
-              <input id="image_width" class="attr_changer" title="Change image width" size="3" data-attr="width" />
-            </label>
-            <label><span id="iheightLabel" class="icon_label"></span>
-              <input id="image_height" class="attr_changer" title="Change image height" size="3" data-attr="height" />
-            </label>
+            <se-input id="image_width" data-attr="width" inputsize="41px" type="text" src="./images/width.svg" title="Change image width"></se-input>
+            <se-input id="image_height" data-attr="height" inputsize="41px" type="text" src="./images/height.svg" title="Change image height"></se-input> 
           </div>
           <div class="toolset">
             <label id="tool_image_url">url:
@@ -318,12 +314,8 @@
           <div class="tool_sep"></div>
           <div id="tool_node_link" class="tool_button push_button_pressed" title="Link Control Points"></div>
           <div class="tool_sep"></div>
-          <label id="tool_node_x">x:
-            <input id="path_node_x" class="attr_changer" title="Change node's x coordinate" size="3" data-attr="x" />
-          </label>
-          <label id="tool_node_y">y:
-            <input id="path_node_y" class="attr_changer" title="Change node's y coordinate" size="3" data-attr="y" />
-          </label>
+          <se-input id="path_node_x" data-attr="x" inputsize="41px" title="Change node's x coordinate" type="text" label="x:"></se-input>
+          <se-input id="path_node_y" data-attr="y" inputsize="41px" title="Change node's y coordinate" type="text" label="y:"></se-input>
           <select id="seg_type" title="Change Segment type">
             <option id="straight_segments" selected="selected" value="4">Straight</option>
             <option id="curve_segments" value="6">Curve</option>
diff --git a/src/editor/svgedit.js b/src/editor/svgedit.js
index 7f8755a2..c082d815 100644
--- a/src/editor/svgedit.js
+++ b/src/editor/svgedit.js
@@ -1072,8 +1072,6 @@ editor.init = () => {
         '#tool_source_save,#tool_docprops_save,#tool_prefs_save': 'ok',
         '#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel': 'cancel',
 
-        '#rwidthLabel, #iwidthLabel': 'width',
-        '#rheightLabel, #iheightLabel': 'height',
         '#cornerRadiusLabel span': 'c_radius',
         '#angleLabel': 'angle',
         '#linkLabel,#tool_make_link_multi': 'globe_link',
@@ -4916,6 +4914,10 @@ editor.init = () => {
     $id('line_y1').addEventListener('change', (e) => attrChanger(e));
     $id('line_x2').addEventListener('change', (e) => attrChanger(e));
     $id('line_y2').addEventListener('change', (e) => attrChanger(e));
+    $id('image_width').addEventListener('change', (e) => attrChanger(e));
+    $id('image_height').addEventListener('change', (e) => attrChanger(e));
+    $id('path_node_x').addEventListener('change', (e) => attrChanger(e));
+    $id('path_node_y').addEventListener('change', (e) => attrChanger(e));
 
     // register actions for layer toolbar
     $id('layer_new').addEventListener('click', newLayer);