renamed components and Changed Design of DateTime

educorvi · Mar 15, 2021 · 63b9139 · 63b9139
1 parent 201cf38
commit 63b9139
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 10 deletions.
diff --git a/docs/components/Checkbox.md b/docs/components/Checkbox.md
@@ -0,0 +1,14 @@
+# Checkbox
+
+This is used to render booleans in Form of a checkbox
+
+## MixIns
+
+<!-- @vuese:Checkbox:mixIns:start -->
+|MixIn|
+|---|
+|formFieldMixin|
+
+<!-- @vuese:Checkbox:mixIns:end -->
+
+
diff --git a/docs/components/Checkboxes.md b/docs/components/Checkboxes.md
@@ -0,0 +1,14 @@
+# Checkboxes
+
+This is used to render MultibleChoice entries with a checkbox-group
+
+## MixIns
+
+<!-- @vuese:Checkboxes:mixIns:start -->
+|MixIn|
+|---|
+|formFieldMixin|
+
+<!-- @vuese:Checkboxes:mixIns:end -->
+
+
diff --git a/docs/index.html b/docs/index.html
@@ -12,7 +12,7 @@
     <script>
       new Docute({
         target: '#docute',
-        nav: [{title: "Documentation of the ui schema", link:"https://educorvi.github.io/vue_json_form/schemaDoc"}, {title: "Repository", link: "/~https://github.com/educorvi/vue_json_form"}], sidebar: JSON.parse('[{&#34;title&#34;:&#34;BASIC&#34;,&#34;links&#34;:[{&#34;title&#34;:&#34;FormRoot&#34;,&#34;link&#34;:&#34;/components/FormRoot&#34;}]},{&#34;title&#34;:&#34;FormFields&#34;,&#34;links&#34;:[{&#34;title&#34;:&#34;Array&#34;,&#34;link&#34;:&#34;/components/Array&#34;},{&#34;title&#34;:&#34;ArrayItem&#34;,&#34;link&#34;:&#34;/components/ArrayItem&#34;},{&#34;title&#34;:&#34;Boolean&#34;,&#34;link&#34;:&#34;/components/Boolean&#34;},{&#34;title&#34;:&#34;DateTime&#34;,&#34;link&#34;:&#34;/components/DateTime&#34;},{&#34;title&#34;:&#34;File&#34;,&#34;link&#34;:&#34;/components/File&#34;},{&#34;title&#34;:&#34;FormField&#34;,&#34;link&#34;:&#34;/components/FormField&#34;},{&#34;title&#34;:&#34;MultibleChoice&#34;,&#34;link&#34;:&#34;/components/MultibleChoice&#34;},{&#34;title&#34;:&#34;Number&#34;,&#34;link&#34;:&#34;/components/Number&#34;},{&#34;title&#34;:&#34;Object&#34;,&#34;link&#34;:&#34;/components/Object&#34;},{&#34;title&#34;:&#34;Radiobuttons&#34;,&#34;link&#34;:&#34;/components/Radiobuttons&#34;},{&#34;title&#34;:&#34;Select&#34;,&#34;link&#34;:&#34;/components/Select&#34;},{&#34;title&#34;:&#34;String&#34;,&#34;link&#34;:&#34;/components/String&#34;},{&#34;title&#34;:&#34;Tags&#34;,&#34;link&#34;:&#34;/components/Tags&#34;},{&#34;title&#34;:&#34;defaultField&#34;,&#34;link&#34;:&#34;/components/defaultField&#34;},{&#34;title&#34;:&#34;formFieldMixin.js&#34;,&#34;link&#34;:&#34;/components/formFieldMixin.js&#34;}]},{&#34;title&#34;:&#34;Helper&#34;,&#34;links&#34;:[{&#34;title&#34;:&#34;form-wrap&#34;,&#34;link&#34;:&#34;/components/form-wrap&#34;}]},{&#34;title&#34;:&#34;Layouts&#34;,&#34;links&#34;:[{&#34;title&#34;:&#34;Button&#34;,&#34;link&#34;:&#34;/components/Button&#34;},{&#34;title&#34;:&#34;Control&#34;,&#34;link&#34;:&#34;/components/Control&#34;},{&#34;title&#34;:&#34;Divider&#34;,&#34;link&#34;:&#34;/components/Divider&#34;},{&#34;title&#34;:&#34;Group&#34;,&#34;link&#34;:&#34;/components/Group&#34;},{&#34;title&#34;:&#34;HorizonzalLayout&#34;,&#34;link&#34;:&#34;/components/HorizonzalLayout&#34;},{&#34;title&#34;:&#34;VerticalLayout&#34;,&#34;link&#34;:&#34;/components/VerticalLayout&#34;},{&#34;title&#34;:&#34;Wizard&#34;,&#34;link&#34;:&#34;/components/Wizard&#34;},{&#34;title&#34;:&#34;htmlRenderer&#34;,&#34;link&#34;:&#34;/components/htmlRenderer&#34;}]}]'.replace(/\&\#34\;/g, '"'))
+        nav: [{title: "Documentation of the ui schema", link:"https://educorvi.github.io/vue_json_form/schemaDoc"}, {title: "Repository", link: "/~https://github.com/educorvi/vue_json_form"}], sidebar: JSON.parse('[{&#34;title&#34;:&#34;BASIC&#34;,&#34;links&#34;:[{&#34;title&#34;:&#34;FormRoot&#34;,&#34;link&#34;:&#34;/components/FormRoot&#34;}]},{&#34;title&#34;:&#34;FormFields&#34;,&#34;links&#34;:[{&#34;title&#34;:&#34;Array&#34;,&#34;link&#34;:&#34;/components/Array&#34;},{&#34;title&#34;:&#34;ArrayItem&#34;,&#34;link&#34;:&#34;/components/ArrayItem&#34;},{&#34;title&#34;:&#34;Checkbox&#34;,&#34;link&#34;:&#34;/components/Checkbox&#34;},{&#34;title&#34;:&#34;Checkboxes&#34;,&#34;link&#34;:&#34;/components/Checkboxes&#34;},{&#34;title&#34;:&#34;DateTime&#34;,&#34;link&#34;:&#34;/components/DateTime&#34;},{&#34;title&#34;:&#34;File&#34;,&#34;link&#34;:&#34;/components/File&#34;},{&#34;title&#34;:&#34;FormField&#34;,&#34;link&#34;:&#34;/components/FormField&#34;},{&#34;title&#34;:&#34;Number&#34;,&#34;link&#34;:&#34;/components/Number&#34;},{&#34;title&#34;:&#34;Object&#34;,&#34;link&#34;:&#34;/components/Object&#34;},{&#34;title&#34;:&#34;Radiobuttons&#34;,&#34;link&#34;:&#34;/components/Radiobuttons&#34;},{&#34;title&#34;:&#34;Select&#34;,&#34;link&#34;:&#34;/components/Select&#34;},{&#34;title&#34;:&#34;String&#34;,&#34;link&#34;:&#34;/components/String&#34;},{&#34;title&#34;:&#34;Tags&#34;,&#34;link&#34;:&#34;/components/Tags&#34;},{&#34;title&#34;:&#34;defaultField&#34;,&#34;link&#34;:&#34;/components/defaultField&#34;},{&#34;title&#34;:&#34;formFieldMixin.js&#34;,&#34;link&#34;:&#34;/components/formFieldMixin.js&#34;}]},{&#34;title&#34;:&#34;Helper&#34;,&#34;links&#34;:[{&#34;title&#34;:&#34;form-wrap&#34;,&#34;link&#34;:&#34;/components/form-wrap&#34;}]},{&#34;title&#34;:&#34;Layouts&#34;,&#34;links&#34;:[{&#34;title&#34;:&#34;Button&#34;,&#34;link&#34;:&#34;/components/Button&#34;},{&#34;title&#34;:&#34;Control&#34;,&#34;link&#34;:&#34;/components/Control&#34;},{&#34;title&#34;:&#34;Divider&#34;,&#34;link&#34;:&#34;/components/Divider&#34;},{&#34;title&#34;:&#34;Group&#34;,&#34;link&#34;:&#34;/components/Group&#34;},{&#34;title&#34;:&#34;HorizonzalLayout&#34;,&#34;link&#34;:&#34;/components/HorizonzalLayout&#34;},{&#34;title&#34;:&#34;VerticalLayout&#34;,&#34;link&#34;:&#34;/components/VerticalLayout&#34;},{&#34;title&#34;:&#34;Wizard&#34;,&#34;link&#34;:&#34;/components/Wizard&#34;},{&#34;title&#34;:&#34;htmlRenderer&#34;,&#34;link&#34;:&#34;/components/htmlRenderer&#34;}]}]'.replace(/\&\#34\;/g, '"'))
       })
     </script>
   </body>

diff --git a/src/components/FormFields/Checkbox.vue b/src/components/FormFields/Checkbox.vue
@@ -13,7 +13,7 @@ import formFieldMixin from "./formFieldMixin.js";
  * This is used to render booleans in Form of a checkbox
  */
 export default {
-  name: "Boolean",
+  name: "Checkbox",
   mixins: [formFieldMixin],
 }
 </script>

diff --git a/src/components/FormFields/Checkboxes.vue b/src/components/FormFields/Checkboxes.vue
@@ -22,7 +22,7 @@ import formFieldMixin from "./formFieldMixin.js";
  * This is used to render MultibleChoice entries with a checkbox-group
  */
 export default {
-  name: "MultibleChoice",
+  name: "Checkboxes",
   mixins: [formFieldMixin],
   computed: {
     options() {

diff --git a/src/components/FormFields/DateTime.vue b/src/components/FormFields/DateTime.vue
@@ -1,11 +1,7 @@
 <template>
-  <div>
-    <b-input-group :name="title" :id="schemaName" class="w-100">
-      <b-input ref="child" v-model="date" type="date" class="w-50"/>
-      <b-input-group-append class="w-50">
-        <b-input v-model="time" style="border-bottom-left-radius: 0; border-top-left-radius: 0" type="time"/>
-      </b-input-group-append>
-    </b-input-group>
+  <div :name="title" :id="schemaName">
+    <b-input v-model="time" style="border-bottom-left-radius: 0; border-bottom-right-radius: 0" type="time" :required="required"/>
+    <b-input ref="child" v-model="date" type="date" style="border-top-left-radius: 0; border-top-right-radius: 0" :required="required"/>
   </div>
 </template>