store/resources/js/pages/admin/master/suppliers/table/data-table-actions.vue

26 lines
899 B
Vue

<script setup lang="ts">
import { RowDeleteAction, RowEditAction } from '@/components/button';
import { useCan } from '@/composables/useCan';
import type { SupplierListItem } from '@/types/supplier';
import { destroy } from '@/routes/admin/master/suppliers';
defineProps<{
supplier: SupplierListItem;
}>();
const emit = defineEmits<{
edit: [supplier: SupplierListItem];
}>();
const { can } = useCan();
</script>
<template>
<div class="flex items-center justify-end gap-1">
<RowEditAction v-if="can('suppliers.update')" @click="emit('edit', supplier)" />
<RowDeleteAction v-if="can('suppliers.delete')" :action-url="destroy.url(supplier.id)" title="Hapus supplier?"
:description="`Supplier ${supplier.name} akan dihapus secara permanen. Tindakan ini tidak dapat dibatalkan.`"
error-message="Gagal menghapus supplier." />
</div>
</template>