Uniformed event query date jump handlers for callouts

This commit is contained in:
Alexis
2024-05-01 15:34:02 +02:00
parent 3bd3dc577e
commit cbc3b0b013
2 changed files with 7 additions and 2 deletions

View File

@@ -1,5 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import { getRelativeString } from '@/models/Date' import { getRelativeString, type LeimDate } from '@/models/Date'
import type { CalendarEvent } from '@/models/Events' import type { CalendarEvent } from '@/models/Events'
import { useCalendar } from '@/stores/CalendarStore' import { useCalendar } from '@/stores/CalendarStore'
@@ -11,6 +11,10 @@ defineProps<{
event: CalendarEvent event: CalendarEvent
}>() }>()
defineEmits<{
(e: 'query:date-jump', payload: LeimDate): void
}>()
const { defaultDate, getFormattedDateTitle } = useCalendar() const { defaultDate, getFormattedDateTitle } = useCalendar()
</script> </script>
@@ -37,6 +41,7 @@ const { defaultDate, getFormattedDateTitle } = useCalendar()
'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité', 'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale' 'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale'
}" }"
@click="$emit('query:date-jump', event.startDate)"
> >
<div class="flex gap-2 items-center"> <div class="flex gap-2 items-center">
<h2 class="font-bold"> <h2 class="font-bold">

View File

@@ -62,7 +62,7 @@ const pagedResults = computed(() => sortedResults.value.slice(props.startAt, pro
<template> <template>
<ul class="grid gap-4"> <ul class="grid gap-4">
<li v-for="r in pagedResults" :key="isCalendarEvent(r) ? r.title : r.name"> <li v-for="r in pagedResults" :key="isCalendarEvent(r) ? r.title : r.name">
<EventCallout v-if="isCalendarEvent(r)" @click="handleJumpToDate(r.startDate)" :event="r" /> <EventCallout v-if="isCalendarEvent(r)" :event="r" @query:date-jump="handleJumpToDate" />
<CharacterCallout <CharacterCallout
v-else-if="isCharacter(r)" v-else-if="isCharacter(r)"