You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
825 B
39 lines
825 B
<script setup>
|
|
import { useCalendarReminders } from "../../composables/calendar/calendarReminders"
|
|
import BaseIcon from "../basecomponents/BaseIcon.vue"
|
|
|
|
const { decodeDateInterval } = useCalendarReminders()
|
|
|
|
defineProps({
|
|
event: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
v-if="event.reminders && event.reminders.length > 0"
|
|
class="reminders-info"
|
|
>
|
|
<h6
|
|
v-t="'Notification to remind the event'"
|
|
class="reminders-info__title"
|
|
/>
|
|
|
|
<ul class="reminders-info__list">
|
|
<li
|
|
v-for="(reminder, i) in event.reminders"
|
|
:key="i"
|
|
class="reminders-info__item"
|
|
>
|
|
<BaseIcon
|
|
icon="event-reminder"
|
|
size="small"
|
|
/>
|
|
{{ decodeDateInterval(reminder) }}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
|