From 2e460ac9fff6865846689b0e6f715f4515fee3c0 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 20 Nov 2018 22:57:19 +0000
Subject: [PATCH]

---
 .../src/components/inventorywidgettop.vue     |  19 +++-
 app/ayanova/src/views/inventory.vue           | 105 +++++++++++++++++-
 devdocs/specs/core-ui-design.txt              |  47 ++++++++
 3 files changed, 167 insertions(+), 4 deletions(-)

diff --git a/app/ayanova/src/components/inventorywidgettop.vue b/app/ayanova/src/components/inventorywidgettop.vue
index 31aa81d1..a4db3388 100644
--- a/app/ayanova/src/components/inventorywidgettop.vue
+++ b/app/ayanova/src/components/inventorywidgettop.vue
@@ -1,5 +1,20 @@
 <template>
-    <v-container>
+    <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-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? 
+            </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>
@@ -8,7 +23,7 @@
                 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>
+    </v-container>-->
 </template>
 
 <script>
diff --git a/app/ayanova/src/views/inventory.vue b/app/ayanova/src/views/inventory.vue
index 75d9b3ae..4c6b87aa 100644
--- a/app/ayanova/src/views/inventory.vue
+++ b/app/ayanova/src/views/inventory.vue
@@ -1,11 +1,112 @@
 <template>
-    <v-layout align-center justify-center row fill-height>
+    <v-layout column wrap="" class="my-5" align-center>
+        <v-flex xs12>
+            <v-container grid-list-xl>
+                <v-layout row wrap="" align-center>
+                    <WidgetTop/>
+                    <v-flex xs12 md4>
+                        <v-card class="elevation-0 transparent">
+                            <v-card-text class="text-xs-center">
+                                <v-icon x-large class="blue--text text--lighten-2">color_lens</v-icon>
+                            </v-card-text>
+                            <v-card-title primary-title class="layout justify-center">
+                                <div class="headline text-xs-center">Material Design</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>
+                    <v-flex xs12 md4>
+                        <v-card class="elevation-0 transparent">
+                            <v-card-text class="text-xs-center">
+                                <v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
+                            </v-card-text>
+                            <v-card-title primary-title class="layout justify-center">
+                                <div class="headline">Fast development</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>
+                    <v-flex xs12 md4>
+                        <v-card class="elevation-0 transparent">
+                            <v-card-text class="text-xs-center">
+                                <v-icon x-large class="blue--text text--lighten-2">build</v-icon>
+                            </v-card-text>
+                            <v-card-title primary-title class="layout justify-center">
+                                <div class="headline text-xs-center">Completely Open Sourced</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>
+                     <v-flex xs12 md4>
+                        <v-card class="elevation-0 transparent">
+                            <v-card-text class="text-xs-center">
+                                <v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
+                            </v-card-text>
+                            <v-card-title primary-title class="layout justify-center">
+                                <div class="headline">Fast development</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>
+
+                     <v-flex xs12 md4>
+                        <v-card class="elevation-0 transparent">
+                            <v-card-text class="text-xs-center">
+                                <v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
+                            </v-card-text>
+                            <v-card-title primary-title class="layout justify-center">
+                                <div class="headline">Fast development</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>
+
+                     <v-flex xs12 md4>
+                        <v-card class="elevation-0 transparent">
+                            <v-card-text class="text-xs-center">
+                                <v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
+                            </v-card-text>
+                            <v-card-title primary-title class="layout justify-center">
+                                <div class="headline">Fast development</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>
+                </v-layout>
+            </v-container>
+        </v-flex>
+    </v-layout>
+    <!-- <v-layout align-center justify-center row fill-height>
         <WidgetTop/>
         <PartTop/>
         <PartAssemblyTop/>
         <WarehouseTop/>
         <POTop/>
-    </v-layout>
+    </v-layout>-->
 </template>
 
 <script>
diff --git a/devdocs/specs/core-ui-design.txt b/devdocs/specs/core-ui-design.txt
index a2d9b84b..7dd58c69 100644
--- a/devdocs/specs/core-ui-design.txt
+++ b/devdocs/specs/core-ui-design.txt
@@ -52,6 +52,53 @@ SELECT NAV.INVENTORY -> SHOWS MULTIPLE TOP LEVEL UI WIDGETS RELATED TO INVENTORY
   - PART WAREHOUSES
 
 
+=-=-=-=-=-=
+This is a worked example to determine what UI elements should be where using the Client as the example object type:
+
+CLIENT OPS 
+=-=-=-=-=-
+  - list
+     - mass change
+        - Delete
+        - Tag
+        - Report
+        - Import / Export / Integrate
+        - Notifications
+
+     - Report / Graph
+
+     - Search / Find quickly by typing in part of the name or something
+     - Filter
+     - Sort
+
+  - Single
+    - CRUD
+    - TAGS 
+    - Duplicate
+    - Report / Graph
+    - Notifications settings
+    - Service BANK
+    - CSR
+
+    - Show all
+      - Units
+      - Workorders        
+      - Quotes
+      - PM 
+      - CSR     
+    - Service history feature for quickly seeing totals and dates (see case for deets)
+    - Export / Integrate
+    - Attachments
+    - Wiki
+    - Follow up / schedule
+    - Record history (should just show in main UI I think)
+    - Notes (separate collection, but maybe should be part of main edit ui)
+    
+
+  - Contracts
+  - Projects
+
+ =-=-=-=-=-=-=-=-