Add PasswordType field type

Author: spinn

package.json

@@ -2,7 +2,7 @@
   "name": "@ditdot-dev/vue-flow-form",
   "author": "DITDOT",
   "description": "Create conversational conditional-logic forms with Vue.js.",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "private": false,
   "repository": {
     "type": "git",

src/assets/css/common.css

@@ -225,6 +225,7 @@ span.faux-form {
 .v-form input[type=tel],
 .v-form input[type=email],
 .v-form input[type=url],
+.v-form input[type=password],
 .v-form textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -257,6 +258,7 @@ span.faux-form {
 .v-form .full-width input[type=tel],
 .v-form .full-width input[type=email],
 .v-form .full-width input[type=url],
+.v-form .full-width input[type=password],
 .v-form .full-width textarea,
 .v-form .full-width span.faux-form{
   width: 100%;

src/components/Question.vue

@@ -83,6 +83,7 @@
   import FlowFormLongTextType from './QuestionTypes/LongTextType.vue'
   import FlowFormMultipleChoiceType from './QuestionTypes/MultipleChoiceType.vue'
   import FlowFormNumberType from './QuestionTypes/NumberType.vue'
+  import FlowFormPasswordType from './QuestionTypes/PasswordType.vue'
   import FlowFormPhoneType from './QuestionTypes/PhoneType.vue'
   import FlowFormSectionBreakType from './QuestionTypes/SectionBreakType.vue'
   import FlowFormTextType from './QuestionTypes/TextType.vue'
@@ -96,6 +97,7 @@
       FlowFormLongTextType,
       FlowFormMultipleChoiceType,
       FlowFormNumberType,
+      FlowFormPasswordType,
       FlowFormPhoneType,
       FlowFormSectionBreakType,
       FlowFormTextType,

src/components/QuestionTypes/PasswordType.vue

@@ -0,0 +1,19 @@
+<script>
+  /*
+    Copyright (c) 2020 - present, DITDOT Ltd. - MIT Licence
+    https://www.ditdot.hr/en
+  */
+
+  import TextType from './TextType.vue'
+  import { QuestionType } from '../../models/QuestionModel'
+
+  export default {
+    extends: TextType,
+    name: QuestionType.Password,
+    data() {
+      return {
+        inputType: 'password'
+      }
+    }
+  }
+</script>

src/models/QuestionModel.js

@@ -7,14 +7,15 @@
 
 export const QuestionType = {
   Dropdown: 'FlowFormDropdownType',
-  MultipleChoice: 'FlowFormMultipleChoiceType',
-  Text: 'FlowFormTextType',
-  LongText: 'FlowFormLongTextType',
   Email: 'FlowFormEmailType',
-  Phone: 'FlowFormPhoneType',
-  Url: 'FlowFormUrlType',
+  LongText: 'FlowFormLongTextType',
+  MultipleChoice: 'FlowFormMultipleChoiceType',
   Number: 'FlowFormNumberType',
-  SectionBreak: 'FlowFormSectionBreakType'
+  Password: 'FlowFormPasswordType',
+  Phone: 'FlowFormPhoneType',
+  SectionBreak: 'FlowFormSectionBreakType',
+  Text: 'FlowFormTextType',
+  Url: 'FlowFormUrlType'
 }
 
 export const DropdownOptionBlank = {