codelation_ui 1.0.1 → 1.0.57

data/app/assets/javascripts/codelation_ui/extended/spinner.js

@@ -0,0 +1,103 @@
+(function() {
+  "use strict";
+
+  App.vue.components.vueSpinner = Vue.extend({
+    template: ' <div class="vue-spinner" :class="classes" :style="styles">\
+                  <svg class="vue-spinner-draw" viewBox="25 25 50 50" v-if="spinning">\
+                    <circle class="vue-spinner-path" cx="50" cy="50" r="20" :stroke-width="stroke" :stroke-dasharray="dashProgress">\
+                  </svg>\
+                  <vue-checkmark v-if="success" :stroke="stroke" :size="size"></vue-checkmark>\
+                  <vue-fail v-if="fail" :stroke="stroke" :size="size"></vue-fail>\
+                  <span v-if="showMessage" class="vue-spinner-message" transition="v-fade-in-out">\
+                  {{ message }}\
+                  </span>\
+                </div>',
+    props: {
+      size: {
+        type: Number,
+        default: 50
+      },
+      stroke: {
+        type: Number,
+        default: 3.5
+      },
+      indeterminate: {
+        type: Boolean,
+        default: true
+      },
+      progress: {
+        type: Number,
+        default: null
+      },
+      success: {
+        type: Boolean,
+        default: false
+      },
+      message: {
+        type: String,
+        default: null
+      },
+      fail: {
+        type: Boolean,
+        default: false
+      }
+    },
+    computed: {
+      showMessage: function() {
+        if (this.message === null) {
+          return false;
+        }
+
+        if (this.success) {
+          return true;
+        }
+
+        if (this.fail) {
+          return true;
+        }
+
+        return false;
+      },
+      spinning: function() {
+        if (this.success) {
+          return false;
+        }
+
+        return true;
+      },
+      isIndeterminate: function() {
+        if (this.indeterminate) {
+          return true;
+        } else {
+          if (this.progress === null) {
+            return true;
+          }
+        }
+
+        return false;
+      },
+      classes: function() {
+        return {
+          'vue-indeterminate': this.isIndeterminate
+        };
+      },
+      styles: function() {
+        var newSize = this.size + 'px';
+        return {
+          width: newSize,
+          height: newSize
+        };
+      },
+      dashProgress: function() {
+        if (this.isIndeterminate) {
+          return false;
+        }
+        var progress = this.progress * 125 / 100;
+        if (progress >= 125) {
+          progress = 130;
+        }
+        return progress + ', 200';
+      }
+    }
+  });
+})();

data/app/assets/javascripts/codelation_ui/forms/components/input.js

