generated from Flycro/laravel-nuxt
feat: Modal to Delete BookRecommendations
parent
1a836b71f0
commit
cbc54210f0
|
|
@ -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"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue