startTicket

public/mix-manifest.json

@@ -1,3 +1,3 @@
 {
-    "/js/vue/app.js": "/js/vue/app.js?id=3cc3dcfb44dabba6f10e"
+    "/js/vue/app.js": "/js/vue/app.js?id=f0a914902ef66693f281"
 }

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

@@ -37,6 +37,64 @@
           hide-details
           color="purple"
         /> -->
+        <v-menu
+      v-model="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
@@ -44,22 +102,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
@@ -74,13 +116,7 @@
             </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-badge v-ripple class="toolbar-items Pointer" @click.native="submitLogout" >
           <v-icon color="tertiary">input</v-icon>
         </v-badge>
@@ -106,7 +142,9 @@ export default {
     ],
     title: null,
     responsive: false,
-    responsiveInput: false
+    responsiveInput: false,
+    name: '',
+    cell_number: '',
   }),
 
   watch: {
@@ -116,8 +154,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)

resources/js/vue/router/paths.js

@@ -151,4 +151,9 @@ export default [
     name: 'EditPackage',
     view: 'Package/AddEdit'
   },
+  {
+    path: '/my-ticket',
+    name: 'MyTicket',
+    view: 'Tickets/MyTicket'
+  },
 ]

resources/js/vue/views/Tickets/MyTicket.vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <v-container grid-list-xs fluid>
+            <v-layout align-center justify-center wrap class="px-5 my-3">
+                <v-flex xs12 sm4 md4>
+                    <v-card>
+                        <v-card-title>salam</v-card-title>
+                        <v-card-text>khoobi</v-card-text>
+                    </v-card>
+                </v-flex>
+            </v-layout>
+            <v-layout align-center justify-center wrap class="px-5 my-3">
+                <v-flex xs12 sm4 md4>
+                    <v-card>
+                        <v-card-title>salam</v-card-title>
+                        <v-card-text>khoobi</v-card-text>
+                    </v-card>
+                </v-flex>
+            </v-layout>
+        </v-container>
+    </div>
+</template>