mirror of
https://github.com/kaythomas0/noisedash.git
synced 2025-11-14 12:18:01 +00:00
88 lines
2.0 KiB
Vue
88 lines
2.0 KiB
Vue
<template>
|
|
<v-container>
|
|
<v-app-bar
|
|
app
|
|
color="primary"
|
|
dark
|
|
dense
|
|
>
|
|
<v-app-bar-nav-icon
|
|
@click="getCurrentUser"
|
|
/>
|
|
</v-app-bar>
|
|
<v-navigation-drawer
|
|
v-model="drawyer"
|
|
fixed
|
|
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
|
|
@click="account"
|
|
>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-account</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-title>
|
|
Account
|
|
</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
|
|
:disabled="!loggedIn"
|
|
@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"
|
|
:disabled="!loggedIn"
|
|
@change="toggleDarkMode"
|
|
/>
|
|
</v-list-item>
|
|
</v-list-item-group>
|
|
</v-list>
|
|
<template v-slot:append>
|
|
<v-btn
|
|
block
|
|
href="https://github.com/KevinThomas0/noisedash"
|
|
target="_blank"
|
|
>
|
|
Source Code
|
|
</v-btn>
|
|
</template>
|
|
</v-navigation-drawer>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script src="./appbar.js"></script>
|