Uniformed event query date jump handlers for callouts
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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)"
|
||||||
|
|||||||
Reference in New Issue
Block a user