You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.3 KiB
72 lines
2.3 KiB
<template> |
|
<nav class="navbar navbar-expand-lg"> |
|
<div class="container-fluid"> |
|
<a class="navbar-brand" href="#"></a> |
|
<button type="button" |
|
class="navbar-toggler navbar-toggler-right" |
|
:class="{toggled: $sidebar.showSidebar}" |
|
aria-controls="navigation-index" |
|
aria-expanded="false" |
|
aria-label="Toggle navigation" |
|
@click="toggleSidebar"> |
|
<span class="navbar-toggler-bar burger-lines"></span> |
|
<span class="navbar-toggler-bar burger-lines"></span> |
|
<span class="navbar-toggler-bar burger-lines"></span> |
|
</button> |
|
<div class="collapse navbar-collapse justify-content-end"> |
|
<ul class="navbar-nav ml-auto"> |
|
<li class="nav-item"> |
|
<a href="#/ucp/settings" class="nav-link"> |
|
Account Settings |
|
</a> |
|
<a href="#" @click="logout" class="nav-link"> |
|
Log out |
|
</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</nav> |
|
</template> |
|
<script> |
|
export default { |
|
computed: { |
|
routeName() { |
|
const {name} = this.$route |
|
return this.capitalizeFirstLetter(name) |
|
} |
|
}, |
|
data() { |
|
return { |
|
activeNotifications: false |
|
} |
|
}, |
|
methods: { |
|
capitalizeFirstLetter(string) { |
|
return string.charAt(0).toUpperCase() + string.slice(1) |
|
}, |
|
toggleNotificationDropDown() { |
|
this.activeNotifications = !this.activeNotifications |
|
}, |
|
closeDropDown() { |
|
this.activeNotifications = false |
|
}, |
|
toggleSidebar() { |
|
this.$sidebar.displaySidebar(!this.$sidebar.showSidebar) |
|
}, |
|
hideSidebar() { |
|
this.$sidebar.displaySidebar(false) |
|
}, |
|
logout() { |
|
localStorage.removeItem('token'); |
|
this.$auth.logout({ |
|
redirect: {name: 'login'} |
|
}); |
|
} |
|
} |
|
} |
|
|
|
</script> |
|
<style> |
|
|
|
</style>
|
|
|