forked from external-repos/noisedash
85 lines
1.7 KiB
Vue
85 lines
1.7 KiB
Vue
<template>
|
|
<v-container>
|
|
<v-app-bar
|
|
app
|
|
color="primary"
|
|
dark
|
|
dense
|
|
>
|
|
<v-app-bar-nav-icon
|
|
@click="drawyer = true"
|
|
/>
|
|
</v-app-bar>
|
|
<v-navigation-drawer
|
|
v-model="drawyer"
|
|
absolute
|
|
temporary
|
|
>
|
|
<v-list
|
|
nav
|
|
>
|
|
<v-list-item-group
|
|
v-model="group"
|
|
>
|
|
<v-list-item
|
|
@click="home"
|
|
>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-home</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-title>
|
|
Home
|
|
</v-list-item-title>
|
|
</v-list-item>
|
|
<v-list-item
|
|
@click="logout"
|
|
>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-logout</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-title>
|
|
Logout
|
|
</v-list-item-title>
|
|
</v-list-item>
|
|
<v-list-item>
|
|
<v-switch
|
|
v-model="$vuetify.theme.dark"
|
|
label="Dark Mode"
|
|
/>
|
|
</v-list-item>
|
|
</v-list-item-group>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'AppBar',
|
|
|
|
data: () => ({
|
|
drawyer: false,
|
|
group: null
|
|
}),
|
|
methods: {
|
|
home () {
|
|
this.$router.push('/')
|
|
},
|
|
admin () {
|
|
this.$router.push('/admin')
|
|
},
|
|
logout () {
|
|
this.$http.get('https://localhost:3000/logout')
|
|
.then(response => {
|
|
if (response.status === 200) {
|
|
this.$router.push('/login')
|
|
}
|
|
})
|
|
.catch(function (error) {
|
|
console.error(error.response)
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|