This commit is contained in:
2023-12-04 20:24:01 +01:00
parent 68a5775717
commit ef9105e286
9 changed files with 443 additions and 134 deletions

View File

@@ -19,46 +19,46 @@ fetchData()
const navLinks = [
{
label: "Home",
link: "",
to: "/",
icon: 'i-heroicons-home'
},
{
label: "Aufgaben",
link: "tasks",
to: "/tasks",
icon: "i-heroicons-rectangle-stack"
},
{
label: "Plantafel",
link: "planningBoard",
to: "/planningBoard",
icon: "i-heroicons-calendar-days"
},
{
label: "Kunden",
link: "customers",
to: "/customers",
icon: "i-heroicons-user-group"
},
{
label: "Projekte",
link: "projects",
to: "/projects",
icon: "i-heroicons-clipboard-document-check"
},
{
label: "Zeiterfassung",
link: "timetracking",
to: "/timetracking",
icon: "i-heroicons-clock"
},
{
label: "Artikel",
link: "products"
to: "/products"
},
{
label: "Dokumente",
link: "documents",
to: "/documents",
icon: "i-heroicons-document"
},
{
label: "Inventar",
link: "inventory"
to: "/inventory"
}
]
@@ -121,49 +121,117 @@ const userDropdownItems = [
}
]
]
useHead({
meta: [
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }
],
link: [
{ rel: 'icon', href: '/favicon.ico' }
],
htmlAttrs: {
lang: 'de'
}
})
useSeoMeta({
ogSiteName: 'spaces.software',
twitterCard: 'summary_large_image'
})
</script>
<template>
<UCard id="page">
<template #header>
<div id="menu">
<router-link
v-for="link in navLinks"
:to="'/' + link.link"
class="mr-2"
>
<UButton>{{link.label}}</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>
<UBreadcrumb
class="my-3"
:links="linksForBreadcrumbs"
/>
<UHeader :links="navLinks">
<template #right>
<UColorModeButton/>
</template>
</UHeader>
<div class="m-3" id="contentContainer">
<NuxtPage
v-if="loaded"
v-if="loaded"
/>
<div
v-else
>
<UProgress animation="carousel" />
</div>
</UCard>
</div>
<!-- <UFooter>
<template #left>
<p class="text-gray-500 dark:text-gray-400 text-sm">
Copyright © 2023-{{ new Date().getFullYear() }} <NuxtLink class="hover:underline" to="https://federspiel.tech" target="_blank">
Federspiel Technolog UG haftungsbeschränkt
</NuxtLink>
</p>
</template>
<template #right>
</template>
</UFooter>-->
<UNotifications/>
<!-- <UCard id="page">
<template #header>
<div id="menu">
<router-link
v-for="link in navLinks"
:to="link.to"
class="mr-2"
>
<UButton>{{link.label}}</UButton>
</router-link>
&lt;!&ndash;<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>&ndash;&gt;
<UDropdown :items="userDropdownItems" :popper="{placement: 'bottom-start'}">
<UButton color="white" label="Benutzer" trailing-icon="i-heroicons-chevron-down-20-solid" />
</UDropdown>
</div>
<UBreadcrumb
class="my-3"
:links="linksForBreadcrumbs"
/>
</template>
<NuxtPage
v-if="loaded"
/>
<div
v-else
>
<UProgress animation="carousel" />
</div>
</UCard>-->
</template>
<style >
<style>
#contentContainer {
width: 95vw;
height: 85vh;
}
.scrollList {
overflow-y: scroll;
height: 85vh;
margin-top: 1em;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.scrollList::-webkit-scrollbar {
display: none;
}
#page {
width: 98vw;