forked from external-repos/noisedash
67 lines
1.5 KiB
Vue
67 lines
1.5 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-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
|
|
v-if="isAdmin"
|
|
@click="admin"
|
|
>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-database-cog</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-title>
|
|
Admin
|
|
</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"
|
|
@change="toggleDarkMode"
|
|
/>
|
|
</v-list-item>
|
|
</v-list-item-group>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script src="./appbar.js"></script>
|