dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: simplify order show page header by removing print, edit, and status action buttons

Browse Source
This commit is contained in:
Yoga Pangestu 2026-06-29 10:15:59 +07:00
parent fbd8348597
commit 368cb66bf4
1 changed files with 2 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
resources/js/pages/admin/manage/orders/Show.vue
View File

@ -7,15 +7,15 @@ import {
Pencil, Pencil,
Phone, Phone,
Receipt, Receipt,
Trash2,
User, User,
} from '@lucide/vue'; } from '@lucide/vue';
import { computed, ref } from 'vue'; import { computed, ref } from 'vue';
import { toast } from 'vue-sonner'; import { toast } from 'vue-sonner';
import BackButton from '@/components/button/BackButton.vue';
import { RowDeleteAction, RowDetailAction, RowEditAction, RowStatusAction } from '@/components/button'; import { RowDeleteAction, RowDetailAction, RowEditAction, RowStatusAction } from '@/components/button';
import ConfirmDialog from '@/components/ConfirmDialog.vue'; import ConfirmDialog from '@/components/ConfirmDialog.vue';
import OrderPrintButton from '@/components/order/OrderPrintButton.vue';
import { Badge } from '@/components/ui/badge'; import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Separator } from '@/components/ui/separator'; import { Separator } from '@/components/ui/separator';
import { import {
@ -187,37 +187,9 @@ const feeEntries = computed(() => {
<h2 class="text-2xl font-bold tracking-tight"> <h2 class="text-2xl font-bold tracking-tight">
Detail Pesanan Detail Pesanan
</h2> </h2>
<p class="text-muted-foreground text-sm">
{{ order.order_number }}
</p>
</div> </div>
<div class="flex shrink-0 items-center gap-2 self-start sm:self-center"> <div class="flex shrink-0 items-center gap-2 self-start sm:self-center">
<OrderPrintButton :order="order as any" />
<template v-for="action in order.available_actions" :key="action.status">
<Button v-if="canPerformAction(action)" size="sm"
:variant="action.destructive ? 'outline' : 'default'"
:class="action.destructive ? 'text-destructive hover:text-destructive' : ''"
@click="openStatusConfirm(action)">
<component :is="orderStatusActionIcon(action.status)" class="size-3.5" />
{{ action.label }}
</Button>
</template>
<Button v-if="canEdit" variant="outline" size="sm" as-child>
<Link :href="edit.url(props.order.id)">
<Pencil class="size-3.5" />
Ubah
</Link>
</Button>
<Button v-if="canDelete" variant="outline" size="sm" class="text-destructive hover:text-destructive"
@click="deleteConfirmOpen = true">
<Trash2 class="size-3.5" />
Hapus
</Button>
<BackButton :href="index.url()" /> <BackButton :href="index.url()" />
</div> </div>
</div> </div>