From 1a9710dee59283c574ab1a863bcc7fa1a5d53411 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Wed, 21 Nov 2018 19:08:19 +0000
Subject: [PATCH]

---
 .../components/inventorypartassemblytop.vue   | 22 +++++++++++++------
 .../src/components/inventoryparttop.vue       | 22 +++++++++++++------
 app/ayanova/src/components/inventorypotop.vue | 22 +++++++++++++------
 .../src/components/inventorywarehousetop.vue  | 22 +++++++++++++------
 .../src/components/inventorywidgettop.vue     | 18 ++++-----------
 app/ayanova/src/views/inventory.vue           |  2 +-
 devdocs/todo.txt                              |  9 +++++++-
 7 files changed, 73 insertions(+), 44 deletions(-)

diff --git a/app/ayanova/src/components/inventorypartassemblytop.vue b/app/ayanova/src/components/inventorypartassemblytop.vue
index 1a35870b..d34edad8 100644
--- a/app/ayanova/src/components/inventorypartassemblytop.vue
+++ b/app/ayanova/src/components/inventorypartassemblytop.vue
@@ -1,11 +1,19 @@
 <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>
+    <v-flex xs12 md4>
+        <v-card class="elevation-5 transparent">
+            <v-card-text class="text-xs-center">
+                <v-icon x-large color="secondary">fa-heart</v-icon>
+            </v-card-text>
+            <v-card-title primary-title class="layout justify-center">
+                <div class="headline">Part assembly</div>
+            </v-card-title>
+            <v-card-text>
+                Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+            </v-card-text>
+        </v-card>
+    </v-flex>
 </template>
 
 <script>
diff --git a/app/ayanova/src/components/inventoryparttop.vue b/app/ayanova/src/components/inventoryparttop.vue
index 046fa284..1b8d3c6e 100644
--- a/app/ayanova/src/components/inventoryparttop.vue
+++ b/app/ayanova/src/components/inventoryparttop.vue
@@ -1,11 +1,19 @@
 <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>
+    <v-flex xs12 md4>
+        <v-card class="elevation-5 transparent">
+            <v-card-text class="text-xs-center">
+                <v-icon x-large color="secondary">fa-cannabis</v-icon>
+            </v-card-text>
+            <v-card-title primary-title class="layout justify-center">
+                <div class="headline">Parts</div>
+            </v-card-title>
+            <v-card-text>
+                Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+            </v-card-text>
+        </v-card>
+    </v-flex>
 </template>
 
 <script>
diff --git a/app/ayanova/src/components/inventorypotop.vue b/app/ayanova/src/components/inventorypotop.vue
index 65eeb16c..c993a911 100644
--- a/app/ayanova/src/components/inventorypotop.vue
+++ b/app/ayanova/src/components/inventorypotop.vue
@@ -1,11 +1,19 @@
 <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>
+    <v-flex xs12 md4>
+        <v-card class="elevation-5 transparent">
+            <v-card-text class="text-xs-center">
+                <v-icon x-large color="secondary">fa-crow</v-icon>
+            </v-card-text>
+            <v-card-title primary-title class="layout justify-center">
+                <div class="headline">Purchase orders</div>
+            </v-card-title>
+            <v-card-text>
+                Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+            </v-card-text>
+        </v-card>
+    </v-flex>
 </template>
 
 <script>
diff --git a/app/ayanova/src/components/inventorywarehousetop.vue b/app/ayanova/src/components/inventorywarehousetop.vue
index 6155e316..cb5dfa05 100644
--- a/app/ayanova/src/components/inventorywarehousetop.vue
+++ b/app/ayanova/src/components/inventorywarehousetop.vue
@@ -1,11 +1,19 @@
 <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>
+    <v-flex xs12 md4>
+        <v-card class="elevation-5 transparent">
+            <v-card-text class="text-xs-center">
+                <v-icon x-large color="secondary">fa-transgender-alt </v-icon>
+            </v-card-text>
+            <v-card-title primary-title class="layout justify-center">
+                <div class="headline">Warehouses</div>
+            </v-card-title>
+            <v-card-text>
+                Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+            </v-card-text>
+        </v-card>
+    </v-flex>
 </template>
 
 <script>
diff --git a/app/ayanova/src/components/inventorywidgettop.vue b/app/ayanova/src/components/inventorywidgettop.vue
index a4db3388..50222922 100644
--- a/app/ayanova/src/components/inventorywidgettop.vue
+++ b/app/ayanova/src/components/inventorywidgettop.vue
@@ -2,28 +2,18 @@
     <v-flex xs12 md4>
         <v-card class="elevation-5 transparent">
             <v-card-text class="text-xs-center">
-                <v-icon x-large class="blue--text text--lighten-2">fa-bell</v-icon>
+                <v-icon x-large color="secondary">fa-user-astronaut</v-icon>
             </v-card-text>
             <v-card-title primary-title class="layout justify-center">
                 <div class="headline">Top Widget</div>
             </v-card-title>
             <v-card-text>
-               todo: make this a box / card, add the buttons for the functionality or maybe a menu inside it
-                common options on front and less common in the menu
-                also does it expand insde to show sub items like edit a widget or widget list or does that open to a new window entirely or dialog? 
+                Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
             </v-card-text>
         </v-card>
     </v-flex>
-    <!-- <v-container>
-        <v-layout text-xs-center wrap="">
-            <v-flex mb-4>
-                <h1 class="display-2 font-weight-bold mb-3">TOP WIDGET</h1>
-                todo: make this a box / card, add the buttons for the functionality or maybe a menu inside it
-                common options on front and less common in the menu
-                also does it expand insde to show sub items like edit a widget or widget list or does that open to a new window entirely or dialog?                
-            </v-flex>
-        </v-layout>
-    </v-container>-->
 </template>
 
 <script>
diff --git a/app/ayanova/src/views/inventory.vue b/app/ayanova/src/views/inventory.vue
index 8b55f037..92ef68c1 100644
--- a/app/ayanova/src/views/inventory.vue
+++ b/app/ayanova/src/views/inventory.vue
@@ -2,7 +2,7 @@
     <v-layout column wrap="" class="my-5" align-center>
         <v-flex xs12>
             <v-container grid-list-xl>
-                <v-layout row wrap="" align-center>
+                <v-layout row wrap="" align-top>
                     <WidgetTop/>
                     <WidgetList/>
                     <WarehouseTop/>
diff --git a/devdocs/todo.txt b/devdocs/todo.txt
index 190632fe..bb8ac3c9 100644
--- a/devdocs/todo.txt
+++ b/devdocs/todo.txt
@@ -7,7 +7,7 @@ Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpYXQiOiIxNTQyNjY5Njc3IiwiZXhwIjoi
 
 	- Make the following widgets for small screen, drag out size and see what can be done to benefit medium+ sizes, so two sizes for now
 	- Just get basic Functionality working then iterate rather than trying to plabn out everything at once!!
-	
+
 	- Widget list component that works with real data
 		- https://vuetifyjs.com/en/components/data-tables#example-server
 		- Displays as a smaller item with maybe a count of widgets only that is expandable into a list of widgets
@@ -28,6 +28,13 @@ Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpYXQiOiIxNTQyNjY5Njc3IiwiZXhwIjoi
 			- Test as PWA on all devices
 
 
+
+
+UI TODO ITEMS
+	- Make the copyright banner at bottom left aligned, right now it seems weird in small iPhone size when it breaks to two lines (make text smaller?)
+
+
+
 - Stage 2 AFTER POSTED TEST ROUND COMPLETED		
 	- Error handling at client (log? display?)
 	- Notification of some kind (bell / toast)