Added type, min and max attributes to input view (#12)

discoveryjs · Mar 7, 2019 · 814e296 · 814e296
1 parent 562353a
commit 814e296
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/client/views/input.js b/client/views/input.js
@@ -10,16 +10,26 @@ export default function(discovery) {
     };
 
     discovery.view.define('input', function(el, config, data, context) {
-        const { name, value, type = 'text', placeholder, onInit, onChange } = config;
+        const { name, value, type = 'text', placeholder, onInit, onChange, htmlType = 'text', htmlMin, htmlMax } = config;
         const factory = factories[type] || factories.text;
         const inputEl = el.appendChild(document.createElement('input'));
         let lastInput = defined([value, context[name]], '');
 
+        inputEl.type = htmlType;
         inputEl.value = lastInput;
         inputEl.placeholder = [
             placeholder || '',
             factory !== factories.text ? '(' + type + ')' : ''
         ].filter(Boolean).join(' ');
+
+        if (typeof htmlMin !== 'undefined') {
+            inputEl.min = htmlMin;
+        }
+
+        if (htmlMax) {
+            inputEl.max = htmlMax;
+        }
+
         inputEl.addEventListener('input', () => {
             const newInput = inputEl.value.trim();