ayanova/src/api/initialize.js

@@ -687,6 +687,13 @@ export default function initialize() {
               [],
               key++
             );
+            addNavItem(
+              window.$gz.locale.get("WidgetList"),
+              "vial",
+              "/test-widgets",
+              [],
+              key++
+            );
           }
 
           //******************  CUSTOMER USER / HEAD OFFICE USER UI

ayanova/src/components/gz-data-table.vue

@@ -1,12 +1,14 @@
 <template>
-  <v-data-table
+  <v-container>
-    :headers="headers"
+    <v-data-table
-    :items="desserts"
+      :headers="headers"
-    :options.sync="options"
+      :items="records"
-    :server-items-length="totalDesserts"
+      :options.sync="options"
-    :loading="loading"
+      :server-items-length="totalRecords"
-    class="elevation-1"
+      :loading="loading"
-  ></v-data-table>
+      class="elevation-1"
+    ></v-data-table>
+  </v-container>
 </template>
 
 <script>
@@ -16,7 +18,13 @@
 export default {
   created() {},
   data() {
-    return {};
+    return {
+      loading: true,
+      options: {},
+      headers: [],
+      totalRecords: 0,
+      records: []
+    };
   },
   methods: {}
 };

ayanova/src/router.js

@@ -432,6 +432,13 @@ export default new Router({
       component: () =>
         import(/* webpackChunkName: "test" */ "./views/test-inventory.vue")
     },
+    {
+      //NEW TEST GZ DATA TABLE
+      path: "/test-widgets",
+      name: "test-widgets",
+      component: () =>
+        import(/* webpackChunkName: "test" */ "./views/test-widgets.vue")
+    },
 
     {
       //TEST WIDGET EDIT FORM

ayanova/src/views/test-widgets.vue

@@ -0,0 +1,22 @@
+<template>
+  <GzDataTable />
+</template>
+
+<script>
+import GzDataTable from "../components/gz-data-table.vue";
+
+export default {
+  components: {
+    GzDataTable
+  },
+  beforeCreate() {
+    window.$gz.eventBus.$emit("menu-change", {
+      isMain: true,
+      icon: "vial",
+      title: window.$gz.locale.get("WidgetList")
+      //,
+      //helpUrl: "form-inv-parts"
+    });
+  }
+};
+</script>