GS-2156

alex

2025-06-19 8cc25657ae4d8a5572ac765408cc8551eed2ec9f

 vue/src/components/Header.vue

@@ -1,15 +1,37 @@
<script setup>

import {apiTokenValid, deleteApiToken, routerBase} from "../lib/api"

</script>

<template>

   <div class="header">
      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>
<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>