Changes
This commit is contained in:
156
spaces/app.vue
156
spaces/app.vue
@@ -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>
|
||||
<!–<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"
|
||||
/>
|
||||
</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;
|
||||
|
||||
Reference in New Issue
Block a user