GS-2156

alex

2025-06-20 eda54046a40c108e993cb8efd73a1a36bcbfd225

 vue/src/components/Header.vue

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

import {reindex, 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>
         <button type="button" @click="reindex()">♻</button>
      </div>
      <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>