enhance: double confirm deletion for newsletter dates

This commit is contained in:
Julian Krauser 2025-05-21 10:33:24 +02:00
parent 2ce66da1d1
commit d11f0d50c6

View file

@ -37,11 +37,15 @@
})
}}
</p>
<TrashIcon
<DoubleConfirmClick
v-if="can('create', 'club', 'newsletter')"
class="w-5 h-5 p-1 box-content cursor-pointer text-white"
@click.prevent="removeSelected(item.calendarId)"
/>
light
v-slot="{ isSensitive }"
@click:submit="removeSelected(item.calendarId)"
>
<TrashIcon v-if="!isSensitive" class="h-5 w-5" />
<TrashIconSolid v-else class="h-5 w-5" />
</DoubleConfirmClick>
</summary>
<div class="flex flex-col gap-2 px-1">
<input
@ -111,8 +115,10 @@ import { useAbilityStore } from "@/stores/ability";
import { useCalendarStore } from "@/stores/admin/club/calendar";
import type { CalendarViewModel } from "@/viewmodels/admin/club/calendar.models";
import { TrashIcon } from "@heroicons/vue/24/outline";
import { TrashIcon as TrashIconSolid } from "@heroicons/vue/24/solid";
import cloneDeep from "lodash.clonedeep";
import type { NewsletterDatesViewModel } from "@/viewmodels/admin/club/newsletter/newsletterDates.models";
import DoubleConfirmClick from "@/components/DoubleConfirmClick.vue";
</script>
<script lang="ts">