From b8158a1f97cadcdafe325a70c2feb6147bf274ce Mon Sep 17 00:00:00 2001
From: Mark MacKay <mark@duopixel.com>
Date: Mon, 15 Feb 2021 16:30:52 -0600
Subject: [PATCH] changes

---
 src/css/method-draw.css        |  6 ++++++
 src/index.html                 |  2 +-
 src/js/PaintBox.js             |  2 +-
 src/js/Panel.js                |  2 --
 src/js/editor.js               | 10 +++-------
 src/js/lib/jquery.jgraduate.js |  5 +++--
 6 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/css/method-draw.css b/src/css/method-draw.css
index fcf0cce..f39d13a 100644
--- a/src/css/method-draw.css
+++ b/src/css/method-draw.css
@@ -568,6 +568,12 @@ input[type=file] {
   fill: #fff;
 }
 
+.draginput.textcontent {
+  position: absolute;
+  opacity: 0;
+  z-index: 0;
+}
+
  .align_buttons  .draginput_cell:nth-child(1) {border-radius: 3px 0 0 0;}
  .align_buttons  .draginput_cell:nth-child(3) {border-radius: 0 3px 0 0;}
  .align_buttons  .draginput_cell:nth-child(4) {border-radius: 0 0 0 3px;}
diff --git a/src/index.html b/src/index.html
index ac58390..e492ca5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -280,7 +280,7 @@
 
   <div id="text_panel" class="context_panel">
     <h4>Text</h4>
-    <label class="draginput twocol" data-title="Change Font Size">
+    <label class="draginput twocol textcontent" data-title="Change Content">
       <span>Content</span>
       <input id="text" type="text"/>
     </label>
diff --git a/src/js/PaintBox.js b/src/js/PaintBox.js
index 57124b2..dc2cc19 100644
--- a/src/js/PaintBox.js
+++ b/src/js/PaintBox.js
@@ -141,7 +141,7 @@ MD.PaintBox = function(container, type){
       else createBackground(fillAttr)
     }
 
-    if(true) {
+    if(apply) {
       svgCanvas.setColor(this.type, fillAttr, true);
       svgCanvas.setPaintOpacity(this.type, opac, true);
     }
diff --git a/src/js/Panel.js b/src/js/Panel.js
index 4383a6b..55d87fb 100644
--- a/src/js/Panel.js
+++ b/src/js/Panel.js
@@ -105,7 +105,6 @@ MD.Panel = function(){
      const isNode = svgCanvas.pathActions.getNodePoint()
      // If element has just been deleted, consider it null
      if(!elem || !elem.parentNode) elem = null;
-     elem = null;
 
      const multiselected = elems.length > 1;
      
@@ -122,7 +121,6 @@ MD.Panel = function(){
          var seg_type = $('#seg_type');
          point.x = svgedit.units.convertUnit(point.x);
          point.y = svgedit.units.convertUnit(point.y);
-         console.log(point)
          $('#path_node_x').val(Math.round(point.x));
          $('#path_node_y').val(Math.round(point.y));
          if(point.type) {
diff --git a/src/js/editor.js b/src/js/editor.js
index 13aa3a0..45665a0 100644
--- a/src/js/editor.js
+++ b/src/js/editor.js
@@ -107,9 +107,11 @@ MD.Editor = function(){
   }
 
   // called when we've selected a different element
-  function selectedChanged(window,elems) {  
+  function selectedChanged(window,elems) {
     const mode = svgCanvas.getMode();
     _self.selected = elems.filter(Boolean);
+    editor.paintBox.fill.update();
+    editor.paintBox.stroke.update();
     editor.panel.updateContextPanel(_self.selected);
   };
 
@@ -148,12 +150,6 @@ MD.Editor = function(){
 
     editor.panel.updateContextPanel(elems);
     
-    // In the event a gradient was flipped:
-    if(_self.selected && mode === "select") {
-      editor.paintBox.fill.update();
-      editor.paintBox.stroke.update();
-    }
-    
     svgCanvas.runExtensions("elementChanged", {
       elems: elems
     });
diff --git a/src/js/lib/jquery.jgraduate.js b/src/js/lib/jquery.jgraduate.js
index bc7ecc6..23a51fb 100644
--- a/src/js/lib/jquery.jgraduate.js
+++ b/src/js/lib/jquery.jgraduate.js
@@ -547,7 +547,8 @@ jQuery.fn.jGraduate =
                 images: { clientPath: $settings.images.clientPath },
                 color: { active: color, alphaSupport: true }
               }, function(color, arg2){
-                stopColor = color.val('hex') ? ('#'+color.val('hex')) : "none";
+                // todo if color is 'none' it should get the same color as the next color stop
+                stopColor = color.val('hex') ? ('#'+color.val('hex')) : "rgba(255,255,255,0)";
                 stopOpacity = color.val('a') !== null ? color.val('a')/256 : 1;
                 colorhandle.setAttribute('fill', stopColor);
                 colorhandle.setAttribute('fill-opacity', stopOpacity);
@@ -1085,7 +1086,7 @@ jQuery.fn.jGraduate =
       var thisAlpha = ($this.paint.alpha*255/100).toString(16);
       while (thisAlpha.length < 2) { thisAlpha = "0" + thisAlpha; }
       thisAlpha = thisAlpha.split(".")[0];
-      color = $this.paint.solidColor == "none" ? "" : $this.paint.solidColor + thisAlpha;
+      color = $this.paint.solidColor === "none" ? "" : $this.paint.solidColor + thisAlpha;
       
       if(!isSolid) {
         color = stops[0].getAttribute('stop-color');