ayanova/src/App.vue

@@ -2,11 +2,7 @@
   <v-app>
     <v-navigation-drawer v-if="isAuthenticated" fixed v-model="drawer" app>
       <v-list dense>
-        <v-list-tile
-          v-for="item in navItems"
-          :key="item.route"
-          :to="item.route"
-        >
+        <v-list-tile v-for="item in navItems" :key="item.route" :to="item.route">
           <v-list-tile-action>
             <v-icon>{{ "fa-" + item.icon }}</v-icon>
           </v-list-tile-action>
@@ -25,8 +21,7 @@
     >
       <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
       <v-toolbar-title style="width: 300px" class="ml-0 pl-3">
-        <v-icon>{{ appBar.icon }}</v-icon
-        >&nbsp;
+        <v-icon>{{ appBar.icon }}</v-icon>&nbsp;
         <span>{{ appBar.title }}</span>
       </v-toolbar-title>
       <v-spacer></v-spacer>
@@ -40,9 +35,11 @@
             :disabled="item.disabled"
             @click="$gzevent.$emit('menu-click', item)"
           >
-            <v-icon :color="item.color ? item.color : ''">{{
+            <v-icon :color="item.color ? item.color : ''">
+              {{
               "fa-" + item.icon
-            }}</v-icon>
+              }}
+            </v-icon>
           </v-btn>
         </template>
         <v-spacer></v-spacer>
@@ -54,14 +51,12 @@
           </template>
           <v-list>
             <template v-for="(item, index) in appBar.menuItems">
-              <v-subheader v-if="item.header" :key="index">{{
+              <v-subheader v-if="item.header" :key="index">
+                {{
                 item.header
-              }}</v-subheader>
-              <v-divider
-                v-else-if="item.divider"
-                :key="index"
-                :inset="item.inset"
-              ></v-divider>
+                }}
+              </v-subheader>
+              <v-divider v-else-if="item.divider" :key="index" :inset="item.inset"></v-divider>
               <v-list-tile
                 v-else
                 :key="item.key"
@@ -73,8 +68,7 @@
                   <v-icon
                     v-if="item.icon"
                     :color="item.color ? item.color : ''"
-                    >{{ "fa-" + item.icon }}</v-icon
-                  >
+                  >{{ "fa-" + item.icon }}</v-icon>
                 </v-list-tile-action>
                 <v-list-tile-content>
                   <v-list-tile-title>
@@ -99,9 +93,7 @@
         <v-flex primary py-2 text-xs-center white--text xs12>
           <div>
             <a href="https://ayanova.com" target="_blank">
-              <span class="white--text caption"
-                >AyaNova ({{ version }}) {{ copyright }}</span
-              >
+              <span class="white--text caption">AyaNova ({{ version }}) {{ copyright }}</span>
             </a>
           </div>
         </v-flex>
@@ -129,12 +121,16 @@ export default {
   },
   created() {
     //////////////////////////////////
-    // WIRE UP MENU EVENT HANDLERS
+    // WIRE UP
+    // MENU and DIALOG EVENT HANDLERS
+    // ON GZEVENTBUS
     //
     //
-    this.$gzmenu.wireUpAppEventHandlers(this);
+    this.$gzmenu.wireUpEventHandlers(this);
+    this.$gzdialog.wireUpEventHandlers(this);
   },
   beforeDestroy() {
+    //UNWIRE ALL EVENT HANDLERS FROM GZEVENTBUS
     this.$gzevent.$off();
   },
   mounted() {