app/ayanova/src/components/desertlist.vue

@@ -1,27 +1,28 @@
 <template>
-    <div>
-        <v-data-table
-            :headers="headers"
-            :items="desserts"
-            :pagination.sync="pagination"
-            :total-items="totalDesserts"
-            :loading="loading"
-            class="elevation-1"
-        >
-            <template slot="items" slot-scope="props">
-                <td>{{ props.item.name }}</td>
-                <td class="text-xs-right">{{ props.item.calories }}</td>
-                <td class="text-xs-right">{{ props.item.fat }}</td>
-                <td class="text-xs-right">{{ props.item.carbs }}</td>
-                <td class="text-xs-right">{{ props.item.protein }}</td>
-                <td class="text-xs-right">{{ props.item.iron }}</td>
-            </template>
-        </v-data-table>
-    </div>
+  <div>
+    <v-data-table
+      :headers="headers"
+      :items="desserts"
+      :pagination.sync="pagination"
+      :total-items="totalDesserts"
+      :loading="loading"
+      class="elevation-1"
+    >
+      <template slot="items" slot-scope="props">
+        <td>{{ props.item.name }}</td>
+        <td class="text-xs-right">{{ props.item.calories }}</td>
+        <td class="text-xs-right">{{ props.item.fat }}</td>
+        <td class="text-xs-right">{{ props.item.carbs }}</td>
+        <td class="text-xs-right">{{ props.item.protein }}</td>
+        <td class="text-xs-right">{{ props.item.iron }}</td>
+      </template>
+    </v-data-table>
+  </div>
 </template>
 
 
 <script>
+//https://vuetifyjs.com/en/components/data-tables#example-server
 export default {
   data() {
     return {

app/ayanova/src/components/inventorypartassemblytop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">TOP Part assembly</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>

app/ayanova/src/components/inventoryparttop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">TOP Parts</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>

app/ayanova/src/components/inventorypotop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">TOP Purchase orders</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>

app/ayanova/src/components/inventorywarehousetop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">Top Warehouses</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>

app/ayanova/src/components/inventorywidgettop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">TOP WIDGET</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>

app/ayanova/src/router.js

@@ -46,6 +46,12 @@ export default new Router({
       path: "/log",
       name: "log",
       component: () => import(/* webpackChunkName: "log" */ "./views/log.vue")
+    },
+    {
+      path: "/inventory",
+      name: "inventory",
+      component: () =>
+        import(/* webpackChunkName: "inventory" */ "./views/inventory.vue")
     }
   ]
 });

app/ayanova/src/views/inventory.vue

@@ -0,0 +1,60 @@
+<template>
+    <v-layout row>
+        <WidgetTop/>
+        <PartTop/>
+        <PartAssemblyTop/>
+        <WarehouseTop/>
+        <POTop/>
+    </v-layout>
+</template>
+
+<script>
+/*  xeslint-disable */
+import WidgetTop from "../components/inventorywidgettop";
+import WarehouseTop from "../components/inventorywarehousetop";
+import POTop from "../components/inventorypotop";
+import PartTop from "../components/inventoryparttop";
+import PartAssemblyTop from "../components/inventorypartassemblytop";
+/*
+HMMM?? - Maybe top level category is "part" and inventory is a sub item like the rest since they all revolve around parts but are not all inventory
+*/
+
+// - PART REQUESTS OVERVIEW ETC....
+//   - PART ASSEMBLIES
+//   - PART CATEGORIES
+//   - PART WAREHOUSES
+// - PARTS
+// - Part inventory
+// - Part inventory adjustments
+
+//import store from "../store";
+import lt from "../api/locale";
+//import _ from "../utils/libs/lodash.js";
+export default {
+  components: {
+    WidgetTop,
+    WarehouseTop,
+    POTop,
+    PartTop,
+    PartAssemblyTop
+  },
+  data() {
+    return {};
+  },
+  beforeRouteEnter(to, from, next) {
+    //get lt, roles, populate top level components accordingly
+    lt.fetch(["Inventory"]).then(() => {
+      next();
+    });
+  },
+  mounted() {},
+  methods: {
+    lt: function(key) {
+      return lt.get(key);
+    }
+  }
+};
+</script>
+
+<style>
+</style>