enhance: double confirm deletion for newsletter dates
This commit is contained in:
parent
2ce66da1d1
commit
d11f0d50c6
1 changed files with 10 additions and 4 deletions
|
@ -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">
|
||||
|
|
Loading…
Add table
Reference in a new issue