From 81e8e4c2f62f82ea04ed1184f9f18db0adc19611 Mon Sep 17 00:00:00 2001
From: xseris <simone.povoscania@hotmail.it>
Date: Thu, 13 Sep 2018 11:25:07 +0200
Subject: [PATCH] Fix visualization. Auto refresh preview on input change.

---
 .../index/parser-interfaces/separator-based-parser-ui.html   | 5 ++++-
 .../index/parser-interfaces/separator-based-parser-ui.js     | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/main/webapp/modules/core/scripts/index/parser-interfaces/separator-based-parser-ui.html b/main/webapp/modules/core/scripts/index/parser-interfaces/separator-based-parser-ui.html
index 701cd3d59..82f674024 100644
--- a/main/webapp/modules/core/scripts/index/parser-interfaces/separator-based-parser-ui.html
+++ b/main/webapp/modules/core/scripts/index/parser-interfaces/separator-based-parser-ui.html
@@ -24,7 +24,10 @@
         <td><label for="$column-separator-custom" id="or-import-custom"></label>
           <input bind="columnSeparatorInput" type="text" class="lightweight" size="5" /></td></tr>
       <tr><td colspan="2" id="or-import-escape"></td></tr>
-      <tr><td colspan="2" id="or-import-columnNames"></td></tr>
+      </table>
+	  <br>
+	  <table>
+	  <tr><td colspan="2" id="or-import-columnNames"></td></tr> 
 	  <tr><td><input style="width: 33em;" bind="columnNamesInput" /></td><td id="or-import-optional"></td></tr>
     </table></div></td>
     
diff --git a/main/webapp/modules/core/scripts/index/parser-interfaces/separator-based-parser-ui.js b/main/webapp/modules/core/scripts/index/parser-interfaces/separator-based-parser-ui.js
index f209762d7..3d46b929d 100644
--- a/main/webapp/modules/core/scripts/index/parser-interfaces/separator-based-parser-ui.js
+++ b/main/webapp/modules/core/scripts/index/parser-interfaces/separator-based-parser-ui.js
@@ -227,6 +227,7 @@ Refine.SeparatorBasedParserUI.prototype._initialize = function() {
   };
   this._optionContainer.find("input").bind("change", onChange);
   this._optionContainer.find("select").bind("change", onChange);
+  this._optionContainerElmts.columnNamesInput.bind("keyup",onChange);
 };
 
 Refine.SeparatorBasedParserUI.prototype._scheduleUpdatePreview = function() {