kamilniemczycki/toby
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Activity

wip

Browse Source
This commit is contained in:
Adrian Hopek 2022-04-06 10:13:36 +02:00
parent 84b1805015
commit 2a574bec62
3 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/css/app.css
View File

@ -68,4 +68,3 @@
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: #dadce0; background: #dadce0;
} }

20
resources/js/Pages/AnnualSummary.vue
View File

@ -28,7 +28,7 @@
v-for="(day, dayIdx) in month.days" v-for="(day, dayIdx) in month.days"
:key="dayIdx" :key="dayIdx"
> >
<div <button
v-if="day.isCurrentMonth" v-if="day.isCurrentMonth"
:class="[day.isVacation && `${getVacationBorder(day.date)}`, day.isPendingVacation && `border-dashed mx-0.5 ${getPendingVacationBorder(day.date)}`, !day.isVacation && !day.isPendingVacation && 'border-transparent', 'relative bg-white hover:bg-gray-100 border-b-4 py-1.5 focus:z-10 font-medium']" :class="[day.isVacation && `${getVacationBorder(day.date)}`, day.isPendingVacation && `border-dashed mx-0.5 ${getPendingVacationBorder(day.date)}`, !day.isVacation && !day.isPendingVacation && 'border-transparent', 'relative bg-white hover:bg-gray-100 border-b-4 py-1.5 focus:z-10 font-medium']"
> >
@ -37,11 +37,19 @@
{{ day.date.day }} {{ day.date.day }}
</time> </time>
</div> </div>
<InertiaLink <Popper
:href="`/vacation/requests/${dayIdx}`" v-if="day.isHoliday || day.isVacation || day.isPendingVacation"
class="absolute inset-0" hover
/> >
<button class="absolute inset-0" />
<template #content>
<div class="py-2 px-4 text-gray-900 bg-white rounded-md shadow-md text-md">
{{ dayIdx }}
</div> </div>
</template>
</Popper>
</button>
<div <div
v-else v-else
:class="['bg-gray-50 text-gray-400 border-b-4 border-transparent py-1.5 w-full focus:z-10 font-medium']" :class="['bg-gray-50 text-gray-400 border-b-4 border-transparent py-1.5 w-full focus:z-10 font-medium']"
@ -63,7 +71,7 @@
import { DateTime } from 'luxon' import { DateTime } from 'luxon'
import useVacationTypeInfo from '@/Composables/vacationTypeInfo' import useVacationTypeInfo from '@/Composables/vacationTypeInfo'
import useCurrentYearPeriodInfo from '@/Composables/yearPeriodInfo' import useCurrentYearPeriodInfo from '@/Composables/yearPeriodInfo'
import Popper from 'vue3-popper'
const props = defineProps({ const props = defineProps({
holidays: Object, holidays: Object,
vacations: Object, vacations: Object,

5
resources/js/Shared/VacationBar.vue
View File

@ -1,8 +1,5 @@
<template> <template>
<Popper <Popper hover>
hover
class="w-full h-full"
>
<div class="flex text-white bg-white"> <div class="flex text-white bg-white">
<div <div
v-show="stats.used > 0" v-show="stats.used > 0"