Flycro
/
bookclub-manager
generated from Flycro/laravel-nuxt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Modal to Delete BookRecommendations

main
Flycro 2024-03-20 18:08:31 +01:00
parent 1a836b71f0
commit cbc54210f0
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
nuxt/components/modal/DeleteBookRecommendation.vue
View File

@ -5,13 +5,19 @@ const props = defineProps<{
row: {
id: number
book_name: string
recommender: {
ulid: string
}
}
}>()
const authStore = useAuthStore()
const isOpen = ref(false)
const bookRecommendationStore = useBookRecommendationStore()
const { refresh: onDelete, status } = useFetch<any>(`book-recommendations/${props.row.id}`, {
const { refresh: onDelete, status } = useFetch<any>(() => `book-recommendations/${props.row.id}`, {
method: 'DELETE',
immediate: false,
watch: false,
@ -31,7 +37,7 @@ const { refresh: onDelete, status } = useFetch<any>(`book-recommendations/${prop
</script>
<template>
<UButton icon="i-heroicons-trash" size="sm" color="red" variant="solid" square @click="isOpen = true" />
<UButton v-if="authStore.user.roles.includes('admin')" class="transition-150 transform-gpu hover:scale-110" icon="i-heroicons-trash" size="sm" color="red" variant="solid" square @click="isOpen = true" />
<UDashboardModal
v-model="isOpen"
title="Buch Empfehlung löschen"