9539ff7042
- Deleted `data-table-actions.vue` component as it is no longer needed. - Removed `CuttingResultPriceItem` type and related properties from `cutting.ts`. - Updated routes in `web.php` to eliminate stock verification routes and permissions. - Removed `StockTest.php` file and its associated tests for stock verification and management. - Adjusted `CuttingTest.php` to reflect changes in cutting results handling and removed references to product variants.
104 lines
3.5 KiB
Vue
104 lines
3.5 KiB
Vue
<script setup lang="ts">
|
|
import { router } from '@inertiajs/vue3';
|
|
import { computed, ref } from 'vue';
|
|
import { toast } from 'vue-sonner';
|
|
import { RowDeleteAction, RowEditAction, RowShareAction, RowStatusAction } from '@/components/button';
|
|
import ConfirmDialog from '@/components/ConfirmDialog.vue';
|
|
import { useCan } from '@/composables/useCan';
|
|
import {
|
|
cuttingStatusActionIcon,
|
|
CuttingStatus,
|
|
cuttingStatusTransitionConfirmDescription,
|
|
} from '@/constants/cutting-status';
|
|
import { edit, destroy, transition_status } from '@/routes/admin/manage/cuttings';
|
|
import type { CuttingListItem, CuttingStatusAction } from '@/types/cutting';
|
|
|
|
const props = defineProps<{
|
|
cutting: CuttingListItem;
|
|
}>();
|
|
|
|
const { can } = useCan();
|
|
|
|
const statusConfirmOpen = ref(false);
|
|
const statusProcessing = ref(false);
|
|
const pendingAction = ref<CuttingStatusAction | null>(null);
|
|
|
|
const availableActions = computed(() => props.cutting.available_actions ?? []);
|
|
|
|
const canEdit = computed(
|
|
() => props.cutting.is_editable && can('cuttings.update'),
|
|
);
|
|
const canDelete = computed(
|
|
() => can('cuttings.delete') && (props.cutting.status === CuttingStatus.IN_PROGRESS),
|
|
);
|
|
|
|
function canPerformAction(action: CuttingStatusAction): boolean {
|
|
return can(action.permission);
|
|
}
|
|
|
|
function statusConfirmDescription(action: CuttingStatusAction): string {
|
|
return cuttingStatusTransitionConfirmDescription(action.status);
|
|
}
|
|
|
|
function openStatusConfirm(action: CuttingStatusAction) {
|
|
pendingAction.value = action;
|
|
statusConfirmOpen.value = true;
|
|
}
|
|
|
|
function transitionStatus() {
|
|
if (!pendingAction.value) {
|
|
return;
|
|
}
|
|
|
|
statusProcessing.value = true;
|
|
|
|
router.post(
|
|
transition_status.url(props.cutting.id),
|
|
{
|
|
status: pendingAction.value.status,
|
|
},
|
|
{
|
|
preserveScroll: true,
|
|
onSuccess: () => {
|
|
statusConfirmOpen.value = false;
|
|
pendingAction.value = null;
|
|
},
|
|
onError: (errors: Record<string, string>) => {
|
|
if (errors.system) {
|
|
toast.error(errors.system);
|
|
}
|
|
},
|
|
onFinish: () => {
|
|
statusProcessing.value = false;
|
|
},
|
|
},
|
|
);
|
|
}
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-wrap items-center justify-end gap-1">
|
|
<template v-for="action in availableActions" :key="action.status">
|
|
<RowStatusAction v-if="canPerformAction(action)" :size="'sm'" :icon="cuttingStatusActionIcon(action.status)"
|
|
:label="action.label" :destructive="action.destructive" @click="openStatusConfirm(action)" />
|
|
</template>
|
|
|
|
<RowShareAction :cutting="cutting" tooltip="Bagikan Data" />
|
|
|
|
<RowEditAction v-if="canEdit" :href="edit.url(cutting.id)" />
|
|
|
|
<template v-if="canDelete">
|
|
<RowDeleteAction :action-url="destroy.url(cutting.id)" title="Hapus cutting?"
|
|
description="Data cutting ini akan dihapus permanen." error-message="Gagal menghapus cutting." />
|
|
</template>
|
|
</div>
|
|
|
|
<ConfirmDialog v-model:open="statusConfirmOpen" :title="pendingAction
|
|
? `${pendingAction.label} cutting?`
|
|
: 'Ubah status cutting?'
|
|
" :description="pendingAction ? statusConfirmDescription(pendingAction) : ''
|
|
" :confirm-label="pendingAction?.label ?? 'Konfirmasi'" cancel-label="Batal"
|
|
:destructive="pendingAction?.destructive ?? false" :loading="statusProcessing" @confirm="transitionStatus" />
|
|
</template>
|