From 2b9be6d9e8cd5029c901595ccda21abb33d86a2d Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Mon, 24 Jun 2019 23:17:23 +0000
Subject: [PATCH]

---
 ayanova/src/api/locale.js                        |  3 ++-
 ayanova/src/components/custom-fields-control.vue |  6 ++++--
 ayanova/src/main.js                              |  2 ++
 ayanova/src/views/inventory-widget-edit.vue      | 10 ++++++++++
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/ayanova/src/api/locale.js b/ayanova/src/api/locale.js
index 252b494f..fba96fbd 100644
--- a/ayanova/src/api/locale.js
+++ b/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] };
diff --git a/ayanova/src/components/custom-fields-control.vue b/ayanova/src/components/custom-fields-control.vue
index b82da8fb..02ab3909 100644
--- a/ayanova/src/components/custom-fields-control.vue
+++ b/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>
diff --git a/ayanova/src/main.js b/ayanova/src/main.js
index 8222b73c..1c1b0dbf 100644
--- a/ayanova/src/main.js
+++ b/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
diff --git a/ayanova/src/views/inventory-widget-edit.vue b/ayanova/src/views/inventory-widget-edit.vue
index 2c18fb98..00f46d79 100644
--- a/ayanova/src/views/inventory-widget-edit.vue
+++ b/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>