diff --git a/src/components/core/Drawer.vue b/src/components/core/Drawer.vue index faa358bd75ae28cf6f218e301db4812b741d06e9..0462d15769d3cb259a0ddf7d59f9f5d4c9906bc7 100644 --- a/src/components/core/Drawer.vue +++ b/src/components/core/Drawer.vue @@ -2,6 +2,15 @@ <v-navigation-drawer id="app-drawer" v-model="inputValue" app dark floating persistent mobile-break-point="991" width="260"> <v-img :src="image" height="100%"> <v-layout class="fill-height" tag="v-list" column> + <v-snackbar + v-model="logoutSnackbar" + timeout = "2000" + :top="true" + color="cyan" + > + 로그아웃 성공. + </v-snackbar> + <v-list-tile avatar> <v-list-tile-avatar color="white"> <v-img :src="logo" height="34" contain/> @@ -27,6 +36,7 @@ Log Out </v-list-tile-title> </v-list-tile> + <v-list-tile v-if="$store.state.isUserInfoGetted===false" active-class="success" class="v-list-item v-list__tile--buy" to="/login"> <v-list-tile-action> <v-icon>mdi-package-up</v-icon> @@ -63,6 +73,7 @@ export default { }, data: () => ({ logo: 'favicon.ico', + logoutSnackbar: false, links: [ { to: '/', @@ -83,17 +94,7 @@ export default { to: '/mypage', icon: 'mdi-format-font', text: 'My Page' - }, - // { - // to: '/maps', - // icon: 'mdi-map-marker', - // text: 'Maps' - // }, - // { - // to: '/notifications', - // icon: 'mdi-bell', - // text: 'Notifications' - // } + } ] }), computed: { @@ -115,11 +116,12 @@ export default { ...mapMutations('app', ['setDrawer', 'toggleDrawer']), logOut: function(){ - this.$http.get('/login/logout').then((res)=>{ - if(res.data.success==true){ - this.$store.commit("setInitialize"); - } - }) + this.logoutSnackbar = true; + this.$http.get('/login/logout').then((res)=>{ + if(res.data.success==true){ + this.$store.commit("setInitialize"); + } + }) } } }