quirinecker/dayplanner
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

selected date is marked in the big calendar

Browse Source
This commit is contained in:
quirinecker
2025-05-14 19:58:43 +02:00
parent 19ffe7c7af
commit 62a401fd10
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/ui/calendar/Calendar.vue
View File

@@ -113,7 +113,7 @@ function quickCreate(date: DateTime, timespan: Timespan) {
<CalendarHeader :seperators="seperators" /> <CalendarHeader :seperators="seperators" />
<CalendarCollumn v-for="day in days" :seperators="seperators" :day="day.date" :events="day.events" <CalendarCollumn v-for="day in days" :seperators="seperators" :day="day.date" :events="day.events"
v-model:draggedEvent="draggedEvent" @quick-create="quickCreate" /> :date="date" v-model:draggedEvent="draggedEvent" @quick-create="quickCreate" />
</div> </div>
</div> </div>

5
web/components/ui/calendar/CalendarCollumn.vue
View File

@@ -4,11 +4,13 @@ import CalendarSeperator from './CalendarSeperator.vue';
import CalendarEvent from './CalendarEvent.vue'; import CalendarEvent from './CalendarEvent.vue';
import { Event } from '~/utils/event'; import { Event } from '~/utils/event';
import type { DateTime } from 'luxon'; import type { DateTime } from 'luxon';
import { UBadge } from '#components';
const props = defineProps<{ const props = defineProps<{
seperators: Seperator[], seperators: Seperator[],
day: DateTime day: DateTime
events: CollissionWrapper[][] events: CollissionWrapper[][]
date: DateTime
}>() }>()
const emit = defineEmits<{ const emit = defineEmits<{
@@ -94,7 +96,8 @@ function dragDrop(_: DragEvent) {
<div class="flex flex-col h-full grow"> <div class="flex flex-col h-full grow">
<div class="flex justify-center items-center flex-col h-18 border-b-1 border-muted"> <div class="flex justify-center items-center flex-col h-18 border-b-1 border-muted">
<div>{{ props.day.toFormat('ccc').toUpperCase() }}</div> <div>{{ props.day.toFormat('ccc').toUpperCase() }}</div>
<div>{{ props.day.day }}</div> <UBadge class="rounded-full" v-if="date.startOf('day').equals(day.startOf('day'))">{{ props.day.day }}</UBadge>
<div v-else>{{ props.day.day }}</div>
</div> </div>
<div id="col" ref="column" @mousedown="mousedown" @mouseup="mouseup" @mousemove="mouseover" @dragover="dragover" <div id="col" ref="column" @mousedown="mousedown" @mouseup="mouseup" @mousemove="mouseover" @dragover="dragover"