26 lines
711 B
Vue
26 lines
711 B
Vue
<script lang="ts" setup>
|
|
import { PhTag } from "@phosphor-icons/vue"
|
|
|
|
const { toggleCategoriesModal } = useCalendar()
|
|
const { isReadOnly } = storeToRefs(useCalendar())
|
|
</script>
|
|
|
|
<template>
|
|
<UiTooltipProvider :delay-duration="250">
|
|
<UiTooltip>
|
|
<UiTooltipTrigger as-child>
|
|
<ClientOnly>
|
|
<UiButton v-if="!isReadOnly" variant="secondary" size="icon" @click="toggleCategoriesModal(true)">
|
|
<PhTag size="20" weight="light" />
|
|
</UiButton>
|
|
</ClientOnly>
|
|
</UiTooltipTrigger>
|
|
<UiTooltipContent>
|
|
<p>
|
|
{{ $t('entity.calendar.seeCategories') }}
|
|
</p>
|
|
</UiTooltipContent>
|
|
</UiTooltip>
|
|
</UiTooltipProvider>
|
|
</template>
|