From 1c53e062612b2661a1269bc9103a6f147ff135b7 Mon Sep 17 00:00:00 2001 From: Grzegorz Leoniec Date: Mon, 17 Dec 2018 19:52:18 +0100 Subject: [PATCH 1/2] added icons to usermenu --- layouts/default.vue | 34 ++++++++++++++++++++++++---------- 1 file changed, 24 insertions(+), 10 deletions(-) diff --git a/layouts/default.vue b/layouts/default.vue index 0bea14ac2..fb922009e 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -34,16 +34,24 @@ class="avatar-menu-popover" style="padding-top: .5rem; padding-bottom: .5rem;" @mouseover="popoverMouseEnter" - @mouseleave="popoveMouseLeave" - > - Hallo {{ user.name }} + @mouseleave="popoveMouseLeave"> + Hallo {{ user.name }} + :is-exact="isExact" + style="margin-left: -15px; margin-right: -15px; padding-top: 1rem; padding-bottom: 1rem;"> + + {{ item.route.name }} + + - Logout + Logout @@ -75,7 +83,7 @@ export default { ...mapGetters({ user: 'auth/user', isLoggedIn: 'auth/isLoggedIn', - isAdmin: 'auth/isLoggedIn' + isAdmin: 'auth/isAdmin' }), routes() { if (!this.user.slug) { @@ -84,17 +92,20 @@ export default { let routes = [ { name: 'Mein Profil', - path: `/profile/${this.user.slug}` + path: `/profile/${this.user.slug}`, + icon: 'user' }, { name: 'Einstellungen', - path: `/settings` + path: `/settings`, + icon: 'cogs' } ] if (this.isAdmin) { routes.push({ name: 'Systemverwaltung', - path: `/admin` + path: `/admin`, + icon: 'shield' }) } return routes @@ -108,6 +119,9 @@ export default { toggleMenu() { this.isPopoverOpen = !this.isPopoverOpen }, + isExact(url) { + return this.$route.path.indexOf(url) === 0 + }, popoverMouseEnter() { clearTimeout(mouseEnterTimer) clearTimeout(mouseLeaveTimer) From 68bce0c01704d138bdc81b766dae31c2aaa57887 Mon Sep 17 00:00:00 2001 From: Grzegorz Leoniec Date: Mon, 17 Dec 2018 19:54:23 +0100 Subject: [PATCH 2/2] fixed user role check --- store/auth.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/store/auth.js b/store/auth.js index da4d567e7..c93ce87e2 100644 --- a/store/auth.js +++ b/store/auth.js @@ -37,12 +37,12 @@ export const getters = { return !!state.user && state.user.isVerified && !!state.user.name }, isAdmin(state) { - return !!state.user && state.user.role === 'ADMIN' + return !!state.user && state.user.role === 'admin' }, isModerator(state) { return ( !!state.user && - (state.user.role === 'ADMIN' || state.user.role === 'MODERATOR') + (state.user.role === 'admin' || state.user.role === 'moderator') ) }, user(state) {