From 6c9c9d5e6ec0aeba09887c2aa74afcc93dbd5334 Mon Sep 17 00:00:00 2001
From: Julian Pollinger <julian.pollinger@jp-studios.de>
Date: Mon, 1 Feb 2021 15:57:57 +0100
Subject: [PATCH 1/3] labeling

---
 src/components/FormFields/Array.vue          | 10 +++++-----
 src/components/FormFields/Boolean.vue        |  4 +++-
 src/components/FormFields/DateTime.vue       |  2 +-
 src/components/FormFields/File.vue           |  6 ++++--
 src/components/FormFields/FormField.vue      |  2 +-
 src/components/FormFields/MultibleChoice.vue |  1 +
 src/components/FormFields/Number.vue         |  4 +++-
 src/components/FormFields/Object.vue         |  2 +-
 src/components/FormFields/Radiobuttons.vue   |  1 +
 src/components/FormFields/Select.vue         |  2 +-
 src/components/FormFields/String.vue         |  5 +++--
 src/components/FormFields/Tags.vue           |  6 ++++--
 12 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/src/components/FormFields/Array.vue b/src/components/FormFields/Array.vue
index a1481e5..24242a2 100644
--- a/src/components/FormFields/Array.vue
+++ b/src/components/FormFields/Array.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="item.items && item.items.type" class="embDiv w-100">
+  <div v-if="item.items && item.items.type" class="embDiv w-100" :id="schemaName">
     <draggable v-model="fieldData" handle=".handle">
       <transition-group name="arrayedit">
         <div v-for="(field, index) in fieldData" :key="field.gentime.toLocaleString()">
