b49fcadbba
* #99 - ui changes * #99 - logo fix * #99 - tailwind plugin for eslint * #99 - fix * #99 - fix * #99 - fix pagination * #99 - fix logo Co-authored-by: EwelinaLasowy <ewelina.lasowy@blumilk.pl>
40 lines
1.2 KiB
Vue
40 lines
1.2 KiB
Vue
<template>
|
|
<InertiaHead title="Strona główna" />
|
|
<div class="grid grid-cols-1 gap-4 items-start xl:grid-cols-3 xl:gap-8">
|
|
<div class="grid grid-cols-1 gap-4 xl:col-span-2">
|
|
<Welcome :user="auth.user" />
|
|
<VacationStats :stats="stats" />
|
|
</div>
|
|
<div class="grid grid-cols-1 gap-4">
|
|
<PendingVacationRequests
|
|
v-if="can.listAllVacationRequests"
|
|
:requests="vacationRequests.data"
|
|
/>
|
|
<UserVacationRequests
|
|
v-else
|
|
:requests="vacationRequests.data"
|
|
/>
|
|
<AbsenceList :absences="absences.data" />
|
|
<UpcomingHolidays :holidays="holidays.data" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import Welcome from '@/Shared/Widgets/Welcome'
|
|
import VacationStats from '@/Shared/Widgets/VacationStats'
|
|
import AbsenceList from '@/Shared/Widgets/AbsenceList'
|
|
import UpcomingHolidays from '@/Shared/Widgets/UpcomingHolidays'
|
|
import UserVacationRequests from '@/Shared/Widgets/UserVacationRequests'
|
|
import PendingVacationRequests from '@/Shared/Widgets/PendingVacationRequests'
|
|
|
|
defineProps({
|
|
auth: Object,
|
|
absences: Object,
|
|
vacationRequests: Object,
|
|
holidays: Object,
|
|
can: Object,
|
|
stats: Object,
|
|
})
|
|
</script>
|