TWS/kalkutago
8
0
Fork 1
Code Issues 9 Pull requests 1 Packages Projects 1 Releases Wiki Activity

Add logout button

Browse source
This commit is contained in:
D. Scott Boggs 2023-08-26 06:08:49 -04:00
parent 290218eefe
commit bfffacabf6
1 changed files with 29 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
client/src/components/NavBar.vue
View file

@ -1,5 +1,14 @@
<script setup lang="ts"> <script setup lang="ts">
import { RouterLink } from 'vue-router'; import { RouterLink } from 'vue-router';
import { error } from '../error'
import router from "../router";
async function logOut() {
const result = await fetch('/api/v1/auth', {method: 'DELETE'})
if(!result.ok) return error('failed to log out')
console.debug('logged out')
router.push('/login')
}
</script> </script>
<template> <template>
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" role="navigation" aria-label="main navigation">
@ -9,20 +18,27 @@ import { RouterLink } from 'vue-router';
<div class="navbar-menu"></div> <div class="navbar-menu"></div>
<div class="navbar-end"> <div class="navbar-end">
<div class="navbar-item"> <div class="navbar-item">
<div class="buttons"> <RouterLink to="/" v-if="$route.path === '/new-track'">
<RouterLink to="/" v-if="$route.path === '/new-track'"> <button class="button is-info">
<button class="button is-info"> Go Back
Go Back </button>
</button> </RouterLink>
</RouterLink>
<RouterLink to="/new-track" v-else> <RouterLink to="/new-track" v-else>
<button class="button is-primary"> <button class="button is-primary">
Add Track Add Track
</button> </button>
</RouterLink> </RouterLink>
</div> </div>
<div class="navbar-item">
<button class="button is-info" @click="logOut">
Log Out
</button>
</div>
<div class="navbar-item">
<!-- spacer -->
&nbsp;
</div> </div>
</div> </div>
</nav> </nav>
</template> </template>