ayanova/src/api/locale.js

@@ -99,7 +99,8 @@ export default {
     "Leave",
     "Copy",
     "Tags",
-    "Customize"
+    "Customize",
+    "ObjectCustomFieldCustomGrid"
   ],
   decimalValidate(required) {
     return { required: required, decimal: [2, this.format().decimalSeparator] };

ayanova/src/components/custom-fields-control.vue

@@ -1,7 +1,9 @@
 <template>
   <div>
-    CUSTOM FIELDS:
-    <span>
+    <span class="v-label v-label--active theme--light">
+      {{ this.$gzlocale.get("ObjectCustomFieldCustomGrid") }}
+    </span>
+    <span class="caption">
       {{ value }}
     </span>
   </div>

ayanova/src/main.js

@@ -32,6 +32,7 @@ import "@/assets/css/main.css";
 //controls
 import dateTimeControl from "./components/date-time-control.vue";
 import tagPicker from "./components/tag-picker.vue";
+import customFieldsControl from "./components/custom-fields-control.vue";
 
 /////////////////////////////////////////////////////////////////
 // LIBS AND GLOBAL ITEMS
@@ -152,6 +153,7 @@ Vue.filter("boolastext", function vueFilterBoolAsText(value) {
 //
 Vue.component("gz-date-time-picker", dateTimeControl);
 Vue.component("gz-tag-picker", tagPicker);
+Vue.component("gz-custom-fields", customFieldsControl);
 
 ////////////////////////////////////////////////////////
 //3rd party ui components

ayanova/src/views/inventory-widget-edit.vue

@@ -161,6 +161,16 @@
               @change="onChange('tags')"
             ></gz-tag-picker>
           </v-flex>
+
+          <v-flex xs12 px-2>
+            <gz-custom-fields
+              v-model="obj.customFields"
+              :readonly="this.formState.readOnly"
+              ref="customFields"
+              :error-messages="this.$gzform.serverErrors(this, 'customFields')"
+              @change="onChange('customFields')"
+            ></gz-custom-fields>
+          </v-flex>
         </v-layout>
         <!-- <v-layout align-left justify-center row wrap mt-5>
           <v-flex xs6 sm4> FORMtags: {{ obj.tags }} </v-flex>