maxLength option for Text and LongText

Author: Eddydpyl

src/components/QuestionTypes/LongTextType.vue

@@ -13,6 +13,7 @@
       v-on:focus.native="setFocus"
       v-on:blur.native="unsetFocus"
       v-bind:placeholder="placeholder"
+      v-bind:maxlength="question.maxLength"
     />
   </span>
 </template>
@@ -70,4 +71,4 @@
       }
     }
   }
-</script>
+</script>

src/components/QuestionTypes/TextType.vue

@@ -35,6 +35,7 @@
       v-bind:max="question.max"
       v-on:change="onChange"
       v-bind:placeholder="placeholder"
+      v-bind:maxlength="question.maxLength"
     />
   </span>
 </template>
@@ -59,10 +60,10 @@
 
     data() {
       return {
-        inputType: 'text', 
+        inputType: 'text',
         canReceiveFocus: true
       }
-    }, 
+    },
 
     methods: {
       validate() {
@@ -82,4 +83,4 @@
       }
     }
   }
-</script>
+</script>

src/models/QuestionModel.js

@@ -102,6 +102,7 @@ export default class QuestionModel {
     this.descriptionLink = []
     this.min = null
     this.max = null
+    this.maxLength = null
     this.nextStepOnAnswer = false
 
     Object.assign(this, options)
@@ -114,7 +115,7 @@ export default class QuestionModel {
       if (!this.placeholder) {
         this.placeholder = this.mask
       }
-    } 
+    }
 
     if (this.type === QuestionType.Url) {
       this.mask = null