autocomplete

educorvi · Feb 1, 2021 · 12d1080 · 12d1080
1 parent 6c9c9d5
commit 12d1080
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 11 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -30,7 +30,7 @@ export default {
   },
   data() {
     return {
-      form: forms["Showcase"]
+      form: forms["5 Sicherheitsregeln"]
     }
   },
   created() {

diff --git a/src/components/FormFields/FormField.vue b/src/components/FormFields/FormField.vue
@@ -10,7 +10,8 @@
       </b-input-group-prepend>
       <component :is="type" :isInteger="item.type === 'integer'" :json="json" :name="title"
                  :required="required"
-                 :ui="ui" @changedData="loopUp" ref="child" :filledData="filledData"/>
+                 :ui="ui" @changedData="loopUp" ref="child" :filledData="filledData"
+                 :autocomplete="(ui.options ||{}).autocomplete || 'on'"/>
       <b-input-group-append :is-text="!noText" v-if="hasSlot()">
         <!--        Content is appended to the input field-->
         <slot></slot>

diff --git a/src/exampleSchemas/5_Sicherheitsregeln/ui.json b/src/exampleSchemas/5_Sicherheitsregeln/ui.json
@@ -4,26 +4,36 @@
   "elements": [
     {
       "type": "Control",
-      "scope": "#/properties/ort"
+      "scope": "#/properties/ort",
+      "options": {
+        "autocomplete": "postal-code"
+      }
     },
     {
       "type": "Control",
       "scope": "#/properties/dateTime"
     },
     {
       "type": "Control",
-      "scope": "#/properties/anlageverantwortlicher"
+      "scope": "#/properties/anlageverantwortlicher",
+      "options": {
+        "autocomplete": "name"
+      }
     },
     {
       "type": "Control",
       "scope": "#/properties/arbeitsverantwortlicher",
       "options": {
-        "multi": true
+        "multi": true,
+        "autocomplete": "name"
       }
     },
     {
       "type": "Control",
-      "scope": "#/properties/arbeitsausfuehrender"
+      "scope": "#/properties/arbeitsausfuehrender",
+      "options": {
+        "autocomplete": "name"
+      }
     },
     {
       "type": "Divider"

diff --git a/src/exampleSchemas/showcase/schema.json b/src/exampleSchemas/showcase/schema.json
@@ -6,9 +6,9 @@
       "type": "string",
       "minLength": 1
     },
-    "gender": {
+    "title": {
       "type": "string",
-      "enum": ["Male", "Female", "Divers"]
+      "enum": ["Mrs.", "Mr.", "Miss", "Ms.", "Dr."]
     },
     "description": {
       "type": "string"

diff --git a/src/exampleSchemas/showcase/ui.json b/src/exampleSchemas/showcase/ui.json
@@ -11,13 +11,14 @@
     },
     {
       "type": "Control",
-      "scope": "#/properties/gender"
+      "scope": "#/properties/title"
     },
     {
       "type": "Control",
       "scope": "#/properties/name",
       "options": {
-        "placeholder": "Full Name"
+        "placeholder": "Full Name",
+        "autocomplete": "name"
       }
     },
     {

diff --git a/src/schemas/ui/control.schema.json b/src/schemas/ui/control.schema.json
@@ -140,6 +140,10 @@
               "type": "boolean"
             }
           }
+        },
+        "autocomplete": {
+          "type": "string",
+          "description": "Specifies what should be autocompleted by the browser. Possible values are listed here: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values"
         }
       }
     },

diff --git a/src/schemas/ui/ui.schema.json b/src/schemas/ui/ui.schema.json
@@ -3,7 +3,7 @@
   "$id": "https://educorvi.github.io/vue_json_form/schemas/ui.schema.json",
   "title": "UI Schema",
   "description": "Schema for the UI Schema",
-  "oneOf": [
+  "anyOf": [
     {"$ref": "https://educorvi.github.io/vue_json_form/schemas/layout.schema.json"},
     {"$ref": "https://educorvi.github.io/vue_json_form/schemas/wizard.schema.json"}
   ]