From 54eb03df2d55024b17a6669b7fd46f1877515a60 Mon Sep 17 00:00:00 2001
From: Mark MacKay <mark@duopixel.com>
Date: Mon, 18 Jan 2021 10:20:23 -0600
Subject: [PATCH] adding draginput features

---
 src/css/draginput.css   |  4 ++++
 src/css/method-draw.css | 11 +++++++++++
 src/index.html          |  4 ++++
 src/js/method-draw.js   |  1 -
 4 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/css/draginput.css b/src/css/draginput.css
index a823a32..fe6e590 100644
--- a/src/css/draginput.css
+++ b/src/css/draginput.css
@@ -133,6 +133,10 @@
 }
 
 
+.draginput input:invalid {
+  color: #f33;
+}
+
 
  .draginput span {
   font: 11px/130% sans-serif;
diff --git a/src/css/method-draw.css b/src/css/method-draw.css
index c76973d..b532577 100644
--- a/src/css/method-draw.css
+++ b/src/css/method-draw.css
@@ -560,6 +560,17 @@ box-shadow: inset 0 3px 10px rgba(255, 255, 255, 0.1),
   display: none;
 }
 
+.draginput.text-input input, 
+.draginput.text-input input:hover, 
+.draginput.text-input input:active {
+  cursor: text;
+}
+
+.draginput.text-input input {
+  text-align: left;
+  text-indent: 8px;
+}
+
 .draginput_cell {
   float: left;
   height: 26px;
diff --git a/src/index.html b/src/index.html
index 85df3a7..9bf7867 100644
--- a/src/index.html
+++ b/src/index.html
@@ -165,6 +165,10 @@
   
   <div id="rect_panel" class="context_panel">
     <h4 class="clearfix">Rectangle</h4>
+      <label class="draginput twocol text-input">
+        <input id="rect_id" class="attr_changer" data-attr="id" pattern="[^\s]+" />
+      <span>ID</span> 
+    </label>
     <label>
       <input id="rect_x" class="attr_changer" data-title="Change X coordinate" size="3" data-attr="x" pattern="[0-9]*" />
       <span>X</span> 
diff --git a/src/js/method-draw.js b/src/js/method-draw.js
index 0fc26a4..aa408f4 100644
--- a/src/js/method-draw.js
+++ b/src/js/method-draw.js
@@ -780,7 +780,6 @@ window.methodDraw = function() {
     $('#stroke_style').change(function(){
       svgCanvas.setStrokeAttr('stroke-dasharray', $(this).val());
       $("#stroke_style_label").html(this.options[this.selectedIndex].text)
-      operaRepaint();
     });
     
     $('#seg_type').change(function() {