add size filter option for text inputs

Author: mistic100

examples/index.html

@@ -76,7 +76,8 @@ <h3>Output</h3>
     id: 'name',
     label: 'Name',
     type: 'string',
-    optgroup: 'core'
+    optgroup: 'core',
+    size: 30
   },
   /*
    * select
@@ -119,6 +120,7 @@ <h3>Output</h3>
     id: 'price',
     label: 'Price',
     type: 'double',
+    size: 5,
     validation: {
       min: 0,
       step: 0.01
@@ -156,6 +158,7 @@ <h3>Output</h3>
     type: 'string',
     optgroup: 'plugin',
     placeholder: '____-____-____',
+    size: 14,
     operators: ['equal', 'not_equal'],
     validation: {
       format: /^.{4}-.{4}-.{4}$/

src/query-builder.js

@@ -1548,13 +1548,15 @@
                             if (validation.min !== undefined) h+= ' min="'+ validation.min +'"';
                             if (validation.max !== undefined) h+= ' max="'+ validation.max +'"';
                             if (filter.placeholder) h+= ' placeholder="'+ filter.placeholder +'"';
+                            if (filter.size) h+= ' size="'+ filter.size +'"';
                             h+= '>';
                             break;
 
                         /* falls through */
                         case 'datetime': case 'text': default:
                             h+= '<input type="text" name="'+ name +'"';
                             if (filter.placeholder) h+= ' placeholder="'+ filter.placeholder +'"';
+                            if (filter.size) h+= ' size="'+ filter.size +'"';
                             h+= '>';
                     }
             }