Initial

spaces/app.vue

@@ -0,0 +1,64 @@
+<script setup lang="ts">
+const user = useStrapiUser()
+const router = useRouter()
+const {logout} = useStrapiAuth()
+
+const userDropdownItems = [
+    [
+      {
+        label: user.value ? user.value.username : "Profil",
+
+      }
+    ],
+    [
+      {
+        label: "Logout",
+        click: () => {
+          logout()
+          router.push("/login")
+        }
+      }
+    ]
+]
+</script>
+
+<template>
+  <UCard id="page">
+    <template #header>
+      <div id="menu">
+        <router-link to="/tasks" class="mr-2"><UButton>Aufgaben</UButton></router-link>
+        <router-link to="/customers" class="mr-2"><UButton>Kunden</UButton></router-link>
+        <router-link to="/projects" class="mr-2"><UButton>Projekte</UButton></router-link>
+        <router-link to="/vendorinvoices" class="mr-2"><UButton>Eingangsrechnungen</UButton></router-link>
+        <router-link to="/timetracking" class="mr-2"><UButton>Zeiterfassung</UButton></router-link>
+        <router-link to="/products" class="mr-2"><UButton>Artikel</UButton></router-link>
+        <router-link to="/documents" class="mr-2"><UButton>Dokumente</UButton></router-link>
+        <router-link to="/inventory" class="mr-2"><UButton>Inventar</UButton></router-link>
+        <UDropdown :items="userDropdownItems" :popper="{placement: 'bottom-start'}">
+          <UButton color="white" label="Benutzer" trailing-icon="i-heroicons-chevron-down-20-solid" />
+        </UDropdown>
+      </div>
+    </template>
+    <NuxtPage/>
+  </UCard>
+</template>
+
+<style >
+
+  #page {
+    width: 98vw;
+    height: 95vh;
+    margin:1em;
+  }
+
+  .listItem {
+    padding: .1em;
+    border: 1px solid grey;
+    border-radius: 15px;
+    margin-top: 1em;
+  }
+  .listItem:hover {
+    border: 1px solid #69c350;
+  }
+
+</style>