Product/619 client validation

src/components/InputBooleanCombobox.vue

@@ -15,13 +15,25 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import VueI18n from 'vue-i18n';
 
 import Multiselect from 'vue-multiselect';
 import 'vue-multiselect/dist/vue-multiselect.min.css';
+import FieldReader from '@/util/FieldReader';
+
+Vue.use(VueI18n);
+
+const i18n = new VueI18n({
+  locale: 'en',
+  messages: (window.coscine && coscine.i18n) ? coscine.i18n['form-generator'] : {},
+  silentFallbackWarn: true,
+});
 
 export default Vue.extend({
+  i18n,
   name: 'InputBooleanCombobox',
   beforeMount() {
+    i18n.locale = this.languageCode;
     // set the datatype
     this.$set(this.formData[this.nodeName][0], 'type', 'literal');
     this.$set(
@@ -54,11 +66,13 @@ export default Vue.extend({
   },
   methods: {    
     input() {
-      if (this.selectedOption !== null) {
-        this.$set(this.formData[this.nodeName][0], 'value', (this.selectedOption as any).value);        
-      } else {
-        this.$set(this.formData[this.nodeName][0], 'value', '');
-      }
+      FieldReader.setField(
+        this.formData,
+        this.v,
+        this.nodeName,
+        this.selectedOption !== null ? (this.selectedOption as any).value : '',
+        this.$set
+      );
       this.updateFixedValues();
     },
     loadData() {
@@ -81,9 +95,8 @@ export default Vue.extend({
     locked: Boolean,
     required: Boolean,
     nodeName: String,
-    formFieldInformation: Object,
+    formFieldInformation: Array,
     formData: Object,
-    fixedValues: Object,
     fixedValueMode: Boolean,
     disabledMode: Boolean,
     checkField: Function,
@@ -91,6 +104,7 @@ export default Vue.extend({
     resourceId: String,
     projectId: String,
     languageCode: String,
+    v: Object,
   },
   components: {
     Multiselect,