Ehrenamt/ff-admin
2
0
Fork 0
Code Issues 16 Pull requests Projects Releases 24 Packages Wiki Activity Actions

enhance: double confirm deletion for newsletter dates

Browse source
This commit is contained in:
Julian Krauser 2025-05-21 10:33:24 +02:00
parent 2ce66da1d1
commit d11f0d50c6
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/views/admin/club/newsletter/NewsletterDates.vue
View file

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