conflit for ticket

resources/js/vue/components/core/Drawer.vue

@@ -126,6 +126,11 @@ export default {
         icon: 'fas fa-chart-bar',
         text: 'Statistics',
       },
+      {
+        to: {name: 'Tickets'},
+        icon: 'fas fa-chart-bar',
+        text: 'Tickets',
+      },
     ],
     responsive: false
   }),

resources/js/vue/components/core/Toolbar.vue

@@ -85,6 +85,63 @@
           hide-details
           color="purple"
         /> -->
+        <v-menu
+      :close-on-content-click="false"
+      :nudge-width="200"
+      offset-x
+    >
+      <template v-slot:activator="{ on }">
+
+          <v-icon
+          v-ripple
+          class="toolbar-items"
+          v-on="on"
+          color="tertiary">
+          mdi-account
+          </v-icon>
+
+      </template>
+
+      <v-card>
+        <v-list>
+          <v-list-tile avatar>
+            <v-list-tile-avatar>
+              <img src="https://cdn.vuetifyjs.com/images/john.jpg" alt="John">
+            </v-list-tile-avatar>
+
+            <v-list-tile-content>
+              <v-list-tile-title>{{ name }}</v-list-tile-title>
+              <v-list-tile-sub-title>{{ cell_number }}</v-list-tile-sub-title>
+            </v-list-tile-content>
+          </v-list-tile>
+        </v-list>
+
+        <v-divider></v-divider>
+
+        <v-list>
+          <router-link
+          v-ripple
+          class="toolbar-items"
+          :to="{name: 'MyInfo'}"
+        >
+          <v-list-tile >
+            <v-list-tile-title class="black--text" >My Info</v-list-tile-title>
+          </v-list-tile>
+        </router-link>
+
+
+          <router-link
+          v-ripple
+          class="toolbar-items"
+          :to="{name: 'MyTicket'}"
+        >
+          <v-list-tile >
+            <v-list-tile-title class="black--text" >My Ticket</v-list-tile-title>
+          </v-list-tile>
+        </router-link>
+        </v-list>
+      </v-card>
+    </v-menu>
 
         <!-- <v-menu
           bottom
@@ -92,22 +149,6 @@
           content-class="dropdown-menu"
           offset-y
           transition="slide-y-transition">
-          <router-link
-            v-ripple
-            slot="activator"
-            class="toolbar-items"
-            to="/notifications"
-          >
-            <v-badge
-              color="error"
-              overlap
-            >
-              <template slot="badge">
-                {{ notifications.length }}
-              </template>
-              <v-icon color="tertiary">mdi-bell</v-icon>
-            </v-badge>
-          </router-link>
           <v-card>
             <v-list dense>
               <v-list-tile
@@ -121,14 +162,8 @@
               </v-list-tile>
             </v-list>
           </v-card>
-        </v-menu> -->
-        <router-link
-          v-ripple
-          class="toolbar-items"
-          :to="{name: 'MyInfo'}"
-        >
-          <v-icon color="tertiary">mdi-account</v-icon>
-        </router-link>
+        </v-menu>
+
         <v-badge v-ripple class="toolbar-items Pointer" @click.native="submitLogout" >
           <v-icon color="tertiary">input</v-icon>
         </v-badge>
@@ -154,7 +189,9 @@ export default {
     ],
     title: null,
     responsive: false,
-    responsiveInput: false
+    responsiveInput: false,
+    name: '',
+    cell_number: '',
   }),
 
   watch: {
@@ -164,8 +201,10 @@ export default {
   },
 
   mounted () {
-    this.onResponsiveInverted()
-    window.addEventListener('resize', this.onResponsiveInverted)
+    this.onResponsiveInverted();
+    window.addEventListener('resize', this.onResponsiveInverted);
+    this.cell_number = this.$store.state.user.cell_number;
+    this.name = this.$store.state.user.name;
   },
   beforeDestroy () {
     window.removeEventListener('resize', this.onResponsiveInverted)