@@ -69,429 +69,458 @@ Used to remove the icon if the field has one.  Only effects Date types right now
 (function() {
   "use strict";
 
-  App.register('component').enter(function() {
-    var template = '<div class="vue-input" :class="[message ? \'has-message\' : \'\', disabled ? \'disabled\' : \'\']">\
-                      <i v-if="inputIcon" v-on:click="activeObject()" class="vue-input-icon fa" :class="[inputIcon]"></i>\
-                      <input :disabled="disabled" id="{{ id}}" type="text" name="{{ name }}" v-if="showInputFor(\'number\')" v-on:keyup.up="incrementValue()" v-on:keyup.down="decrementValue()" v-el:input v-model="inputValue" :placeholder="placeholder">\
-                      <input :disabled="disabled" id="{{ id}}" type="text" name="{{ name }}" v-if="showInputFor(\'string\')" v-el:input v-model="inputValue" :placeholder="placeholder">\
-                      <input :disabled="disabled" id="{{ id}}" type="text" name="{{ name }}" v-if="showInputFor(\'date\')" v-on:keyup.up="incrementValue()" v-on:keyup.down="decrementValue()" v-el:input v-model="inputValue" :placeholder="placeholder">\
-                      <input :disabled="disabled" id="{{ id}}" type="checkbox" name="{{ name }}" v-if="showInputFor(\'bool\')" v-el:input v-model="inputValue">\
-                      <input :disabled="disabled" id="{{ id}}" type="radio" name="{{ name }}" v-if="showInputFor(\'radio\')" v-el:input v-model="inputValue">\
-                      <select :disabled="disabled" id="{{ id}}" v-if="showInputFor(\'select\')" v-model="inputValue" name="{{ name }}">\
-                        <option v-for="option in optionsForSelect" :value="optionValue(option)">{{ optionLabel(option) }}</option>\
-                      </select>\
-                      <span v-if="showInputFor(\'toggle\')" class="vue-input-toggle">\
-                        <input :disabled="disabled" id="{{ id}}" name="{{ name }}" type="checkbox" v-model="inputValue">\
-                        <label for="{{ id}}"></label>\
-                      </span>\
-                      <div v-if="message" class="vue-input-message-container">\
-                        <i class="fa fa-exclamation-triangle"></i><div><h5>{{ message }}</h5><p v-if="inputFormat">Format: {{ inputFormat }}</p></div>\
-                      </div>\
-                    </div>'
-
-    var inputTypeMap = {
-      'money':'money',
-      'currency':'money',
-      'number':'number',
-      'numeric':'number',
-      'date':'date',
-      'calendar':'date',
-      'percent':'percent',
-      'bool':'bool',
-      'check':'bool',
-      'boolean':'bool',
-      'toggle': 'toggle',
-      'text':'text',
-      'email':'text',
-      'phone':'text',
-      'option': 'radio',
-      'radio': 'radio',
-      'select':'select',
-      'list':'select'
+  var template = '<div class="vue-input" :class="[message ? \'has-message\' : \'\', disabled ? \'disabled\' : \'\', type]">\
+                    <i v-if="inputIcon" v-on:click="activeObject()" class="vue-input-icon fa" :class="[inputIcon]"></i>\
+                    <input :disabled="disabled" id="{{ id}}" type="text" name="{{ name }}" v-if="showInputFor(\'number\')" v-on:keyup.up="incrementValue()" v-on:keyup.down="decrementValue()" v-model="inputValue" :placeholder="placeholder" v-el:input>\
+                    <input :disabled="disabled" id="{{ id}}" type="text" name="{{ name }}" v-if="showInputFor(\'string\')" v-model="inputValue" :placeholder="placeholder" v-el:input>\
+                    <input :disabled="disabled" id="{{ id}}" type="text" name="{{ name }}" v-if="showInputFor(\'date\')" v-on:keyup.up="incrementValue()" v-on:keyup.down="decrementValue()" v-el:input v-model="inputValue" :placeholder="placeholder">\
+                    <input :disabled="disabled" id="{{ id}}" type="checkbox" name="{{ name }}" v-if="showInputFor(\'bool\')" v-el:input v-model="inputValue">\
+                    <input :disabled="disabled" id="{{ id}}" type="radio" name="{{ name }}" v-if="showInputFor(\'radio\')" v-el:input v-model="inputValue">\
+                    <select :disabled="disabled" id="{{ id}}" v-if="showInputFor(\'select\')" v-model="inputValue" name="{{ name }}">\
+                      <option v-for="option in optionsForSelect" :value="optionValue(option)">{{ optionLabel(option) }}</option>\
+                    </select>\
+                    <span v-if="showInputFor(\'toggle\')" class="vue-input-toggle">\
+                      <input :disabled="disabled" id="{{ id}}" name="{{ name }}" type="checkbox" v-model="inputValue">\
+                      <label for="{{ id}}"></label>\
+                    </span>\
+                    <div v-if="message" class="vue-input-message-container">\
+                      <i class="fa fa-exclamation-triangle"></i><div><h5>{{ message }}</h5><p v-if="inputFormat">Format: {{ inputFormat }}</p></div>\
+                    </div>\
+                  </div>'
+
+  var inputTypeMap = {
+    'money': 'money',
+    'currency': 'money',
+    'number': 'number',
+    'numeric': 'number',
+    'date': 'date',
+    'calendar': 'date',
+    'percent': 'percent',
+    'bool': 'bool',
+    'check': 'bool',
+    'boolean': 'bool',
+    'toggle': 'toggle',
+    'text': 'text',
+    'email': 'text',
+    'phone': 'text',
+    'option': 'radio',
+    'radio': 'radio',
+    'select': 'select',
+    'list': 'select'
+  }
+
+  var dataTypeMap = {
+    'money': 'number',
+    'currency': 'number',
+    'number': 'number',
+    'integer': 'number',
+    'float': 'number',
+    'numeric': 'number',
+    'date': 'date',
+    'calendar': 'date',
+    'percent': 'number',
+    'bool': 'bool',
+    'check': 'bool',
+    'boolean': 'bool',
+    'toggle': 'toggle',
+    'text': 'string',
+    'radio': 'radio',
+    'select': 'select'
+  }
+
+  var autoNumericDefault = {
+    aSign: '',
+    pSign: 'p'
+  }
+
+  var numericDefaults = {
+    'money': {
+      aSign: '$',
+      mDec: '2',
+      wEmpty: 'empty'
+    },
+    'percent': {
+      aSign: '%',
+      mDec: '0',
+      wEmpty: 'empty'
+    },
+    'number': {
+      wEmpty: 'empty'
+    },
+    'integer': {
+      mDec: '0',
+      wEmpty: 'empty'
     }
-
-    var dataTypeMap = {
-      'money':'number',
-      'currency':'number',
-      'number':'number',
-      'integer':'number',
-      'float':'number',
-      'numeric':'number',
-      'date':'date',
-      'calendar':'date',
-      'percent':'number',
-      'bool':'bool',
-      'check':'bool',
-      'boolean':'bool',
-      'toggle':'toggle',
-      'text':'string',
-      'radio':'radio',
-      'select':'select'
-    }
-
-    var numericDefaults = {
-      'money': {aSign: '$', mDec: '2', wEmpty: 'empty'},
-      'percent': {aSign: '%', pSign: 's', mDec: '0', wEmpty: 'empty'},
-      'number': {wEmpty: 'empty'},
-      'integer': {mDec: '0', wEmpty: 'empty'}
-    }
-
-    Vue.component('vue-input', {
-      mixins: [App.vue.interfaces.formValidation, App.vue.interfaces.contentValidators, App.vue.interfaces.helpers],
-      template: template,
-      props: {
-        'type': {
-          default: 'plain'
-        },
-        'precision': {
-          default: null
-        },
-        'min': {
-          default: null
-        },
-        'max': {
-          default: null
-        },
-        'numberLabel': {
-          default: null
-        },
-        'numberPostLabel': {
-          default: null
-        },
-        'numberPreLabel': {
-          default: null
-        },
-        'restrictMax': {
-          default: true
-        },
-        'restrictMin': {
-          default: true
-        },
-        'placeholder': {
-          default: null
-        },
-        'required': {
-          default: false
-        },
-        'validate': {
-          default: true
-        },
-        'toString': {
-          default: false
-        },
-        'noIcon': {
-          default: false
-        },
-        'value': {
-          twoWay: true
-        },
-        'keyCodes': {
-          default: true
-        },
-        'id': {
-          default: null
-        },
-        'name': {
-          default: null
-        },
-        'optionsForSelect': {
-          default: function() {return [];}
-        },
-        'disabled': {
-          default: false
-        }
+  }
+
+  App.vue.components.vueInput = Vue.extend({
+    mixins: [App.vue.interfaces.formValidation, App.vue.interfaces.contentValidators, App.vue.interfaces.helpers],
+    template: template,
+    props: {
+      'type': {
+        default: 'plain'
       },
-      data: function() {
-        return {
-          inputValue: null,
-          message: null,
-          inputFormat: null,
-          validating: false,
-          formatting: true,
-          renderHTML: false,
-          obj: null,
-          showInput: false,
-          initialValue: this.value,
-        }
+      'precision': {
+        default: null
+      },
+      'min': {
+        default: null
+      },
+      'max': {
+        default: null
+      },
+      'numberLabel': {
+        default: null
+      },
+      'numberPostLabel': {
+        default: null
+      },
+      'numberPreLabel': {
+        default: null
+      },
+      'restrictMax': {
+        default: true
+      },
+      'restrictMin': {
+        default: true
+      },
+      'placeholder': {
+        default: null
+      },
+      'required': {
+        default: false
       },
-      ready: function() {
-        if (this._valueIsEmpty(this.id)) {
-          this.id = this._randomId();
+      'validate': {
+        default: true
+      },
+      'toString': {
+        default: false
+      },
+      'noIcon': {
+        default: false
+      },
+      'value': {
+        twoWay: true
+      },
+      'keyCodes': {
+        default: true
+      },
+      'id': {
+        default: null
+      },
+      'name': {
+        default: null
+      },
+      'optionsForSelect': {
+        default: function() {
+          return [];
         }
+      },
+      'disabled': {
+        default: false
+      }
+    },
+    data: function() {
+      return {
+        inputValue: null,
+        message: null,
+        inputFormat: null,
+        validating: false,
+        formatting: true,
+        renderHTML: false,
+        obj: null,
+        showInput: false,
+        initialValue: this.value,
+      }
+    },
+    ready: function() {
+      if (this._valueIsEmpty(this.id)) {
+        this.id = this._randomId();
+      }
 
-        // set the initial value
-        if (this.isDate) {
-          if (this._valueIsEmpty(this.value)) {
-            this.inputValue = this.value;
-          }else{
-            this.inputValue = moment(this.value).format(this._formatForDate());
-          }
-        }else{
+      // set the initial value
+      if (this.isDate) {
+        if (this._valueIsEmpty(this.value)) {
           this.inputValue = this.value;
+        } else {
+          this.inputValue = moment(this.value).format(this._formatForDate());
         }
+      } else {
+        this.inputValue = this.value;
+      }
 
-        this.renderHTML = true;
-        var self = this;
-        this.$nextTick(function(){
-          self.setupNumber();
-          self.setupDate();
-          self.validating = true;
-          $(self.$els.input).on('focus', self.validateContent);
-        });
-      },
-      beforeDestroy: function() {
-        try {
-          $(self.$els.input).off('focus');
-          $(this.$els.input).autoNumeric('destroy');
-          this.obj.destroy();
-        }catch(err){}
-      },
-      watch: {
-        disabled: function(newValue) {
-          if (newValue) {
-            this.validateContent();
+      this.renderHTML = true;
+      var self = this;
+      this.$nextTick(function() {
+        self.setupNumber();
+        self.setupDate();
+        self.validating = true;
+        $(self.$els.input).on('focus', self.validateContent);
+      });
+    },
+    beforeDestroy: function() {
+      try {
+        $(self.$els.input).off('focus');
+        $(this.$els.input).autoNumeric('destroy');
+        this.obj.destroy();
+      } catch (err) {}
+    },
+    watch: {
+      disabled: function(newValue) {
+        if (newValue) {
+          this.validateContent();
+        }
+      },
+      inputValue: function(newValue) {
+        if (this.toString) {
+          this.value = String(newValue);
+        } else if (this.isDate) {
+          if (this._valueIsEmpty(newValue)) {
+            this.value = null;
+          } else {
+            this.value = new Date(newValue);
           }
-        },
-        inputValue: function(newValue) {
-          if (this.toString) {
-            this.value = String(newValue);
-          }else if (this.isDate) {
-            if (this._valueIsEmpty(newValue)) {
-              this.value = null;
-            }else{
-              this.value = new Date(newValue);
-            }
-          }else if (this.isNumber){
-            try{
-              this.value = $(this.$els.input).autoNumeric('get');
-            }catch(e){
-              this.value = newValue;
-            }
-          }else{
+        } else if (this.isNumber) {
+          try {
+            this.value = $(this.$els.input).autoNumeric('get');
+          } catch (e) {
             this.value = newValue;
           }
-          this.formatContent();
-          this.validateContent();
+        } else {
+          this.value = newValue;
         }
-      },
-      methods: {
-        setupDate: function() {
-          if (this.isDate) {
-            var options = {
-              field: this.$els.input,
-              format: this._formatForDate()
-            };
+        this.formatContent();
+        this.validateContent();
+      }
+    },
+    methods: {
+      setupDate: function() {
+        if (this.isDate) {
+          var options = {
+            field: this.$els.input,
+            format: this._formatForDate()
+          };
 
-            if (this.hasRestrictedMax) {
-              options['maxDate'] = new Date(this.max);
-            }
-            if (this.hasRestrictedMin) {
-              options['minDate'] = new Date(this.min);
-            }
-            this.obj = new Pikaday(options);
+          if (this.hasRestrictedMax) {
+            options['maxDate'] = new Date(this.max);
           }
-        },
-        setupNumber: function() {
-          if (this.isNumber) {
-            var baseOptions = numericDefaults[this.type] || numericDefaults[this.dataType] || {};
-            if (this.precision) {
-              baseOptions['mDec'] = this.precision;
-            }
-            if (this.hasRestrictedMax) {
-              baseOptions['vMax'] = this.max;
-            }
-            if (this.hasRestrictedMin) {
-              baseOptions['vMin'] = this.min;
-            }
-
-            if (this.numberPostLabel || this.numberLabel) {
-              baseOptions['aSign'] = this.numberPostLabel || this.numberLabel;
-              baseOptions['pSign'] = 's';
-            }else if (this.numberPreLabel) {
-              baseOptions['aSign'] = this.numberPreLabel;
-              baseOptions['pSign'] = 'p';
-            }
-
-            var self = this;
-            $(this.$els.input).autoNumeric('init', baseOptions).on('keyup', function() {
-              self.value = $(self.$els.input).autoNumeric('get');
-            });
-            $(this.$els.input).autoNumeric('set', this.inputValue);
+          if (this.hasRestrictedMin) {
+            options['minDate'] = new Date(this.min);
+          }
+          this.obj = new Pikaday(options);
+        }
+      },
+      setupNumber: function() {
+        if (this.isNumber) {
+
+          // Set options
+          var baseOptions = JSON.parse(JSON.stringify(autoNumericDefault));
+          var additionals = numericDefaults[this.type] || numericDefaults[this.dataType] || {};
+          Object.keys(additionals).forEach(function(opt) {
+            baseOptions[opt] = additionals[opt];
+          });
+
+          if (this.precision) {
+            baseOptions['mDec'] = this.precision;
           }
-        },
-        showInputFor: function(type) {
-          if (!this.renderHTML) {
-            return false;
+          if (this.hasRestrictedMax) {
+            baseOptions['vMax'] = this.max;
+          }
+          if (this.hasRestrictedMin) {
+            baseOptions['vMin'] = this.min;
           }
 
-          return this.dataType === type;
-        },
-        incrementValue: function() {
-          if (this.keyCodes) {
-            if (this.isDate) {
-              this.obj.nextMonth();
-            }
+          if (this.numberPostLabel || this.numberLabel) {
+            baseOptions['aSign'] = this.numberPostLabel || this.numberLabel;
+            baseOptions['pSign'] = 's';
+          } else if (this.numberPreLabel) {
+            baseOptions['aSign'] = this.numberPreLabel;
+            baseOptions['pSign'] = 'p';
+          }
 
-            if (this.isNumber) {
-              if (this.inputValue < this.max) {
-                this.inputValue++;
-              }
-            }
+          var self = this;
+          try {
+            $(this.$els.input).autoNumeric('destroy');
+          } catch (err) {}
+
+          $(this.$els.input).autoNumeric('init', baseOptions).on('keyup', function() {
+            self.value = $(self.$els.input).autoNumeric('get');
+          });
+          $(this.$els.input).autoNumeric('set', this.inputValue);
+        }
+      },
+      showInputFor: function(type) {
+        if (!this.renderHTML) {
+          return false;
+        }
+
+        return this.dataType === type;
+      },
+      incrementValue: function() {
+        if (this.keyCodes) {
+          if (this.isDate) {
+            this.obj.nextMonth();
           }
-        },
-        decrementValue: function() {
-          if (this.keyCodes) {
-            if (this.isDate) {
-              this.obj.prevMonth();
-            }
 
-            if (this.isNumber) {
-              if (this.inputValue > this.min) {
-                this.inputValue--;
-              }
+          if (this.isNumber) {
+            if (this.inputValue < this.max) {
+              this.inputValue++;
             }
           }
-        },
-        activeObject: function() {
+        }
+      },
+      decrementValue: function() {
+        if (this.keyCodes) {
           if (this.isDate) {
-            this.obj.show();
+            this.obj.prevMonth();
           }
-        },
-        formatContent: function() {
-          if (this.formatting) {
-            if (this.type === 'phone' && this._valueIsPhone(this.inputValue)) {
-              this.inputValue = App.vue.interfaces.formatters.methods._formatToPhoneNumber(this.inputValue);
+
+          if (this.isNumber) {
+            if (this.inputValue > this.min) {
+              this.inputValue--;
             }
           }
-        },
-        validateContent: function() {
-          this.message = null;
-          this.inputFormat = null;
-          if (this.validating && !this.disabled) {
-            if (this._valueIsEmpty(this.inputValue)) {
-              if (this.required) {
-                this.message = "This can't be empty";
-                this.inputFormat = this._formatForEmpty();
-                return false;
-              }else{
-                // Empty but not required
-                return true;
-              }
+        }
+      },
+      activeObject: function() {
+        if (this.isDate) {
+          this.obj.show();
+        }
+      },
+      formatContent: function() {
+        if (this.formatting) {
+          if (this.type === 'phone' && this._valueIsPhone(this.inputValue)) {
+            this.inputValue = App.vue.interfaces.formatters.methods._formatToPhoneNumber(this.inputValue);
+          }
+        }
+      },
+      validateContent: function() {
+        this.message = null;
+        this.inputFormat = null;
+        if (this.validating && !this.disabled) {
+          if (this._valueIsEmpty(this.inputValue)) {
+            if (this.required) {
+              this.message = "This can't be empty";
+              this.inputFormat = this._formatForEmpty();
+              return false;
+            } else {
+              // Empty but not required
+              return true;
             }
+          }
 
-            if (this.validate) {
-              if (this.type === 'email') {
-                var res = this._valueIsEmail(this.inputValue);
-                if (!res) {
-                  this.message = "Not a valid email address.";
-                  this.inputFormat = this._formatForEmail();
-                }
-                return res;
-              }else if (this.type === 'phone') {
-                var res = this._valueIsPhone(this.inputValue);
-                if (!res) {
-                  this.message = "Not a valid phone number.";
-                  this.inputFormat = this._formatForPhone();
-                }
-                return res;
-              }else if (this.isDate) {
-                var res = this._valueIsDate(this.inputValue);
-                if (!res) {
-                  this.message = "Not a valid date.";
-                  this.inputFormat = this._formatForDate();
-                }
-                return res;
-              }else if (this.isNumber) {
-                if (this.hasUnrestrictedMax && numeral(this.inputValue).value() > this.max) {
-                  this.message = "Number out of range.";
-                  this.inputFormat = "less than or equal to " + this.max;
-                }else if (this.hasUnrestrictedMin && numeral(this.inputValue).value() < this.min) {
-                  this.message = "Number out of range.";
-                  this.inputFormat = "greater than or equal to " + this.min;
-                }
-              }else{
-                return true;
+          if (this.validate) {
+            if (this.type === 'email') {
+              var res = this._valueIsEmail(this.inputValue);
+              if (!res) {
+                this.message = "Not a valid email address.";
+                this.inputFormat = this._formatForEmail();
+              }
+              return res;
+            } else if (this.type === 'phone') {
+              var res = this._valueIsPhone(this.inputValue);
+              if (!res) {
+                this.message = "Not a valid phone number.";
+                this.inputFormat = this._formatForPhone();
+              }
+              return res;
+            } else if (this.isDate) {
+              var res = this._valueIsDate(this.inputValue);
+              if (!res) {
+                this.message = "Not a valid date.";
+                this.inputFormat = this._formatForDate();
+              }
+              return res;
+            } else if (this.isNumber) {
+              if (this.hasUnrestrictedMax && numeral(this.inputValue).value() > this.max) {
+                this.message = "Number out of range.";
+                this.inputFormat = "less than or equal to " + this.max;
+              } else if (this.hasUnrestrictedMin && numeral(this.inputValue).value() < this.min) {
+                this.message = "Number out of range.";
+                this.inputFormat = "greater than or equal to " + this.min;
               }
+            } else {
+              return true;
             }
           }
+        }
+        return true;
+      },
+      optionValue: function(option) {
+        return option.value || option;
+      },
+      optionLabel: function(option) {
+        return option.label || option;
+      }
+    },
+    computed: {
+      inputType: function() {
+        return inputTypeMap[this.type] || 'text';
+      },
+      dataType: function() {
+        return dataTypeMap[this.inputType] || 'string';
+      },
+      isNumber: function() {
+        if (this.dataType === 'number') {
           return true;
-        },
-        optionValue: function(option) {
-          return option.value || option;
-        },
-        optionLabel: function(option) {
-          return option.label || option;
+        } else {
+          return false;
         }
       },
-      computed: {
-        inputType: function() {
-          return inputTypeMap[this.type] || 'text';
-        },
-        dataType: function() {
-          return dataTypeMap[this.inputType] || 'string';
-        },
-        isNumber: function() {
-          if (this.dataType === 'number') {
-            return true;
-          }else{
-            return false;
-          }
-        },
-        isDate: function() {
-          if (this.dataType === 'date') {
-            return true;
-          }else{
-            return false;
-          }
-        },
-        isBool: function() {
-          if (this.dataType === 'bool') {
-            return true;
-          }else{
-            return false;
-          }
-        },
-        isString: function() {
-          if (this.dataType === 'string') {
-            return true;
-          }else{
-            return false;
-          }
-        },
-        hasRestrictedMax: function() {
-          if (this.max !== null && this.restrictMax) {
-            return true;
-          }else{
-            return false;
-          }
-        },
-        hasRestrictedMin: function() {
-          if (this.min !== null && this.restrictMin) {
-            return true;
-          }else{
-            return false;
-          }
-        },
-        hasUnrestrictedMax: function() {
-          if (this.max !== null && !this.restrictMax) {
-            return true;
-          }else{
-            return false;
-          }
-        },
-        hasUnrestrictedMin: function() {
-          if (this.min !== null && !this.restrictMin) {
-            return true;
-          }else{
-            return false;
-          }
-        },
-        inputIcon: function() {
-          if (this.isDate && !this.init) {
-            return 'fa-calendar';
-          }
+      isDate: function() {
+        if (this.dataType === 'date') {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      isBool: function() {
+        if (this.dataType === 'bool') {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      isString: function() {
+        if (this.dataType === 'string') {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      hasRestrictedMax: function() {
+        if (this.max !== null && this.restrictMax) {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      hasRestrictedMin: function() {
+        if (this.min !== null && this.restrictMin) {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      hasUnrestrictedMax: function() {
+        if (this.max !== null && !this.restrictMax) {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      hasUnrestrictedMin: function() {
+        if (this.min !== null && !this.restrictMin) {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      inputIcon: function() {
+        if (this.isDate && !this.init) {
+          return 'fa-calendar';
         }
       }
-    });
+    }
   });
 })();