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>
import { getRelativeString } from '@/models/Date'
import { getRelativeString, type LeimDate } from '@/models/Date'
import type { CalendarEvent } from '@/models/Events'
import { useCalendar } from '@/stores/CalendarStore'
@@ -11,6 +11,10 @@ defineProps<{
event: CalendarEvent
}>()
defineEmits<{
(e: 'query:date-jump', payload: LeimDate): void
}>()
const { defaultDate, getFormattedDateTitle } = useCalendar()
</script>
@@ -37,6 +41,7 @@ const { defaultDate, getFormattedDateTitle } = useCalendar()
'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
'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">
<h2 class="font-bold">

View File

@@ -62,7 +62,7 @@ const pagedResults = computed(() => sortedResults.value.slice(props.startAt, pro
<template>
<ul class="grid gap-4">
<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
v-else-if="isCharacter(r)"