From e90742d4fc5cc92b318e649ba35843d46e9561bd Mon Sep 17 00:00:00 2001
From: wh1te909 <dcparsi@gmail.com>
Date: Sat, 21 Dec 2019 03:25:24 +0000
Subject: [PATCH] move update agents menu into separate navigation menu

---
 web/src/components/FileBar.vue | 39 ++++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 11 deletions(-)

diff --git a/web/src/components/FileBar.vue b/web/src/components/FileBar.vue
index 575e7e6b..9c9f176e 100644
--- a/web/src/components/FileBar.vue
+++ b/web/src/components/FileBar.vue
@@ -14,7 +14,25 @@
             <q-item clickable v-close-popup @click="getLog">
               <q-item-section>Debug Log</q-item-section>
             </q-item>
-            <q-item clickable v-close-popup @click="showUpdateAgentsModal = true">
+            <q-item
+              clickable
+              v-close-popup
+              @click="showUpdateAgentsModal = true"
+            >
+              <q-item-section>Update Agents</q-item-section>
+            </q-item>
+          </q-list>
+        </q-menu>
+      </div>
+      <div class="q-ml-md cursor-pointer non-selectable">
+        Agents
+        <q-menu auto-close>
+          <q-list dense style="min-width: 100px">
+            <q-item
+              clickable
+              v-close-popup
+              @click="showUpdateAgentsModal = true"
+            >
               <q-item-section>Update Agents</q-item-section>
             </q-item>
           </q-list>
@@ -27,22 +45,21 @@
       </q-dialog>
       <!-- add site modal -->
       <q-dialog v-model="showAddSiteModal">
-        <AddSite @close="showAddSiteModal = false" :clients=clients />
+        <AddSite @close="showAddSiteModal = false" :clients="clients" />
       </q-dialog>
       <!-- debug log modal -->
       <LogModal />
       <!-- Update Agents Modal -->
       <div class="q-pa-md q-gutter-sm">
-        <q-dialog 
-        v-model="showUpdateAgentsModal"
-        maximized
-        transition-show="slide-up"
-        transition-hide="slide-down" 
-      >
-        <UpdateAgents @close="showUpdateAgentsModal = false" />
-      </q-dialog>
+        <q-dialog
+          v-model="showUpdateAgentsModal"
+          maximized
+          transition-show="slide-up"
+          transition-hide="slide-down"
+        >
+          <UpdateAgents @close="showUpdateAgentsModal = false" />
+        </q-dialog>
       </div>
-      
     </q-bar>
   </div>
 </template>