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

View File

@ -5,13 +5,19 @@ const props = defineProps<{
row: { row: {
id: number id: number
book_name: string book_name: string
recommender: {
ulid: string
}
} }
}>() }>()
const authStore = useAuthStore()
const isOpen = ref(false) const isOpen = ref(false)
const bookRecommendationStore = useBookRecommendationStore() 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', method: 'DELETE',
immediate: false, immediate: false,
watch: false, watch: false,
@ -31,7 +37,7 @@ const { refresh: onDelete, status } = useFetch<any>(`book-recommendations/${prop
</script> </script>
<template> <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 <UDashboardModal
v-model="isOpen" v-model="isOpen"
title="Buch Empfehlung löschen" title="Buch Empfehlung löschen"