From 9632ed1d64338899b657e6527b843712280d30a4 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 27 Nov 2018 21:27:13 +0000
Subject: [PATCH]

---
 .../src/components/inventorywidgettop.vue     | 73 ++++++++++++++++++-
 devdocs/todo.txt                              | 20 +++--
 2 files changed, 85 insertions(+), 8 deletions(-)

diff --git a/app/ayanova/src/components/inventorywidgettop.vue b/app/ayanova/src/components/inventorywidgettop.vue
index 2d044528..9467744a 100644
--- a/app/ayanova/src/components/inventorywidgettop.vue
+++ b/app/ayanova/src/components/inventorywidgettop.vue
@@ -1,6 +1,76 @@
 <template>
   <v-flex xs12 md12>
     <div>
+      <v-toolbar flat>
+        <v-toolbar-title>
+          <v-icon large color="primary">fa-splotch</v-icon>Widgets
+        </v-toolbar-title>
+        <v-divider class="mx-2" inset vertical></v-divider>
+        <v-spacer></v-spacer>
+
+        <v-btn icon>
+          <v-icon>fa-filter</v-icon>
+        </v-btn>
+
+        <v-btn icon>
+          <v-icon>apps</v-icon>
+        </v-btn>
+
+        <v-btn icon>
+          <v-icon>refresh</v-icon>
+        </v-btn>
+
+        <v-btn icon>
+          <v-icon>fa-ellipsis-v</v-icon>
+        </v-btn>
+        <v-spacer></v-spacer>
+        <v-dialog v-model="dialog" max-width="500px">
+          <v-btn slot="activator" icon large dark class="mb-2">
+            <v-icon large color="secondary">fa-plus-circle</v-icon>
+          </v-btn>
+          <v-btn slot="activator" icon large dark class="mb-2">
+            <v-icon large color="secondary">fa-ellipsis-v</v-icon>
+          </v-btn>
+          <v-card>
+            <v-card-title>
+              <span class="headline">{{ formTitle }}</span>
+            </v-card-title>
+            <v-card-text>
+              <v-container grid-list-md>
+                <v-layout wrap>
+                  <v-flex xs12 sm6 md4>
+                    <v-text-field v-model="editedItem.name" label="Name"></v-text-field>
+                  </v-flex>
+                  <v-flex xs12 sm6 md4>
+                    <v-text-field v-model="editedItem.serial" label="Serial"></v-text-field>
+                  </v-flex>
+                  <v-flex xs12 sm6 md4>
+                    <v-text-field v-model="editedItem.dollarAmount" label="Price"></v-text-field>
+                  </v-flex>
+                  <v-flex xs12 sm6 md4>
+                    <v-checkbox v-model="editedItem.active" label="Active"></v-checkbox>
+                  </v-flex>
+                  <v-flex xs12 sm6 md4>
+                    <v-text-field v-model="editedItem.roles" label="Roles"></v-text-field>
+                  </v-flex>
+                  <v-flex xs12 sm6 md4>
+                    <v-text-field v-model="editedItem.startDate" label="Start date"></v-text-field>
+                  </v-flex>
+                </v-layout>
+              </v-container>
+            </v-card-text>
+            <v-card-actions>
+              <v-spacer></v-spacer>
+              <v-btn icon large dark @click="close">
+                <v-icon large class="mr-5" color="secondary">fa-ban</v-icon>
+              </v-btn>
+              <v-btn icon large dark @click="save">
+                <v-icon large class="mr-3" color="secondary">fa-save</v-icon>
+              </v-btn>
+            </v-card-actions>
+          </v-card>
+        </v-dialog>
+      </v-toolbar>
       <v-data-table
         v-model="selected"
         :headers="headers"
@@ -11,7 +81,7 @@
         :loading="loading"
         class="elevation-1"
       >
-        <template slot="items" slot-scope="props">        
+        <template slot="items" slot-scope="props">
           <td class="text-xs-left">{{ props.item.name }}</td>
           <td class="text-xs-left">{{ props.item.serial }}</td>
           <td class="text-xs-left">{{ props.item.dollarAmount }}</td>
@@ -21,7 +91,6 @@
           <td class="text-xs-left">{{ props.item.endDate }}</td>
           <td class="justify-center layout px-0">
             <v-icon small class="mr-3" @click="editItem(props.item)">fa-pencil-alt</v-icon>
-            <v-icon small class="mr-3" @click="deleteItem(props.item)">fa-trash-alt</v-icon>
           </td>
         </template>
       </v-data-table>
diff --git a/devdocs/todo.txt b/devdocs/todo.txt
index 4bbc9d05..aecca9ea 100644
--- a/devdocs/todo.txt
+++ b/devdocs/todo.txt
@@ -14,18 +14,26 @@ INITIAL TESTING NOTES:
 		- Looks essentially identical on each!!!!
 
 	TODO after testing on devops:	
-	
-	- Checkboxes take up too much space to their right eating up valuable real-estate
+	- LIST
+		- maybe a vertical menu button instead of the separate delete and edit to save space.
+			- No, decided go into edit then can do any ops from that dialog, so essentially each item only requires a single edit icon 
+		- Kind of weird to scroll to the right to edit and you forget which record you are looking at maybe as the name dissappears
+			- Solved by doing any edit from within the edit dialog so you know what you're looking at before you act on it.
+	- Checkboxes take up too much space to their right eating up valuable real-estate [solution: remove checkboxes entirely]
 		- Selection isn't an everyday thing, wonder if there is a better way, maybe selectively hide the selection boxes?? TTM THOUGH
+		- Decided that the whole list actions will be at the top menu ellipsis thing and so user can filter then take an action that applies to all items in the list
+			- In other words you don't select one by one, you filter first to get what you want and then apply the action
+			- So for example user can tag all the items they want to work with by filtering, then mass tagging until have all tagged then filter by tag and apply mass ops
+			- This elminates the need for the checkboxes for now
 	- Edit / Trash buttons in grid are too small on a phone with fat fingers
+		- Solution: remove delete, make edit bigger and delete from within edit dialog
+	- Edit dialog needs to be inserted from external component, can't be needing to define it in side every list as that's two very different things
 	- Login needs to scroll higher or logo smaller on sm so that the keyboard doesn't obscure the login lines
 	- Need a test user that has access to every possible role so that I can see all the roles for testing purposes
 	- About page has too big of margins on each side of display
 	- numeric inputs need to be set as such so that the number keyboard appears
-	- LIST
-		- maybe a vertical menu button instead of the separate delete and edit to save space.
-		- Kind of weird to scroll to the right to edit and you forget which record you are looking at maybe as the name dissappears
-		- Alt background slight gray and white (but not to interfere with selected current or selected row grayness) TTM?!
+	
+		
 
 	- 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?)
 	- Change server api page favicon to look like a SERVER version of the AyaNova logo, not the same one as the client uses [ fuck it, why? TTM!]