feat(admin): update B2B PDF, mail and admin table
- format PDF order number as AE- and add upgrade flags - style status emails with sleek modern dark theme - add badge counts to admin table status filter buttons - implement preiskorrektur inline editing inside admin detail modal - trigger DB and total price recalculations on snapshot changes
This commit is contained in:
DanielS
@@ -40,7 +40,7 @@ import {
|
||||
DialogDescription,
|
||||
DialogFooter,
|
||||
} from "@/components/ui/dialog";
|
||||
import { updateOrderStatus, rejectOrder } from "@/lib/actions/orders";
|
||||
import { updateOrderStatus, rejectOrder, updateOrderPayload } from "@/lib/actions/orders";
|
||||
|
||||
interface OrdersTableProps {
|
||||
initialOrders: any[];
|
||||
@@ -83,6 +83,102 @@ export function OrdersTable({ initialOrders }: OrdersTableProps) {
|
||||
const [rejectionReason, setRejectionReason] = useState("");
|
||||
const [isSubmittingReject, setIsSubmittingReject] = useState(false);
|
||||
|
||||
// Preiskorrektur States
|
||||
const [isEditingSnapshot, setIsEditingSnapshot] = useState(false);
|
||||
const [editedSnapshot, setEditedSnapshot] = useState<any | null>(null);
|
||||
const [isSavingSnapshot, setIsSavingSnapshot] = useState(false);
|
||||
|
||||
// Initialize editedSnapshot when selectedOrder changes
|
||||
useEffect(() => {
|
||||
if (selectedOrder) {
|
||||
setEditedSnapshot(JSON.parse(JSON.stringify(selectedOrder.order_data || {})));
|
||||
setIsEditingSnapshot(false);
|
||||
} else {
|
||||
setEditedSnapshot(null);
|
||||
setIsEditingSnapshot(false);
|
||||
}
|
||||
}, [selectedOrder]);
|
||||
|
||||
const updateItemBasePrice = (itemIdx: number, newPrice: number) => {
|
||||
if (!editedSnapshot) return;
|
||||
const updatedItems = [...editedSnapshot.items];
|
||||
const item = { ...updatedItems[itemIdx] };
|
||||
item.base_price = newPrice;
|
||||
|
||||
const moduleTotal = (item.selected_modules || []).reduce((acc: number, m: any) => acc + (m.total_price ?? (m.price * (m.quantity || 1))), 0);
|
||||
item.item_total = newPrice + moduleTotal;
|
||||
|
||||
updatedItems[itemIdx] = item;
|
||||
recalculateSnapshot(updatedItems);
|
||||
};
|
||||
|
||||
const updateModulePriceOrQty = (itemIdx: number, modIdx: number, field: 'price' | 'quantity', value: number) => {
|
||||
if (!editedSnapshot) return;
|
||||
const updatedItems = [...editedSnapshot.items];
|
||||
const item = { ...updatedItems[itemIdx] };
|
||||
const updatedModules = [...(item.selected_modules || [])];
|
||||
const mod = { ...updatedModules[modIdx] };
|
||||
|
||||
if (field === 'price') {
|
||||
mod.price = value;
|
||||
} else {
|
||||
mod.quantity = value;
|
||||
}
|
||||
mod.total_price = mod.price * (mod.quantity || 1);
|
||||
updatedModules[modIdx] = mod;
|
||||
|
||||
item.selected_modules = updatedModules;
|
||||
const moduleTotal = updatedModules.reduce((acc: number, m: any) => acc + (m.total_price ?? (m.price * (m.quantity || 1))), 0);
|
||||
item.item_total = (item.base_price || 0) + moduleTotal;
|
||||
|
||||
updatedItems[itemIdx] = item;
|
||||
recalculateSnapshot(updatedItems);
|
||||
};
|
||||
|
||||
const recalculateSnapshot = (updatedItems: any[]) => {
|
||||
if (!editedSnapshot) return;
|
||||
const taxRate = editedSnapshot.tax_rate ?? 19;
|
||||
const subtotal = updatedItems.reduce((acc: number, item: any) => acc + (item.item_total || 0), 0);
|
||||
const taxAmount = Math.round(subtotal * (taxRate / 100) * 100) / 100;
|
||||
const total = Math.round((subtotal + taxAmount) * 100) / 100;
|
||||
|
||||
setEditedSnapshot({
|
||||
...editedSnapshot,
|
||||
items: updatedItems,
|
||||
subtotal,
|
||||
tax_amount: taxAmount,
|
||||
total
|
||||
});
|
||||
};
|
||||
|
||||
const handleSaveSnapshot = async () => {
|
||||
if (!editedSnapshot || !selectedOrder) return;
|
||||
setIsSavingSnapshot(true);
|
||||
try {
|
||||
const updated = await updateOrderPayload(selectedOrder.id, {
|
||||
orderSnapshot: editedSnapshot
|
||||
});
|
||||
setOrders(prev => prev.map(o => o.id === selectedOrder.id ? { ...o, order_data: editedSnapshot, total_price: editedSnapshot.total } : o));
|
||||
setSelectedOrder({ ...selectedOrder, order_data: editedSnapshot, total_price: editedSnapshot.total });
|
||||
setIsEditingSnapshot(false);
|
||||
} catch (error: any) {
|
||||
console.error(error);
|
||||
alert("Fehler beim Speichern der Änderungen: " + error.message);
|
||||
} finally {
|
||||
setIsSavingSnapshot(false);
|
||||
}
|
||||
};
|
||||
|
||||
// Badge-Counter berechnen
|
||||
const countAll = orders.length;
|
||||
const countOffen = orders.filter(o => ["pending", "pending_approval", "in_review"].includes(o.status)).length;
|
||||
const countApproved = orders.filter(o => o.status === "approved").length;
|
||||
const countActive = orders.filter(o => ["active", "completed"].includes(o.status)).length;
|
||||
const countRejected = orders.filter(o => ["rejected", "cancelled"].includes(o.status)).length;
|
||||
|
||||
const displaySnapshot = editedSnapshot || selectedOrder?.order_data || {};
|
||||
const displayItems = displaySnapshot.items || [];
|
||||
|
||||
useEffect(() => {
|
||||
setOrders(initialOrders);
|
||||
}, [initialOrders]);
|
||||
@@ -142,7 +238,12 @@ export function OrdersTable({ initialOrders }: OrdersTableProps) {
|
||||
company.includes(search.toLowerCase()) ||
|
||||
contact.includes(search.toLowerCase());
|
||||
|
||||
const matchesStatus = statusFilter === "all" || order.status === statusFilter;
|
||||
let matchesStatus = false;
|
||||
if (statusFilter === "all") matchesStatus = true;
|
||||
else if (statusFilter === "offen") matchesStatus = ["pending", "pending_approval", "in_review"].includes(order.status);
|
||||
else if (statusFilter === "approved") matchesStatus = order.status === "approved";
|
||||
else if (statusFilter === "active") matchesStatus = ["active", "completed"].includes(order.status);
|
||||
else if (statusFilter === "rejected") matchesStatus = ["rejected", "cancelled"].includes(order.status);
|
||||
|
||||
return matchesSearch && matchesStatus;
|
||||
})
|
||||
@@ -208,57 +309,41 @@ export function OrdersTable({ initialOrders }: OrdersTableProps) {
|
||||
variant={statusFilter === "all" ? "default" : "outline"}
|
||||
size="sm"
|
||||
onClick={() => setStatusFilter("all")}
|
||||
className="text-xs"
|
||||
className="text-xs gap-1.5"
|
||||
>
|
||||
Alle
|
||||
Alle <Badge variant="secondary" className="bg-white/10 text-white border-0 font-normal px-1 py-0 h-4 min-w-[16px] flex items-center justify-center rounded-full text-[10px]">{countAll}</Badge>
|
||||
</Button>
|
||||
<Button
|
||||
variant={statusFilter === "pending" ? "default" : "outline"}
|
||||
variant={statusFilter === "offen" ? "default" : "outline"}
|
||||
size="sm"
|
||||
onClick={() => setStatusFilter("pending")}
|
||||
className="text-xs border-amber-500/20 hover:bg-amber-500/10 text-amber-400"
|
||||
onClick={() => setStatusFilter("offen")}
|
||||
className="text-xs border-amber-500/20 hover:bg-amber-500/10 text-amber-400 gap-1.5"
|
||||
>
|
||||
Eingegangen
|
||||
</Button>
|
||||
<Button
|
||||
variant={statusFilter === "pending_approval" ? "default" : "outline"}
|
||||
size="sm"
|
||||
onClick={() => setStatusFilter("pending_approval")}
|
||||
className="text-xs border-amber-500/30 hover:bg-amber-500/20 text-amber-300"
|
||||
>
|
||||
Wartet auf Freigabe
|
||||
</Button>
|
||||
<Button
|
||||
variant={statusFilter === "in_review" ? "default" : "outline"}
|
||||
size="sm"
|
||||
onClick={() => setStatusFilter("in_review")}
|
||||
className="text-xs border-purple-500/20 hover:bg-purple-500/10 text-purple-400"
|
||||
>
|
||||
In Prüfung
|
||||
Offen / in_review <Badge variant="secondary" className="bg-amber-500/20 text-amber-400 border-0 font-normal px-1 py-0 h-4 min-w-[16px] flex items-center justify-center rounded-full text-[10px]">{countOffen}</Badge>
|
||||
</Button>
|
||||
<Button
|
||||
variant={statusFilter === "approved" ? "default" : "outline"}
|
||||
size="sm"
|
||||
onClick={() => setStatusFilter("approved")}
|
||||
className="text-xs border-emerald-500/20 hover:bg-emerald-500/10 text-emerald-400"
|
||||
className="text-xs border-emerald-500/20 hover:bg-emerald-500/10 text-emerald-400 gap-1.5"
|
||||
>
|
||||
Freigegeben
|
||||
Genehmigt <Badge variant="secondary" className="bg-emerald-500/20 text-emerald-400 border-0 font-normal px-1 py-0 h-4 min-w-[16px] flex items-center justify-center rounded-full text-[10px]">{countApproved}</Badge>
|
||||
</Button>
|
||||
<Button
|
||||
variant={statusFilter === "active" ? "default" : "outline"}
|
||||
size="sm"
|
||||
onClick={() => setStatusFilter("active")}
|
||||
className="text-xs border-blue-500/20 hover:bg-blue-500/10 text-blue-400"
|
||||
className="text-xs border-blue-500/20 hover:bg-blue-500/10 text-blue-400 gap-1.5"
|
||||
>
|
||||
Aktiviert
|
||||
Aktiv <Badge variant="secondary" className="bg-blue-500/20 text-blue-400 border-0 font-normal px-1 py-0 h-4 min-w-[16px] flex items-center justify-center rounded-full text-[10px]">{countActive}</Badge>
|
||||
</Button>
|
||||
<Button
|
||||
variant={statusFilter === "rejected" ? "default" : "outline"}
|
||||
size="sm"
|
||||
onClick={() => setStatusFilter("rejected")}
|
||||
className="text-xs border-red-500/20 hover:bg-red-500/10 text-red-400"
|
||||
className="text-xs border-red-500/20 hover:bg-red-500/10 text-red-400 gap-1.5"
|
||||
>
|
||||
Abgelehnt
|
||||
Abgelehnt <Badge variant="secondary" className="bg-red-500/20 text-red-400 border-0 font-normal px-1 py-0 h-4 min-w-[16px] flex items-center justify-center rounded-full text-[10px]">{countRejected}</Badge>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -372,7 +457,7 @@ export function OrdersTable({ initialOrders }: OrdersTableProps) {
|
||||
</Button>
|
||||
<Button variant="outline" size="sm" asChild className="h-8 border-amber-500/20 hover:bg-amber-500/10 text-amber-400 text-xs gap-1">
|
||||
<a href={`/order?mode=admin_edit&orderId=${order.id}`}>
|
||||
<Edit3 className="w-3 h-3" /> Im Wizard bearbeiten
|
||||
<Edit3 className="w-3 h-3" /> Im Wizard öffnen
|
||||
</a>
|
||||
</Button>
|
||||
<Button variant="outline" size="sm" asChild className="h-8 border-white/10 hover:bg-primary/20 text-xs">
|
||||
@@ -395,30 +480,34 @@ export function OrdersTable({ initialOrders }: OrdersTableProps) {
|
||||
<Dialog open={!!selectedOrder} onOpenChange={(open) => !open && setSelectedOrder(null)}>
|
||||
<DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto bg-slate-950 border-white/10 text-white p-6 space-y-6">
|
||||
<DialogHeader className="border-b border-white/10 pb-4">
|
||||
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
|
||||
<div>
|
||||
<div className="flex items-center gap-3">
|
||||
<DialogTitle className="text-xl font-bold text-white flex items-center gap-2">
|
||||
<FileText className="w-5 h-5 text-primary" />
|
||||
Anfragenr. #{selectedOrder.order_number || selectedOrder.id.slice(0, 8)}
|
||||
</DialogTitle>
|
||||
<Badge className={`text-xs px-2.5 py-0.5 rounded ${statusClass[selectedOrder.status]}`}>
|
||||
{statusLabel[selectedOrder.status] ?? selectedOrder.status}
|
||||
</Badge>
|
||||
</div>
|
||||
<DialogDescription className="text-xs text-slate-400 mt-1 flex items-center gap-2">
|
||||
<Calendar className="w-3.5 h-3.5 text-slate-500" />
|
||||
Erstellt am {new Date(selectedOrder.created_at).toLocaleString('de-DE')}
|
||||
</DialogDescription>
|
||||
</div>
|
||||
<div className="text-right">
|
||||
<div className="text-xs text-slate-400 uppercase tracking-wider font-semibold">Gesamtsumme</div>
|
||||
<div className="text-2xl font-extrabold text-primary">
|
||||
{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(selectedOrder.total_price || 0)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</DialogHeader>
|
||||
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
|
||||
<div>
|
||||
<div className="flex items-center gap-3">
|
||||
<DialogTitle className="text-xl font-bold text-white flex items-center gap-2">
|
||||
<FileText className="w-5 h-5 text-primary" />
|
||||
Anfragenr. #{selectedOrder.order_number || selectedOrder.id.slice(0, 8)}
|
||||
</DialogTitle>
|
||||
<Badge className={`text-xs px-2.5 py-0.5 rounded ${statusClass[selectedOrder.status]}`}>
|
||||
{statusLabel[selectedOrder.status] ?? selectedOrder.status}
|
||||
</Badge>
|
||||
</div>
|
||||
<DialogDescription className="text-xs text-slate-400 mt-1 flex items-center gap-2">
|
||||
<Calendar className="w-3.5 h-3.5 text-slate-500" />
|
||||
Erstellt am {new Date(selectedOrder.created_at).toLocaleString('de-DE')}
|
||||
</DialogDescription>
|
||||
</div>
|
||||
<div className="text-right">
|
||||
<div className="text-xs text-slate-400 uppercase tracking-wider font-semibold">
|
||||
{isEditingSnapshot ? "Vorschau Summe" : "Gesamtsumme"}
|
||||
</div>
|
||||
<div className="text-2xl font-extrabold text-primary">
|
||||
{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(
|
||||
isEditingSnapshot ? (editedSnapshot?.total || 0) : (selectedOrder.total_price || 0)
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</DialogHeader>
|
||||
|
||||
{/* Kunden & Stammdaten */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
@@ -456,57 +545,128 @@ export function OrdersTable({ initialOrders }: OrdersTableProps) {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Geräte & Produktauswahl (Snapshot Aufteilung) */}
|
||||
<div className="space-y-3">
|
||||
<div className="text-xs font-bold text-slate-400 uppercase tracking-wider flex items-center gap-1.5">
|
||||
<Package className="w-4 h-4 text-primary" />
|
||||
Konfigurierte Kassen & Module ({(selectedOrder.order_data?.items || []).length})
|
||||
</div>
|
||||
|
||||
<div className="space-y-3">
|
||||
{(selectedOrder.order_data?.items || []).map((item: any, idx: number) => (
|
||||
<div key={idx} className="p-4 rounded-xl bg-slate-900/90 border border-white/10 space-y-3">
|
||||
<div className="flex items-center justify-between border-b border-white/5 pb-2">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="px-2 py-0.5 rounded text-[10px] font-bold bg-primary/20 text-primary border border-primary/30">
|
||||
{item.device_name || `Kasse #${idx + 1}`}
|
||||
</span>
|
||||
<span className="font-bold text-sm text-white">{item.product_name}</span>
|
||||
{/* Geräte & Produktauswahl (Snapshot Aufteilung) */}
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="text-xs font-bold text-slate-400 uppercase tracking-wider flex items-center gap-1.5">
|
||||
<Package className="w-4 h-4 text-primary" />
|
||||
Konfigurierte Kassen & Module ({displayItems.length})
|
||||
</div>
|
||||
{item.price && (
|
||||
<span className="text-xs font-bold text-slate-200">
|
||||
{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(item.price)}
|
||||
</span>
|
||||
{selectedOrder.status === 'in_review' && !isEditingSnapshot && (
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
onClick={() => setIsEditingSnapshot(true)}
|
||||
className="h-7 border-primary/30 text-primary hover:bg-primary/10 text-xs font-bold gap-1 rounded-md"
|
||||
>
|
||||
<Edit3 className="w-3 h-3" /> Preise anpassen
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Ausgewählte Module & Lizenzen */}
|
||||
{item.selected_modules?.length > 0 && (
|
||||
<div className="space-y-1.5">
|
||||
<div className="text-[11px] font-semibold text-slate-400 flex items-center gap-1">
|
||||
<Layers className="w-3 h-3 text-slate-500" />
|
||||
Zusatzmodule ({item.selected_modules.length}):
|
||||
</div>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
|
||||
{item.selected_modules.map((mod: any, mIdx: number) => (
|
||||
<div key={mIdx} className="p-2 rounded-lg bg-slate-950/60 border border-white/5 text-xs flex items-center justify-between">
|
||||
<span className="text-slate-300 font-medium truncate">
|
||||
{mod.module_name || mod.name}
|
||||
</span>
|
||||
{mod.price && (
|
||||
<span className="text-slate-400 font-mono text-[11px]">
|
||||
+{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(mod.price)}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
{isEditingSnapshot && (
|
||||
<div className="flex flex-col sm:flex-row sm:items-center justify-between bg-amber-500/10 border border-amber-500/20 p-3 rounded-xl gap-4 animate-pulse">
|
||||
<span className="text-xs text-amber-400 font-semibold">Sie befinden sich im Preiskorrektur-Modus.</span>
|
||||
<div className="flex items-center gap-2">
|
||||
<Button
|
||||
size="sm"
|
||||
variant="ghost"
|
||||
onClick={() => {
|
||||
setEditedSnapshot(JSON.parse(JSON.stringify(selectedOrder.order_data || {})));
|
||||
setIsEditingSnapshot(false);
|
||||
}}
|
||||
className="h-7 text-xs text-slate-300 hover:text-white"
|
||||
>
|
||||
Abbrechen
|
||||
</Button>
|
||||
<Button
|
||||
size="sm"
|
||||
onClick={handleSaveSnapshot}
|
||||
disabled={isSavingSnapshot}
|
||||
className="h-7 text-xs bg-amber-600 hover:bg-amber-500 text-white font-bold"
|
||||
>
|
||||
{isSavingSnapshot ? <Loader2 className="w-3 h-3 animate-spin mr-1" /> : null}
|
||||
Änderungen speichern
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="space-y-3">
|
||||
{displayItems.map((item: any, idx: number) => (
|
||||
<div key={idx} className="p-4 rounded-xl bg-slate-900/90 border border-white/10 space-y-3">
|
||||
<div className="flex items-center justify-between border-b border-white/5 pb-2">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="px-2 py-0.5 rounded text-[10px] font-bold bg-primary/20 text-primary border border-primary/30">
|
||||
{item.device_name || `Kasse #${idx + 1}`}
|
||||
</span>
|
||||
<span className="font-bold text-sm text-white">{item.product_name}</span>
|
||||
</div>
|
||||
|
||||
{isEditingSnapshot ? (
|
||||
<div className="flex items-center gap-2">
|
||||
<Label htmlFor={`price-${idx}`} className="text-[10px] text-slate-400">Preis (€):</Label>
|
||||
<Input
|
||||
id={`price-${idx}`}
|
||||
type="number"
|
||||
value={item.base_price || 0}
|
||||
onChange={(e) => updateItemBasePrice(idx, parseFloat(e.target.value) || 0)}
|
||||
className="w-20 h-7 bg-slate-950 border-white/10 text-white text-xs px-2"
|
||||
/>
|
||||
</div>
|
||||
) : (
|
||||
<span className="text-xs font-bold text-slate-200">
|
||||
{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(item.base_price || 0)}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Ausgewählte Module & Lizenzen */}
|
||||
{item.selected_modules?.length > 0 && (
|
||||
<div className="space-y-1.5">
|
||||
<div className="text-[11px] font-semibold text-slate-400 flex items-center gap-1">
|
||||
<Layers className="w-3 h-3 text-slate-500" />
|
||||
Zusatzmodule ({item.selected_modules.length}):
|
||||
</div>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
|
||||
{item.selected_modules.map((mod: any, mIdx: number) => (
|
||||
<div key={mIdx} className="p-2 rounded-lg bg-slate-950/60 border border-white/5 text-xs flex items-center justify-between gap-3">
|
||||
<span className="text-slate-300 font-medium truncate">
|
||||
{mod.module_name || mod.name}
|
||||
</span>
|
||||
|
||||
{isEditingSnapshot ? (
|
||||
<div className="flex items-center gap-1.5 shrink-0">
|
||||
<Input
|
||||
type="number"
|
||||
title="Einzelpreis"
|
||||
value={mod.price || 0}
|
||||
onChange={(e) => updateModulePriceOrQty(idx, mIdx, 'price', parseFloat(e.target.value) || 0)}
|
||||
className="w-14 h-6 bg-slate-900 border-white/10 text-white text-[10px] px-1"
|
||||
/>
|
||||
<span className="text-[10px] text-slate-500">x</span>
|
||||
<Input
|
||||
type="number"
|
||||
title="Menge"
|
||||
value={mod.quantity || 1}
|
||||
onChange={(e) => updateModulePriceOrQty(idx, mIdx, 'quantity', parseInt(e.target.value) || 1)}
|
||||
className="w-10 h-6 bg-slate-900 border-white/10 text-white text-[10px] px-1"
|
||||
/>
|
||||
</div>
|
||||
) : (
|
||||
<span className="text-slate-400 font-mono text-[11px] shrink-0">
|
||||
+{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(mod.price * (mod.quantity || 1))}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Workflow Freigabe & Aktionen */}
|
||||
<div className="p-4 rounded-xl bg-slate-900/90 border border-white/10 space-y-3">
|
||||
@@ -551,34 +711,34 @@ export function OrdersTable({ initialOrders }: OrdersTableProps) {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<DialogFooter className="border-t border-white/10 pt-4 flex flex-col sm:flex-row justify-between items-center gap-3">
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => setSelectedOrder(null)}
|
||||
className="text-slate-400 hover:text-white text-xs"
|
||||
>
|
||||
Schließen
|
||||
</Button>
|
||||
<DialogFooter className="border-t border-white/10 pt-4 flex flex-col sm:flex-row justify-between items-center gap-3">
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => setSelectedOrder(null)}
|
||||
className="text-slate-400 hover:text-white text-xs"
|
||||
>
|
||||
Schließen
|
||||
</Button>
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<Button variant="outline" size="sm" asChild className="h-8 border-amber-500/20 hover:bg-amber-500/10 text-amber-400 text-xs gap-1">
|
||||
<a href={`/order?mode=admin_edit&orderId=${selectedOrder.id}`}>
|
||||
<Edit3 className="w-3 h-3" /> Im Wizard bearbeiten
|
||||
</a>
|
||||
</Button>
|
||||
<Button variant="outline" size="sm" asChild className="h-8 border-white/10 hover:bg-primary/20 text-xs">
|
||||
<a href={`/api/admin/orders/${selectedOrder.id}/download?inline=true`} target="_blank" rel="noopener noreferrer">
|
||||
<ExternalLink className="w-3.5 h-3.5 mr-1" /> PDF Vorschau
|
||||
</a>
|
||||
</Button>
|
||||
<Button variant="secondary" size="sm" asChild className="h-8 text-xs">
|
||||
<a href={`/api/admin/orders/${selectedOrder.id}/download`}>
|
||||
<Download className="w-3.5 h-3.5 mr-1" /> PDF Download
|
||||
</a>
|
||||
</Button>
|
||||
</div>
|
||||
</DialogFooter>
|
||||
<div className="flex items-center gap-2">
|
||||
<Button variant="outline" size="sm" asChild className="h-8 border-amber-500/20 hover:bg-amber-500/10 text-amber-400 text-xs gap-1">
|
||||
<a href={`/order?mode=admin_edit&orderId=${selectedOrder.id}`}>
|
||||
<Edit3 className="w-3 h-3" /> Im Wizard öffnen
|
||||
</a>
|
||||
</Button>
|
||||
<Button variant="outline" size="sm" asChild className="h-8 border-white/10 hover:bg-primary/20 text-xs">
|
||||
<a href={`/api/admin/orders/${selectedOrder.id}/download?inline=true`} target="_blank" rel="noopener noreferrer">
|
||||
<ExternalLink className="w-3.5 h-3.5 mr-1" /> PDF Vorschau
|
||||
</a>
|
||||
</Button>
|
||||
<Button variant="secondary" size="sm" asChild className="h-8 text-xs">
|
||||
<a href={`/api/admin/orders/${selectedOrder.id}/download`}>
|
||||
<Download className="w-3.5 h-3.5 mr-1" /> PDF Download
|
||||
</a>
|
||||
</Button>
|
||||
</div>
|
||||
</DialogFooter>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user