@@ -32,9 +32,7 @@ export default {
   name: "Array",
   components: {ArrayItem, draggable},
   mixins: [formFieldMixin],
-  props:{
-
-  },
+  props: {},
   computed: {
     //Used to generate a fake UI-Scheme for the Arrayitems
     fakeUI() {
@@ -88,7 +86,9 @@ export default {
     fieldData(newValue) {
       this.send(newValue);
       if (newValue !== undefined && newValue.length > 0 && !newValue[0].gentime) {
-        this.fieldData = this.fieldData.map(item => {return {value:item, gentime: Math.random().toString(36).substr(2, 9)}})
+        this.fieldData = this.fieldData.map(item => {
+          return {value: item, gentime: Math.random().toString(36).substr(2, 9)}
+        })
       }
     }
   },
diff --git a/src/components/FormFields/Boolean.vue b/src/components/FormFields/Boolean.vue
index 5e4fb9d..cbf9b55 100644
--- a/src/components/FormFields/Boolean.vue
+++ b/src/components/FormFields/Boolean.vue
@@ -1,5 +1,7 @@
 <template>
-  <b-checkbox ref="child" v-model="fieldData" :required="required" :name="title" :switch="switches"><span v-if="ui.label || ui.label === undefined">{{ title }}</span></b-checkbox>
+  <b-checkbox :id="schemaName" ref="child" v-model="fieldData" :required="required" :name="title" :switch="switches">
+    <span v-if="ui.label || ui.label === undefined">{{ title }}</span>
+  </b-checkbox>
 </template>
 
 <script>
diff --git a/src/components/FormFields/DateTime.vue b/src/components/FormFields/DateTime.vue
index 9a924b9..95eaa71 100644
--- a/src/components/FormFields/DateTime.vue
+++ b/src/components/FormFields/DateTime.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-input-group :name="title">
+    <b-input-group :name="title" :id="schemaName">
       <b-input ref="child" v-model="date" type="date"/>
       <b-input-group-append>
         <b-input v-model="time" style="border-bottom-left-radius: 0; border-top-left-radius: 0" type="time"/>
diff --git a/src/components/FormFields/File.vue b/src/components/FormFields/File.vue
index 27c78a0..db58ce2 100644
--- a/src/components/FormFields/File.vue
+++ b/src/components/FormFields/File.vue
@@ -1,5 +1,7 @@
 <template>
-<b-form-file v-model="files" :required="required" :placeholder="getUIOption('placeholder')" :drop-placeholder="getUIOption('drop-placeholder')" :multiple="getUIOption('allowMultibleFiles')" :accept="getUIOption('acceptedFileType')"/>
+  <b-form-file :id="schemaName" v-model="files" :required="required" :placeholder="getUIOption('placeholder')"
+               :drop-placeholder="getUIOption('drop-placeholder')" :multiple="getUIOption('allowMultibleFiles')"
+               :accept="getUIOption('acceptedFileType')"/>
 </template>
 
 <script>
@@ -52,4 +54,4 @@ export default {
 
 <style scoped>
 
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/FormFields/FormField.vue b/src/components/FormFields/FormField.vue
index e6463eb..e142714 100644
--- a/src/components/FormFields/FormField.vue
+++ b/src/components/FormFields/FormField.vue
@@ -8,7 +8,7 @@
         <!--        Content is prepended to the input field-->
         <slot name="prepend"></slot>
       </b-input-group-prepend>
-      <component :is="type" :class="schemaName" :isInteger="item.type === 'integer'" :json="json" :name="title"
+      <component :is="type" :isInteger="item.type === 'integer'" :json="json" :name="title"
                  :required="required"
                  :ui="ui" @changedData="loopUp" ref="child" :filledData="filledData"/>
       <b-input-group-append :is-text="!noText" v-if="hasSlot()">
diff --git a/src/components/FormFields/MultibleChoice.vue b/src/components/FormFields/MultibleChoice.vue
index c2c4b6d..e896f98 100644
--- a/src/components/FormFields/MultibleChoice.vue
+++ b/src/components/FormFields/MultibleChoice.vue
@@ -1,5 +1,6 @@
 <template>
   <b-form-checkbox-group
+      :id="schemaName"
       ref="child"
       v-model="fieldData"
       :name="title"
diff --git a/src/components/FormFields/Number.vue b/src/components/FormFields/Number.vue
index d332d74..992ecaa 100644
--- a/src/components/FormFields/Number.vue
+++ b/src/components/FormFields/Number.vue
@@ -1,6 +1,8 @@
 <template>
-  <b-form-input ref="child" v-if="!ui.options || !ui.options.rating" v-model="fieldData" :name="title" :placeholder="ui.options ? ui.options.placeholder : ''"
+  <b-form-input ref="child" v-if="!ui.options || !ui.options.rating" v-model="fieldData" :name="title"
+                :placeholder="ui.options ? ui.options.placeholder : ''"
                 :required="required" :step="item.multipleOf || 1"
+                :id="schemaName"
                 type="number" :min="item.minimum" :max="item.maximum"></b-form-input>
   <b-form-rating ref="child" v-else v-model="fieldData" :name="title" :required="required" :stars="item.maximum || 5"
                  variant="warning"></b-form-rating>
diff --git a/src/components/FormFields/Object.vue b/src/components/FormFields/Object.vue
index 78f25d2..4defeb3 100644
--- a/src/components/FormFields/Object.vue
+++ b/src/components/FormFields/Object.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="embDiv">
-    <FormWrap :json="json" :ui="fakeUI" @changedData="collect" :filledData="filledData"/>
+    <FormWrap :json="json" :ui="fakeUI" @changedData="collect" :filledData="filledData" :id="schemaName"/>
   </div>
 </template>
 
diff --git a/src/components/FormFields/Radiobuttons.vue b/src/components/FormFields/Radiobuttons.vue
index e2bb5d6..68ffb8b 100644
--- a/src/components/FormFields/Radiobuttons.vue
+++ b/src/components/FormFields/Radiobuttons.vue
@@ -1,5 +1,6 @@
 <template>
   <b-form-radio-group
+      :id="schemaName"
       v-model="fieldData"
       :name="title"
       :options="options"
diff --git a/src/components/FormFields/Select.vue b/src/components/FormFields/Select.vue
index 936f03c..2d76665 100644
--- a/src/components/FormFields/Select.vue
+++ b/src/components/FormFields/Select.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-form-select ref="child" v-model="fieldData" :name="title" :options="options"/>
+  <b-form-select :id="schemaName" ref="child" v-model="fieldData" :name="title" :options="options"/>
 </template>
 
 <script>
diff --git a/src/components/FormFields/String.vue b/src/components/FormFields/String.vue
index 7aacd56..7c815d9 100644
--- a/src/components/FormFields/String.vue
+++ b/src/components/FormFields/String.vue
@@ -1,9 +1,10 @@
 <template>
   <b-form-textarea ref="child" v-if="ui.options && ui.options.multi" v-model="fieldData" :name="title"
                    :placeholder="ui.options ? ui.options.placeholder : ''"
-                   :rows="typeof ui.options.multi === 'number' ? ui.options.multi : 3"/>
+                   :rows="typeof ui.options.multi === 'number' ? ui.options.multi : 3"
+                   :id="schemaName"/>
   <b-input ref="child" v-else-if="(ui.format || item.format) !== 'date-time'" v-model="fieldData" :name="title"
-           :placeholder="ui.options ? ui.options.placeholder : ''" :type="ui.format || item.format"/>
+           :placeholder="ui.options ? ui.options.placeholder : ''" :type="ui.format || item.format" :id="schemaName"/>
   <date-time ref="child" v-else :json="json" :ui="ui" @changedData="loopUp"/>
 </template>
 
diff --git a/src/components/FormFields/Tags.vue b/src/components/FormFields/Tags.vue
index 9a481fa..03d8922 100644
--- a/src/components/FormFields/Tags.vue
+++ b/src/components/FormFields/Tags.vue
@@ -1,5 +1,7 @@
 <template>
-  <b-form-tags v-model="fieldData" ref="child" :required="required" :placeholder="ui.options ? ui.options.placeholder : ''" :tag-pills="ui.options.tags.pills" :tag-variant="ui.options.tags.variant" remove-on-delete></b-form-tags>
+  <b-form-tags :id="schemaName" v-model="fieldData" ref="child" :required="required"
+               :placeholder="ui.options ? ui.options.placeholder : ''" :tag-pills="ui.options.tags.pills"
+               :tag-variant="ui.options.tags.variant" remove-on-delete></b-form-tags>
 </template>
 
 <script>
@@ -19,4 +21,4 @@ export default {
 
 <style scoped>
 
-</style>
\ No newline at end of file
+</style>

From 12d108013034a4d89484d6a5bbc3fb14bc95077a Mon Sep 17 00:00:00 2001
From: Julian Pollinger <julian.pollinger@jp-studios.de>
Date: Mon, 1 Feb 2021 16:18:01 +0100
Subject: [PATCH 2/3] autocomplete

---
 src/App.vue                                    |  2 +-
 src/components/FormFields/FormField.vue        |  3 ++-
 src/exampleSchemas/5_Sicherheitsregeln/ui.json | 18 ++++++++++++++----
 src/exampleSchemas/showcase/schema.json        |  4 ++--
 src/exampleSchemas/showcase/ui.json            |  5 +++--
 src/schemas/ui/control.schema.json             |  4 ++++
 src/schemas/ui/ui.schema.json                  |  2 +-
 7 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a2365af..415c252 100644
--- 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
index e142714..7c5e9c2 100644
--- 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
index a5c2b66..cb5200c 100644
--- a/src/exampleSchemas/5_Sicherheitsregeln/ui.json
+++ b/src/exampleSchemas/5_Sicherheitsregeln/ui.json
@@ -4,7 +4,10 @@
   "elements": [
     {
       "type": "Control",
-      "scope": "#/properties/ort"
+      "scope": "#/properties/ort",
+      "options": {
+        "autocomplete": "postal-code"
+      }
     },
     {
       "type": "Control",
@@ -12,18 +15,25 @@
     },
     {
       "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
index c737bd3..e07b5df 100644
--- 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
index ccb5659..3f0079d 100644
--- 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
index ce7b42d..d65f481 100644
--- 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
index 2b7f999..3bd97f9 100644
--- 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"}
   ]

From 099b350a745149636eeaae683ab6e4a6c8473b76 Mon Sep 17 00:00:00 2001
From: Julian Pollinger <julian.pollinger@jp-studios.de>
Date: Mon, 1 Feb 2021 16:21:37 +0100
Subject: [PATCH 3/3] correct default

---
 src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 415c252..09b8a0d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,7 +25,7 @@ export default {
       });
     },
     isWizardSelected() {
-      return this.form === forms["5 Sicherheitsregeln (Wizard)"];
+      return this.form === forms["Showcase"];
     }
   },
   data() {