<script setup>
|
|
import {apiTokenValid, deleteApiToken, routerBase} from "../lib/api"
|
|
</script>
|
|
<template>
|
|
<div class="header">
|
<div>Globus-ILIAS-REST</div>
|
<div>|</div>
|
<RouterLink :to="`${routerBase}/ui/user`">Users</RouterLink>
|
<RouterLink :to="`${routerBase}/ui/kurs`">Courses</RouterLink>
|
<div style="flex-grow: 1" />
|
<div v-if="apiTokenValid">
|
<button type="button" @click="deleteApiToken()">logout</button>
|
</div>
|
</div>
|
|
</template>
|
|
<style scoped lang="stylus">
|
|
.header
|
color #ccc
|
background-color #555
|
padding .33em .66em
|
display flex;
|
gap 1em
|
|
a
|
color #ddd
|
text-decoration none;
|
&:hover
|
color #eee
|
|
</style>
|
