onBlurValidateAgainstList() para #30

codenautas · Dec 5, 2016 · 4798441 · 4798441
1 parent 112e20d
commit 4798441
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 5 deletions.
diff --git a/src/txt-to-sql.jade b/src/txt-to-sql.jade
@@ -215,6 +215,17 @@ html(lang=lang)
             html.td([createInput(name, type, value, width, id || name)])            
         ]).create();
     }
+    function onBlurValidateAgainstList(element, list) {
+        element.addEventListener('blur', function(event) {
+            var buttonGenerate = getID('generate');
+            buttonGenerate.disabled = list.indexOf(element.value)===-1;
+            if(buttonGenerate.disabled) {
+                errMessage.textContent = element.value+' not found in '+JSON.stringify(list);
+            } else {
+                errMessage.textContent = '';
+            }
+        }, false);
+    }
     function createList(label, name, value, alternatives, width) {
         var valuesID=name+'_values';
         var options=alternatives.map(function(item) {
@@ -311,7 +322,7 @@ html(lang=lang)
             }).then(function(prepared) {
                 if(prepared.errors) { throw new Error(prepared.errors.join('\n')); }
                 preparedColumns = prepared.columns;
-                var butGenerate = html.input({type:'button', value:messages.generate}).create();
+                var butGenerate = html.input({type:'button', value:messages.generate, id:'generate'}).create();
                 butGenerate.file = file;
                 butGenerate.addEventListener('click', handleGenerate, false);
                 var includePrimaryKeyValue = prepared.opts.includePrimaryKey !== null ?
@@ -362,6 +373,10 @@ html(lang=lang)
                                                     html.td([tblFields])
                                                 ]),
                                               ]).create()]);
+               onBlurValidateAgainstList(getID('columnNamesFormat'), txtToSql.validFormats);
+               onBlurValidateAgainstList(getID('outputEngine'), txtToSql.validEngines);
+               onBlurValidateAgainstList(getID('inputEncoding'), txtToSql.validEncodings);
+               onBlurValidateAgainstList(getID('outputEncoding'), txtToSql.validEncodings);
                errMessage.textContent=""; // if all goes ok, clear' em
                log.textContent=messages.loaded+' '+file.name;
                delete getID('inputFile').files;

diff --git a/src/txt-to-sql.styl b/src/txt-to-sql.styl
@@ -11,9 +11,9 @@ table.inner
         width:1%;
         white-space:nowrap;
     }
-    
+
 input
     width auto
-    
+
 input[type="file"]
-    width 400px    
+    width 400px
diff --git a/web/txt-to-sql.html b/web/txt-to-sql.html
@@ -164,6 +164,17 @@
         html.td([createInput(name, type, value, width, id || name)])            
     ]).create();
 }
+function onBlurValidateAgainstList(element, list) {
+    element.addEventListener('blur', function(event) {
+        var buttonGenerate = getID('generate');
+        buttonGenerate.disabled = list.indexOf(element.value)===-1;
+        if(buttonGenerate.disabled) {
+            errMessage.textContent = element.value+' not found in '+JSON.stringify(list);
+        } else {
+            errMessage.textContent = '';
+        }
+    }, false);
+}
 function createList(label, name, value, alternatives, width) {
     var valuesID=name+'_values';
     var options=alternatives.map(function(item) {
@@ -260,7 +271,7 @@
         }).then(function(prepared) {
             if(prepared.errors) { throw new Error(prepared.errors.join('\n')); }
             preparedColumns = prepared.columns;
-            var butGenerate = html.input({type:'button', value:messages.generate}).create();
+            var butGenerate = html.input({type:'button', value:messages.generate, id:'generate'}).create();
             butGenerate.file = file;
             butGenerate.addEventListener('click', handleGenerate, false);
             var includePrimaryKeyValue = prepared.opts.includePrimaryKey !== null ?
@@ -311,6 +322,10 @@
                                                 html.td([tblFields])
                                             ]),
                                           ]).create()]);
+           onBlurValidateAgainstList(getID('columnNamesFormat'), txtToSql.validFormats);
+           onBlurValidateAgainstList(getID('outputEngine'), txtToSql.validEngines);
+           onBlurValidateAgainstList(getID('inputEncoding'), txtToSql.validEncodings);
+           onBlurValidateAgainstList(getID('outputEncoding'), txtToSql.validEncodings);
            errMessage.textContent=""; // if all goes ok, clear' em
            log.textContent=messages.loaded+' '+file.name;
            delete getID('inputFile').files;