Restructured Project Rep
This commit is contained in:
84
pages/index.vue
Normal file
84
pages/index.vue
Normal file
@@ -0,0 +1,84 @@
|
||||
<template>
|
||||
<UDashboardPage>
|
||||
<UDashboardPanel grow>
|
||||
<UDashboardNavbar title="Home">
|
||||
<template #right>
|
||||
<UTooltip text="Notifications" :shortcuts="['N']">
|
||||
<UButton color="gray" variant="ghost" square @click="isNotificationsSlideoverOpen = true">
|
||||
<UChip color="red" inset>
|
||||
<UIcon name="i-heroicons-bell" class="w-5 h-5" />
|
||||
</UChip>
|
||||
</UButton>
|
||||
</UTooltip>
|
||||
|
||||
<!-- <UDropdown :items="items">
|
||||
<UButton icon="i-heroicons-plus" size="md" class="ml-1.5 rounded-full" />
|
||||
</UDropdown>-->
|
||||
</template>
|
||||
</UDashboardNavbar>
|
||||
|
||||
<!-- <UDashboardToolbar>
|
||||
<template #left>
|
||||
<!– ~/components/home/HomeDateRangePicker.vue –>
|
||||
<!– <HomeDateRangePicker v-model="range" class="-ml-2.5" />–>
|
||||
|
||||
<!– ~/components/home/HomePeriodSelect.vue –>
|
||||
<!– <HomePeriodSelect v-model="period" :range="range" />–>
|
||||
</template>
|
||||
</UDashboardToolbar>-->
|
||||
|
||||
<UDashboardPanelContent>
|
||||
<UDashboardCard
|
||||
title="Anwesenheiten"
|
||||
v-if="dataStore.getStartedWorkingTimes().length > 0"
|
||||
>
|
||||
<p v-for="time in dataStore.getStartedWorkingTimes()"><UIcon name="i-heroicons-check"/>{{dataStore.getProfileById(time.profile).fullName}}</p>
|
||||
</UDashboardCard>
|
||||
|
||||
</UDashboardPanelContent>
|
||||
</UDashboardPanel>
|
||||
</UDashboardPage>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
definePageMeta({
|
||||
middleware: "auth"
|
||||
})
|
||||
|
||||
const dataStore = useDataStore()
|
||||
|
||||
const { isNotificationsSlideoverOpen } = useDashboard()
|
||||
const items = [[{
|
||||
label: 'Aufgabe',
|
||||
icon: 'i-heroicons-paper-airplane',
|
||||
to: '/tasks/create'
|
||||
}, {
|
||||
label: 'Kunde',
|
||||
icon: 'i-heroicons-user-plus',
|
||||
to: '/customers/create'
|
||||
}]]
|
||||
|
||||
|
||||
const {getOpenTasksCount} = useDataStore()
|
||||
const openTasks = getOpenTasksCount
|
||||
|
||||
const supabase = useSupabaseClient()
|
||||
|
||||
const user = useSupabaseUser()
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/*.cardHolder {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.card{
|
||||
width: 22vw;
|
||||
height: 40vh;
|
||||
border: 1px solid white
|
||||
}*/
|
||||
</style>
|
||||
Reference in New Issue
Block a user