Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed layout for hidden events somewhat

Browse Source
This commit is contained in:
Alexis
2024-08-21 18:45:24 +02:00
parent 9f4f30cebe
commit 73ff951a10
3 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/calendar/CalendarEventDetails.vue
View File

@@ -135,7 +135,7 @@ function deployDeleteModal() {
</template>
</div>
<menu class="absolute top-4 right-4">
<menu class="absolute top-4 right-4" :class="cn({ 'top-6': event.hidden })">
<UiPopover v-model:open="commandMenuOpened">
<UiPopoverTrigger as-child>
<UiButton size="icon" variant="ghost">

33
components/calendar/search/lists/EventCallout.vue
View File

@@ -45,18 +45,32 @@ const dateDuration: string | null = props.event.endDate
</div>
</div>
<div class="mb-1">
<div class="flex gap-2 items-center justify-between mb-1">
<template v-if="!event.endDate">
<p class="col-span-2 font-semibold text-sm opacity-75">
<p class="font-semibold text-sm opacity-75">
{{ getFormattedDateTitle(event.startDate, true) }}
</p>
</template>
<template v-else>
<p class="col-span-2 font-semibold text-sm opacity-75">
<p class="font-semibold text-sm opacity-75">
Du {{ getFormattedDateTitle(event.startDate, true) }} au
{{ getFormattedDateTitle(event.endDate, true) }}
</p>
</template>
<div v-if="event.hidden" class="flex justify-end">
<UiTooltipProvider :delay-duration="250">
<UiTooltip>
<UiTooltipTrigger as-child>
<UiBadge class="flex gap-1 border-[1px] border-slate-900 hover:bg-slate-300 hover:opacity-100">
<PhEye size="16" weight="fill" /> Évènement privé
</UiBadge>
</UiTooltipTrigger>
<UiTooltipContent>
<p>Cet évènement est uniquement visible pour vous</p>
</UiTooltipContent>
</UiTooltip>
</UiTooltipProvider>
</div>
</div>
<div class="mb-1 flex gap-x-2 items-center">
@@ -97,18 +111,5 @@ const dateDuration: string | null = props.event.endDate
{{ event.description }}
</span>
</div>
<UiTooltipProvider v-if="event.hidden" :delay-duration="250">
<UiTooltip>
<UiTooltipTrigger as-child>
<UiBadge class="absolute -top-2 left-2 flex gap-1 border-[1px] border-slate-900 hover:bg-slate-300 hover:opacity-100">
<PhEye size="16" weight="fill" /> Évènement privé
</UiBadge>
</UiTooltipTrigger>
<UiTooltipContent>
<p>Cet évènement est uniquement visible pour vous</p>
</UiTooltipContent>
</UiTooltip>
</UiTooltipProvider>
</button>
</template>

4
pages/i/calendar/[id].vue
View File

@@ -18,9 +18,9 @@ const route = useRoute()
const id = route.params.id
const calendarStore = useCalendar()
const { pending: calendarPending } = await useAsyncData('calendar', async () => await calendarStore.fetchCalendar(Number(id)))
await useAsyncData('calendar', async () => await calendarStore.fetchCalendar(Number(id)))
</script>
<template>
<Calendar v-if="!calendarPending" />
<LazyCalendar />
</template>