forked from TWS/kalkutago
Add logout button
This commit is contained in:
parent
dd2c2e7021
commit
168289335b
|
@ -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,19 +18,26 @@ 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 -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
Loading…
Reference in a new issue