app/ayanova/src/components/inventorywidgettop.vue

@@ -5,71 +5,23 @@
         <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-plus-circle</v-icon>
+        </v-btn>
 
         <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-icon>fa-sync</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"

devdocs/todo.txt

@@ -15,6 +15,11 @@ INITIAL TESTING NOTES:
 
 	TODO after testing on devops:	
 	- LIST
+		- Overall list menu toolbar at top with following icons:
+			- Add new item
+			- Filter list
+			- Refresh
+			- Ellipsis submenu with mass ops options and other list wide options appear there
 		- 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