@flowselections/layout-maker 1.46.1 → 1.51.2

package/dist-lib/components/PrintplekDetailPage.js

@@ -1,57 +1,136 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // ============================================================================
-// src/components/PrintplekDetailPage.tsx — één printplek instellen: welke
-// computers erbij horen, welke printers beschikbaar zijn en welk document naar
-// welke printer gaat.
+// src/components/PrintplekDetailPage.tsx — de centrale plek voor één printplek:
+// computers, printers (per computer) en welk document naar welke printer gaat.
+// Alles is hier direct bewerkbaar; de wizard is alleen voor een nieuwe plek.
 // ============================================================================
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, toast, } from "@flowselections/core";
-import { Link, useParams } from "@tanstack/react-router";
-import { AlertTriangle, ArrowLeft, Check, Link2, Monitor, Plus, Printer, Trash2, Wand2, X, } from "lucide-react";
-import { bewerkPrintplek, ontkoppelBron, usePrintplekken, verwijderPrintplek, } from "../lib/printplekken.js";
+import { Link, useNavigate, useParams } from "@tanstack/react-router";
+import { PrintplekVerwijderenDialog } from "./PrintplekVerwijderenDialog.js";
+import { AlertTriangle, ArrowLeft, Check, Link2, Monitor, Plus, Printer, Trash2, X, } from "lucide-react";
+import { bewerkPrintplek, koppelComputerAanPrintplek, koppelPrinterLosVanPrintplek, ontkoppelBron, usePrintplekken, verplaatsPrinterNaarPrintplek, wijsPrinterToeAanPrintplek, zetPrintplekPrinter, } from "../lib/printplekken.js";
+import { PrinterVervangenDialog } from "./PrinterVervangenDialog.js";
+import { ComputerVerwijderenDialog } from "./ComputerVerwijderenDialog.js";
 import { usePrinters } from "../lib/useDocumentData.js";
 import { useNetwerkPrinters } from "../lib/useNetwerkPrinters.js";
 import { useComputers } from "./ComputersLijst.js";
 import { DOCUMENT_TYPES, documentTypeLabel } from "../lib/documentTypes.js";
 import { drukTestpaginaAf } from "../lib/testpagina.js";
-import { PrintplekWizard } from "./PrintplekWizard.js";
 import { TestprintDialog } from "./TestprintDialog.js";
+import { leesbareFout } from "../lib/foutTekst.js";
+import { useRouteringOverzicht } from "../lib/printRoutering.js";
+const BRON_LABEL = {
+    printplek: "Printplek-eigen",
+    werkplek: "Werkplek-uitzondering",
+    layout: "Standaardprinter (layout)",
+    standaard: "Bedrijfsstandaard",
+    geen: "Geen regel",
+};
+const selectKlasse = "border-input bg-background rounded-md border px-2 py-1 text-sm";
 export function PrintplekDetailPage() {
     const params = useParams({ strict: false });
     const plekId = params.printplekId ?? "";
-    const { plekken, computers: plekComputers, regels, koppelingen, reload } = usePrintplekken();
-    const { computers } = useComputers();
+    const navigate = useNavigate();
+    const [verwijderOpen, setVerwijderOpen] = useState(false);
+    const { plekken, computers: plekComputers, regels, koppelingen, toegewezen, reload } = usePrintplekken();
+    const { computers, reload: herlaadComputers } = useComputers();
     const { printers } = usePrinters();
     const { gevonden } = useNetwerkPrinters();
     const [naamBewerken, setNaamBewerken] = useState(false);
     const [naam, setNaam] = useState("");
     const [alleDocumenten, setAlleDocumenten] = useState(false);
-    const [wizardOpen, setWizardOpen] = useState(false);
     const [testprintOpen, setTestprintOpen] = useState(false);
+    const [vervangen, setVervangen] = useState(null);
+    const [toevoegen, setToevoegen] = useState("");
+    const [computerToevoegen, setComputerToevoegen] = useState("");
+    const [teVerwijderen, setTeVerwijderen] = useState(null);
     const plek = plekken.find((p) => p.id === plekId) ?? null;
     const eigenComputers = plekComputers.filter((c) => c.print_plek_id === plekId);
-    const eigenNamen = new Set(eigenComputers.map((c) => c.computer_naam));
-    // Printers van deze plek: alles wat op één van de gekoppelde computers staat.
-    const externOpComputer = useMemo(() => {
-        const map = new Map();
-        for (const g of gevonden)
-            if (g.computer)
-                map.set(g.id, g.computer);
-        return map;
+    const vrijeComputers = computers.filter((c) => !plekComputers.some((pc) => pc.computer_naam === c.naam));
+    const andereplekken = plekken.filter((p) => p.id !== plekId);
+    // De live scan bepaalt alleen online-status en op welke computer een printer hangt.
+    const computerVanExtern = useMemo(() => {
+        const m = new Map();
+        for (const g of Array.isArray(gevonden) ? gevonden : [])
+            if (g.id)
+                m.set(String(g.id), g.computer);
+        return m;
     }, [gevonden]);
-    const eigenPrinters = printers.filter((p) => {
-        const extern = p.extern_printer_id;
-        const computer = extern ? externOpComputer.get(extern) : undefined;
-        return computer ? eigenNamen.has(computer) : false;
+    const externVan = (p) => p.extern_printer_id ?? null;
+    const isOnline = (p) => {
+        const e = externVan(p);
+        return e ? computerVanExtern.has(String(e)) : false;
+    };
+    const computerVan = (p) => {
+        const e = externVan(p);
+        return e ? computerVanExtern.get(String(e)) ?? null : null;
+    };
+    const toegewezenIds = new Set((Array.isArray(toegewezen) ? toegewezen : [])
+        .filter((t) => t.print_plek_id === plekId)
+        .map((t) => t.printer_id));
+    const eigenPrinters = printers.filter((p) => toegewezenIds.has(p.id));
+    const nietToegewezen = printers.filter((p) => !toegewezenIds.has(p.id));
+    const eigenNamen = new Set(eigenComputers.map((c) => c.computer_naam));
+    const printersPerComputer = eigenComputers.map((c) => ({
+        naam: c.computer_naam,
+        printers: eigenPrinters.filter((p) => computerVan(p) === c.computer_naam),
+    }));
+    const nietGevonden = eigenPrinters.filter((p) => {
+        const c = computerVan(p);
+        return !c || !eigenNamen.has(c);
     });
-    const regelVoor = (documenttype) => regels.find((r) => r.print_plek_id === plekId && r.documenttype === documenttype) ?? null;
-    const inGebruik = DOCUMENT_TYPES.filter((d) => regelVoor(d.value));
-    const overige = DOCUMENT_TYPES.filter((d) => !regelVoor(d.value));
-    const zichtbaar = alleDocumenten ? DOCUMENT_TYPES : inGebruik;
+    const pcNamen = eigenComputers.map((c) => c.computer_naam).sort();
+    const { uitkomsten, laden: routeringLaden, reload: reloadRoutering } = useRouteringOverzicht(plekId, DOCUMENT_TYPES.map((d) => d.value), pcNamen);
+    const uitkomstVoor = (t, pc) => uitkomsten[`${t}::${pc ?? ""}`] ?? null;
+    const routeringZichtbaar = DOCUMENT_TYPES.filter((d) => alleDocumenten ||
+        (pcNamen.length ? pcNamen : [null]).some((pc) => {
+            const u = uitkomstVoor(d.value, pc);
+            return !!u && (u.bron !== "geen" || u.overgeslagen.length > 0);
+        }));
+    useEffect(() => {
+        void reloadRoutering();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [regels, toegewezen]);
+    const printerNaam = (id) => printers.find((p) => p.id === id)?.naam ?? null;
+    const printerOnline = (id) => {
+        const p = printers.find((x) => x.id === id);
+        return p ? isOnline(p) : false;
+    };
+    const computerId = (n) => computers.find((k) => k.naam === n)?.id ?? null;
+    const eigenRegel = (t) => regels.find((r) => r.print_plek_id === plekId && r.documenttype === t) ?? null;
+    const vernieuw = async () => {
+        await reload(true);
+        await reloadRoutering();
+    };
+    const zetRegel = async (documenttype, waarde) => {
+        try {
+            await zetPrintplekPrinter(plekId, documenttype, waarde === "standaard" ? null : waarde);
+            await vernieuw();
+            toast.success("Printer opgeslagen");
+        }
+        catch (err) {
+            toast.error(leesbareFout(err));
+        }
+    };
+    function BronLink({ u }) {
+        const pcId = computerId(u.werkplek);
+        if (u.bron === "werkplek" && pcId)
+            return (_jsx(Link, { to: "/layouts-printers/printplekken/computers/$computerId", params: { computerId: pcId }, className: "text-primary text-xs underline", children: "Werkplek-uitzondering" }));
+        if (u.bron === "standaard")
+            return (_jsx(Link, { to: "/layouts-printers/printplekken", className: "text-primary text-xs underline", children: "Standaard bewerken" }));
+        return null;
+    }
+    function RouteringCellen({ u }) {
+        if (!u)
+            return _jsx("td", { colSpan: 3 });
+        const n = printerNaam(u.printer_id);
+        const status = !u.printer_id ? "geen" : n ? (printerOnline(u.printer_id) ? "online" : "offline") : "ontbreekt";
+        return (_jsxs(_Fragment, { children: [_jsx("td", { className: "py-2 pr-3 text-xs text-muted-foreground", children: u.papierformaat ?? "—" }), _jsxs("td", { className: "py-2 pr-3", children: [_jsxs(Badge, { variant: u.bron === "geen" ? "destructive" : "secondary", "data-bron": u.bron, children: [BRON_LABEL[u.bron], u.bron === "werkplek" && u.werkplek ? ` (${u.werkplek})` : ""] }), u.overgeslagen.map((o) => (_jsxs("div", { className: "text-destructive mt-1 flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " ", BRON_LABEL[o.bron], " overgeslagen: printer", " ", o.reden === "ontbreekt" ? "ontbreekt" : o.reden === "inactief" ? "inactief" : "niet (meer) aan deze plek gekoppeld"] }, o.regel_id)))] }), _jsxs("td", { className: "py-2 pr-3", children: [u.printer_id ? (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${status === "online" ? "bg-emerald-500" : status === "offline" ? "bg-muted-foreground" : "bg-destructive"}` }), n ?? "Onbekende printer", _jsx("span", { className: "text-muted-foreground text-xs", children: status })] })) : (_jsx("span", { className: "text-destructive text-xs", children: "geen printer \u2014 opdrachten blijven wachten" })), _jsx("div", { children: _jsx(BronLink, { u: u }) })] })] }));
+    }
     const bronnen = koppelingen.filter((k) => k.print_plek_id === plekId);
     const bestaandePlekIds = new Set(plekken.map((p) => p.id));
     const weeskoppelingen = koppelingen.filter((k) => !bestaandePlekIds.has(k.print_plek_id));
-    const onvolledig = eigenComputers.length === 0 || !regels.some((r) => r.print_plek_id === plekId && r.printer_id);
     const ontkoppel = async (bron, bronId) => {
         try {
             await ontkoppelBron(bron, bronId);
@@ -62,9 +141,44 @@ export function PrintplekDetailPage() {
             toast.error("Ontkoppelen mislukt");
         }
     };
+    const loskoppelen = async (p) => {
+        const n = regels.filter((r) => r.print_plek_id === plekId && r.printer_id === p.id).length;
+        if (n > 0 && !window.confirm(`${n} regel(s) wijzen naar ${p.naam}. Die worden leeg en gemarkeerd. Doorgaan?`))
+            return;
+        try {
+            await koppelPrinterLosVanPrintplek(plekId, p.id);
+            await vernieuw();
+            toast.success("Printer verwijderd van deze plek");
+        }
+        catch {
+            toast.error("Verwijderen mislukt");
+        }
+    };
+    const verplaats = async (p, naarPlek) => {
+        try {
+            await verplaatsPrinterNaarPrintplek(p.id, plekId, naarPlek);
+            await vernieuw();
+            toast.success(`${p.naam} verplaatst`);
+        }
+        catch {
+            toast.error("Verplaatsen mislukt");
+        }
+    };
     if (!plek) {
         return (_jsxs("main", { className: "space-y-4 p-6", children: [_jsx(Button, { variant: "ghost", asChild: true, children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Terug"] }) }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Deze printplek bestaat niet (meer)." })] }));
     }
+    const PrinterRij = ({ p }) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border p-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${isOnline(p) ? "bg-emerald-500" : "bg-muted-foreground"}` }), _jsx("span", { className: "font-medium", children: p.naam }), p.papierformaat ? _jsx(Badge, { variant: "secondary", children: p.papierformaat }) : null, !isOnline(p) ? _jsx("span", { className: "text-muted-foreground text-xs", children: "offline" }) : null] }), _jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: async () => {
+                            try {
+                                await drukTestpaginaAf(p.id, p.naam);
+                                toast.success("Testpagina verstuurd");
+                            }
+                            catch {
+                                toast.error("Testpagina versturen is niet gelukt.");
+                            }
+                        }, children: "Testpagina" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setVervangen({ id: p.id, naam: p.naam }), children: "Vervangen" }), andereplekken.length > 0 ? (_jsxs("select", { className: selectKlasse, value: "", "aria-label": `${p.naam} verplaatsen`, onChange: (e) => e.target.value && void verplaats(p, e.target.value), children: [_jsx("option", { value: "", children: "Verplaatsen\u2026" }), andereplekken.map((o) => (_jsxs("option", { value: o.id, children: ["naar ", o.naam] }, o.id)))] })) : null, _jsx(Button, { size: "sm", variant: "ghost", className: "text-destructive", onClick: () => void loskoppelen(p), children: "Verwijderen" })] })] }));
+    const teVerwijderenPrinters = teVerwijderen
+        ? eigenPrinters.filter((p) => computerVan(p) === teVerwijderen).map((p) => ({ id: p.id, naam: p.naam }))
+        : [];
     return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Button, { variant: "ghost", size: "sm", asChild: true, className: "-ml-2", children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Alle printplekken"] }) }), naamBewerken ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: naam, onChange: (e) => setNaam(e.target.value), className: "w-64" }), _jsx(Button, { size: "icon", onClick: async () => {
                                             await bewerkPrintplek(plek.id, { naam: naam.trim() });
                                             setNaamBewerken(false);
@@ -72,28 +186,41 @@ export function PrintplekDetailPage() {
                                         }, children: _jsx(Check, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => setNaamBewerken(false), children: _jsx(X, { className: "h-4 w-4" }) })] })) : (_jsx("h1", { className: "cursor-pointer text-xl font-semibold", onClick: () => {
                                     setNaam(plek.naam);
                                     setNaamBewerken(true);
-                                }, children: plek.naam })), _jsx("p", { className: "text-muted-foreground text-sm", children: plek.omschrijving ?? "Stel hier in wat er op deze plek wordt afgedrukt." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setTestprintOpen(true), children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), " Testprint controleren"] }), _jsxs(Button, { variant: "outline", onClick: () => setWizardOpen(true), children: [_jsx(Wand2, { className: "mr-2 h-4 w-4" }), onvolledig ? "Afmaken met de wizard" : "Instellen met de wizard"] }), _jsxs(Button, { variant: "ghost", className: "text-destructive", onClick: async () => {
-                                    await verwijderPrintplek(plek.id);
-                                    toast.success("Printplek verwijderd");
-                                    await reload();
-                                }, children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Verwijderen"] })] })] }), _jsx(PrintplekWizard, { open: wizardOpen, onOpenChange: setWizardOpen, printplekId: plekId, onKlaar: () => void reload() }), _jsx(TestprintDialog, { open: testprintOpen, onOpenChange: setTestprintOpen, printplekId: plekId, printplekNaam: plek.naam }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Monitor, { className: "h-4 w-4" }), " Computers op deze plek"] }), _jsx(CardDescription, { children: "Computers voeg je toe of haal je weg met de wizard." })] }), _jsx(CardContent, { className: "space-y-3", children: eigenComputers.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog geen computers gekoppeld." })) : (_jsx("div", { className: "flex flex-wrap gap-2", children: eigenComputers.map((c) => {
-                                const aan = computers.find((k) => k.naam === c.computer_naam)?.online ?? false;
-                                return (_jsxs("span", { className: "flex items-center gap-2 rounded-full border px-3 py-1 text-sm", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${aan ? "bg-emerald-500" : "bg-muted-foreground"}` }), c.computer_naam] }, c.id));
-                            }) })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Printer, { className: "h-4 w-4" }), " Printers op deze plek"] }), _jsx(CardDescription, { children: "Test een printer om te zien of hij goed staat." })] }), _jsx(CardContent, { children: eigenPrinters.length === 0 ? (_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(AlertTriangle, { className: "text-destructive h-4 w-4" }), "Nog geen ingestelde printers. Voeg ze toe bij", " ", _jsx(Link, { className: "text-primary underline", to: "/layouts-printers/printplekken", children: "Printplekken" }), "."] })) : (_jsx("div", { className: "space-y-2", children: eigenPrinters.map((p) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border p-2", children: [_jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: p.naam }), p.papierformaat ? (_jsx(Badge, { variant: "secondary", className: "ml-2", children: p.papierformaat })) : null] }), _jsx(Button, { size: "sm", variant: "ghost", onClick: async () => {
+                                }, children: plek.naam })), _jsx("p", { className: "text-muted-foreground text-sm", children: plek.omschrijving ?? "Hier stel je alles in wat er op deze plek wordt afgedrukt." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setTestprintOpen(true), children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), " Testprint controleren"] }), _jsxs(Button, { variant: "ghost", className: "text-destructive", onClick: () => setVerwijderOpen(true), children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Verwijderen"] })] })] }), _jsx(PrintplekVerwijderenDialog, { plek: verwijderOpen ? { id: plek.id, naam: plek.naam } : null, onOpenChange: setVerwijderOpen, onKlaar: () => void navigate({ to: "/layouts-printers/printplekken" }) }), _jsx(TestprintDialog, { open: testprintOpen, onOpenChange: setTestprintOpen, printplekId: plekId, printplekNaam: plek.naam }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Monitor, { className: "h-4 w-4" }), " Computers op deze plek"] }), _jsx(CardDescription, { children: "Het bolletje laat zien of de computer nu aan staat." })] }), vrijeComputers.length > 0 ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("select", { className: selectKlasse, value: computerToevoegen, onChange: (e) => setComputerToevoegen(e.target.value), "aria-label": "Computer kiezen", children: [_jsx("option", { value: "", children: "Computer kiezen\u2026" }), vrijeComputers.map((c) => (_jsx("option", { value: c.naam, children: c.naam }, c.id)))] }), _jsxs(Button, { size: "sm", disabled: !computerToevoegen, onClick: async () => {
+                                            try {
+                                                await koppelComputerAanPrintplek(plekId, computerToevoegen);
+                                                setComputerToevoegen("");
+                                                await vernieuw();
+                                            }
+                                            catch {
+                                                toast.error("Toevoegen mislukt");
+                                            }
+                                        }, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Computer toevoegen"] })] })) : null] }), _jsx(CardContent, { className: "space-y-2", children: eigenComputers.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog geen computers gekoppeld." })) : (eigenComputers.map((c) => {
+                            const aan = computers.find((k) => k.naam === c.computer_naam)?.online ?? false;
+                            return (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${aan ? "bg-emerald-500" : "bg-muted-foreground"}` }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: c.computer_naam }), _jsx("span", { className: "text-muted-foreground text-xs", children: aan ? "Aan" : "Uit" }), _jsxs(Button, { size: "sm", variant: "ghost", className: "text-destructive", onClick: () => setTeVerwijderen(c.computer_naam), children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Verwijderen"] })] }, c.id));
+                        })) })] }), _jsx(ComputerVerwijderenDialog, { open: !!teVerwijderen, onOpenChange: (v) => !v && setTeVerwijderen(null), computerNaam: teVerwijderen, printplekId: plekId, printers: teVerwijderenPrinters, andereplekken: andereplekken, onKlaar: () => {
+                    void herlaadComputers(true);
+                    void vernieuw();
+                } }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Printer, { className: "h-4 w-4" }), " Printers op deze plek"] }), _jsx(CardDescription, { children: "Gegroepeerd per computer waaraan de printer volgens de live scan hangt." })] }), _jsxs(CardContent, { className: "space-y-4", children: [eigenPrinters.length === 0 ? (_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(AlertTriangle, { className: "text-destructive h-4 w-4" }), "Nog geen printers gekoppeld aan deze plek."] })) : null, printersPerComputer.map((g) => g.printers.length ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs font-medium", children: [_jsx(Monitor, { className: "h-3.5 w-3.5" }), " ", g.naam] }), g.printers.map((p) => _jsx(PrinterRij, { p: p }, p.id))] }, g.naam)) : null), nietGevonden.length > 0 ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs font-medium", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Niet gevonden op een computer van deze plek"] }), nietGevonden.map((p) => _jsx(PrinterRij, { p: p }, p.id))] })) : null, nietToegewezen.length > 0 ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("select", { className: selectKlasse, value: toevoegen, onChange: (e) => setToevoegen(e.target.value), children: [_jsx("option", { value: "", children: "Printer toevoegen\u2026" }), nietToegewezen.map((p) => (_jsx("option", { value: p.id, children: p.naam }, p.id)))] }), _jsxs(Button, { size: "sm", disabled: !toevoegen, onClick: async () => {
                                             try {
-                                                await drukTestpaginaAf(p.id, p.naam);
-                                                toast.success("Testpagina verstuurd");
+                                                await wijsPrinterToeAanPrintplek(plekId, toevoegen);
+                                                setToevoegen("");
+                                                await vernieuw();
                                             }
                                             catch {
-                                                toast.error("Testpagina versturen is niet gelukt.");
+                                                toast.error("Toevoegen mislukt");
                                             }
-                                        }, children: "Testpagina" })] }, p.id))) })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: "Welk document gaat naar welke printer?" }), _jsx(CardDescription, { children: "Alleen wat hier is ingesteld wordt op deze plek afgedrukt. Wijzigen doe je met de wizard." })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setAlleDocumenten((v) => !v), children: alleDocumenten ? "Alleen ingestelde" : (_jsxs(_Fragment, { children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Meer documenten"] })) })] }), _jsxs(CardContent, { className: "space-y-2", children: [zichtbaar.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog niets ingesteld. Gebruik de wizard bovenaan deze pagina." })) : null, zichtbaar.map((d) => {
-                                const regel = regelVoor(d.value);
-                                // Let op: de virtuele PDF-printer hangt niet aan een computer, dus
-                                // eerst binnen deze plek zoeken en anders in álle printers.
-                                const printer = eigenPrinters.find((p) => p.id === regel?.printer_id) ??
-                                    printers.find((p) => p.id === regel?.printer_id) ??
-                                    null;
-                                return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border p-2", children: [_jsx("div", { className: "text-sm font-medium", children: documentTypeLabel(d.value) }), printer ? (_jsx("span", { className: "text-muted-foreground text-sm", children: printer.naam })) : (_jsxs("span", { className: "text-destructive flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Geen printer"] }))] }, d.value));
-                            }), !alleDocumenten && overige.length > 0 ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: [overige.length, " documentsoort", overige.length === 1 ? "" : "en", " nog niet ingesteld."] })) : null] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Link2, { className: "h-4 w-4" }), " Gekoppeld aan"] }), _jsx(CardDescription, { children: "Andere modules (bijvoorbeeld pickstations) kunnen zich aan deze printplek koppelen." })] }), _jsxs(CardContent, { className: "space-y-4", children: [bronnen.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog niets gekoppeld. Kies deze printplek in de andere module (bijvoorbeeld bij een pickstation); de koppeling verschijnt hier vanzelf." })) : (_jsx("div", { className: "space-y-2", children: bronnen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx(Badge, { variant: "secondary", children: b.bron }), _jsxs("span", { className: "min-w-0 flex-1 truncate", children: [b.label ?? b.bron_id, _jsx("span", { className: "text-muted-foreground ml-2 text-xs", children: b.bron_id })] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), " Ontkoppelen"] })] }, b.id))) })), weeskoppelingen.length > 0 ? (_jsxs("div", { className: "space-y-2 rounded-lg border border-dashed p-3", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Koppelingen zonder bestaande printplek:"] }), weeskoppelingen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 text-sm", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: b.label ?? `${b.bron} ${b.bron_id}` }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Opruimen"] })] }, b.id)))] })) : null] })] })] }));
+                                        }, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Toevoegen"] })] })) : null, _jsx(PrinterVervangenDialog, { open: !!vervangen, onOpenChange: (v) => !v && setVervangen(null), printer: vervangen, printers: printers, onKlaar: () => void vernieuw() })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: "Welk document gaat naar welke printer?" }), _jsx(CardDescription, { children: "Berekend met dezelfde routering als het echte printen. Kies een printer om voor deze plek een eigen regel te maken, of \"Standaard gebruiken\"." })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setAlleDocumenten((v) => !v), children: alleDocumenten ? "Alleen met printer" : (_jsxs(_Fragment, { children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Alle documenten"] })) })] }), _jsxs(CardContent, { children: [routeringLaden ? _jsx("p", { className: "text-muted-foreground text-sm", children: "Routering berekenen\u2026" }) : null, !routeringLaden && routeringZichtbaar.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Voor geen enkel document is een printer gevonden. Klik op \"Alle documenten\" om er een in te stellen." })) : null, routeringZichtbaar.length > 0 ? (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-muted-foreground border-b text-left text-xs", children: [_jsx("th", { className: "py-2 pr-3", children: "Document" }), _jsx("th", { className: "py-2 pr-3", children: "Formaat" }), _jsx("th", { className: "py-2 pr-3", children: "Winnende regel" }), _jsx("th", { className: "py-2 pr-3", children: "Printer" }), _jsx("th", { className: "py-2", children: "Printer op deze plek" })] }) }), _jsx("tbody", { children: routeringZichtbaar.flatMap((d) => {
+                                                const rijen = pcNamen.length ? pcNamen : [null];
+                                                const hoofd = uitkomstVoor(d.value, rijen[0]);
+                                                const afwijkend = rijen
+                                                    .slice(1)
+                                                    .map((pc) => ({ pc, u: uitkomstVoor(d.value, pc) }))
+                                                    .filter((x) => x.u && (x.u.bron !== hoofd?.bron || x.u.printer_id !== hoofd?.printer_id));
+                                                const regel = eigenRegel(d.value);
+                                                return [
+                                                    _jsxs("tr", { className: "border-b align-top", children: [_jsxs("td", { className: "py-2 pr-3 font-medium", children: [documentTypeLabel(d.value), pcNamen.length > 1 ? (_jsxs("div", { className: "text-muted-foreground text-xs font-normal", children: ["op ", rijen[0]] })) : null] }), _jsx(RouteringCellen, { u: hoofd }), _jsx("td", { className: "py-2", children: _jsxs("select", { className: selectKlasse, "aria-label": `Printer voor ${documentTypeLabel(d.value)}`, value: regel?.printer_id ?? "standaard", onChange: (e) => void zetRegel(d.value, e.target.value), children: [_jsx("option", { value: "standaard", children: "Standaard gebruiken" }), eigenPrinters.filter((p) => p.actief).map((p) => (_jsx("option", { value: p.id, children: p.naam }, p.id)))] }) })] }, d.value),
+                                                    ...afwijkend.map((x) => (_jsxs("tr", { className: "border-b align-top", children: [_jsxs("td", { className: "text-muted-foreground py-2 pr-3 pl-4 text-xs", children: ["op ", x.pc] }), _jsx(RouteringCellen, { u: x.u }), _jsx("td", {})] }, `${d.value}-${x.pc}`))),
+                                                ];
+                                            }) })] }) })) : null] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Link2, { className: "h-4 w-4" }), " Gekoppeld aan"] }), _jsx(CardDescription, { children: "Andere modules (bijvoorbeeld pickstations) kunnen zich aan deze printplek koppelen." })] }), _jsxs(CardContent, { className: "space-y-4", children: [bronnen.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog niets gekoppeld. Kies deze printplek in de andere module (bijvoorbeeld bij een pickstation); de koppeling verschijnt hier vanzelf." })) : (_jsx("div", { className: "space-y-2", children: bronnen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx(Badge, { variant: "secondary", children: b.bron }), _jsxs("span", { className: "min-w-0 flex-1 truncate", children: [b.label ?? b.bron_id, _jsx("span", { className: "text-muted-foreground ml-2 text-xs", children: b.bron_id })] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), " Ontkoppelen"] })] }, b.id))) })), weeskoppelingen.length > 0 ? (_jsxs("div", { className: "space-y-2 rounded-lg border border-dashed p-3", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Koppelingen zonder bestaande printplek:"] }), weeskoppelingen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 text-sm", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: b.label ?? `${b.bron} ${b.bron_id}` }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Opruimen"] })] }, b.id)))] })) : null] })] })] }));
 }

package/dist-lib/components/PrintplekVerwijderenDialog.d.ts

@@ -0,0 +1,9 @@
+export declare function PrintplekVerwijderenDialog({ plek, onOpenChange, onKlaar, }: {
+    plek: {
+        id: string;
+        naam: string;
+    } | null;
+    onOpenChange: (v: boolean) => void;
+    onKlaar: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PrintplekVerwijderenDialog.d.ts.map

package/dist-lib/components/PrintplekVerwijderenDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintplekVerwijderenDialog.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekVerwijderenDialog.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAmEA"}

package/dist-lib/components/PrintplekVerwijderenDialog.js

@@ -0,0 +1,34 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// Bevestiging vóór het verwijderen van een hele printplek, met wat er verdwijnt.
+import { useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { printplekVerwijderImpact, verwijderPrintplek, } from "../lib/printplekken.js";
+export function PrintplekVerwijderenDialog({ plek, onOpenChange, onKlaar, }) {
+    const [impact, setImpact] = useState(null);
+    const [bezig, setBezig] = useState(false);
+    useEffect(() => {
+        setImpact(null);
+        if (plek)
+            void printplekVerwijderImpact(plek.id).then(setImpact).catch(() => setImpact(null));
+    }, [plek]);
+    const bevestig = async () => {
+        if (!plek)
+            return;
+        setBezig(true);
+        try {
+            await verwijderPrintplek(plek.id);
+            toast.success(`Printplek ${plek.naam} verwijderd`);
+            onOpenChange(false);
+            onKlaar();
+        }
+        catch {
+            toast.error("Verwijderen mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    const pcs = impact?.computers ?? [];
+    const kop = impact?.koppelingen ?? [];
+    return (_jsx(Dialog, { open: plek !== null, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Printplek ", plek?.naam, " verwijderen?"] }), _jsx(DialogDescription, { children: "Dit kan niet ongedaan worden gemaakt." })] }), !impact ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Laden\u2026" })) : (_jsxs("ul", { className: "list-disc space-y-1 pl-5 text-sm", children: [_jsxs("li", { children: [pcs.length, " computer", pcs.length === 1 ? "" : "s", " losgekoppeld", pcs.length ? ` (${pcs.join(", ")})` : "", " \u2014 ze komen terug onder \"Computers zonder printplek\"."] }), _jsxs("li", { children: [impact.regels, " documentregel", impact.regels === 1 ? "" : "s", " van deze plek verwijderd \u2014 die documenten gebruiken voortaan de bedrijfsbrede standaard."] }), _jsxs("li", { children: [impact.printers, " printer", impact.printers === 1 ? "" : "s", " ontkoppeld (de printers zelf blijven bestaan)."] }), kop.length > 0 && (_jsxs("li", { className: "text-destructive", children: ["Gekoppeld aan ", kop.join(", "), ": die schermen weten daarna niet meer naar welke plek ze printen."] }))] })), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { variant: "destructive", disabled: !impact || bezig, onClick: () => void bevestig(), children: "Definitief verwijderen" })] })] }) }));
+}

package/dist-lib/components/PrintplekkenPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrintplekkenPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekkenPage.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,gBAAgB,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAuZ/E"}
+{"version":3,"file":"PrintplekkenPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekkenPage.tsx"],"names":[],"mappings":"AAsDA,wBAAgB,gBAAgB,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BA6d/E"}

package/dist-lib/components/PrintplekkenPage.js

@@ -5,16 +5,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // zodat instellen en monitoren op dezelfde plek gebeuren.
 // ============================================================================
 import { useMemo, useState } from "react";
-import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
 import { Link, useNavigate } from "@tanstack/react-router";
-import { ChevronRight, MapPin, Monitor, Plus, Printer, Search, Wand2 } from "lucide-react";
-import { koppelComputerAanPrintplek, usePrintplekken } from "../lib/printplekken.js";
+import { ChevronRight, MapPin, Monitor, Plus, Printer, RotateCcw, Search, Trash2, Wand2, } from "lucide-react";
+import { koppelComputerAanPrintplek, negeerComputer, useGenegeerdeComputers, usePrintplekken, zetComputerTerug, } from "../lib/printplekken.js";
 import { usePrinters } from "../lib/useDocumentData.js";
 import { useNetwerkPrinters } from "../lib/useNetwerkPrinters.js";
 import { useComputers } from "./ComputersLijst.js";
 import { ComputersLijst } from "./ComputersLijst.js";
 import { telPrintersPerComputer } from "../lib/printerTelling.js";
 import { PrintplekWizard } from "./PrintplekWizard.js";
+import { PrintplekVerwijderenDialog } from "./PrintplekVerwijderenDialog.js";
 import { TestprintDialog } from "./TestprintDialog.js";
 import { PrintStatusBanner } from "./PrintStatusBanner.js";
 import { bijgewerktTekst, useAutoRefresh } from "../lib/useAutoRefresh.js";
@@ -24,11 +25,14 @@ export function PrintplekkenPage({ ingebed = false } = {}) {
     const { computers, loading: computersLaden, fout: computersFout, reload: herlaadComputers, } = useComputers();
     const { printers, reload: herlaadPrinters } = usePrinters();
     const { gevonden, zoek } = useNetwerkPrinters();
+    const { genegeerd, reload: herlaadGenegeerd } = useGenegeerdeComputers();
     const navigate = useNavigate();
+    const [teVerwijderen, setTeVerwijderen] = useState(null);
     const [zoekterm, setZoekterm] = useState("");
     const [wizardOpen, setWizardOpen] = useState(false);
     const [testprint, setTestprint] = useState(null);
     const [computerToevoegen, setComputerToevoegen] = useState(false);
+    const [toonGenegeerd, setToonGenegeerd] = useState(false);
     const bijgewerkt = useAutoRefresh(async () => {
         await Promise.all([reload(true), herlaadComputers(true), herlaadPrinters(true), zoek()]);
     }, 10000, computerToevoegen || wizardOpen);
@@ -97,14 +101,32 @@ export function PrintplekkenPage({ ingebed = false } = {}) {
     const Wrapper = ingebed ? "div" : "main";
     return (_jsxs(Wrapper, { className: ingebed ? "space-y-6" : "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [!ingebed && (_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Printplekken" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Een printplek is een fysieke plek in het bedrijf, bijvoorbeeld een pickstation. Alle computers en printers op die plek horen bij elkaar." })] })), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setComputerToevoegen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Computer aanmelden"] }), _jsxs(Button, { onClick: () => setWizardOpen(true), children: [_jsx(Wand2, { className: "mr-2 h-4 w-4" }), " Printplek instellen"] })] })] }), _jsx(PrintStatusBanner, { fout: computersFout, offlineWerkplekken: computers.filter((c) => !c.online).map((c) => c.naam), toonWerkplekLink: false }), fout ? (_jsx("div", { className: "border-destructive/40 bg-destructive/10 text-destructive rounded-xl border p-3 text-sm", children: fout })) : null, _jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-xl border p-3", children: [_jsxs("div", { className: "relative min-w-[220px] flex-1", children: [_jsx(Search, { className: "text-muted-foreground absolute top-2.5 left-3 h-4 w-4" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek printplek of computer\u2026", value: zoekterm, onChange: (e) => setZoekterm(e.target.value) })] }), _jsxs("span", { className: "text-muted-foreground text-sm", children: [plekken.length, " plek", plekken.length === 1 ? "" : "ken", " \u00B7 ", computers.length, " computer", computers.length === 1 ? "" : "s", " (", computersOnline, " aan) \u00B7 ", totaalPrinters, " printer", totaalPrinters === 1 ? "" : "s"] }), _jsx("span", { className: "text-muted-foreground ml-auto text-xs", children: bijgewerktTekst(bijgewerkt) })] }), kaarten.length === 0 ? (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: plekken.length === 0 ? "Nog geen printplekken" : "Geen resultaten" }), _jsx(CardDescription, { children: plekken.length === 0
                                     ? 'Maak er één aan per plek waar geprint wordt, bijvoorbeeld "Pickstation 1".'
-                                    : "Geen printplek of computer gevonden met deze zoekterm." })] }), _jsx(CardContent, { className: "flex flex-wrap gap-2", children: _jsxs(Button, { onClick: () => setWizardOpen(true), children: [_jsx(Wand2, { className: "mr-2 h-4 w-4" }), " Printplek instellen"] }) })] })) : (_jsx("div", { className: "grid gap-4 xl:grid-cols-2", children: kaarten.map((k) => (_jsxs("div", { className: "rounded-xl border p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "truncate font-medium", children: k.plek.naam }), _jsx("span", { className: `h-2.5 w-2.5 shrink-0 rounded-full ${k.klaar ? "bg-emerald-500" : "bg-destructive"}`, "aria-label": k.klaar ? "Klaar om te printen" : "Nog niet compleet" })] }), k.plek.omschrijving ? (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: k.plek.omschrijving })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [_jsxs("button", { type: "button", className: "text-primary flex items-center text-xs", onClick: () => setTestprint({ id: k.plek.id, naam: k.plek.naam }), children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), " Testprint"] }), _jsxs(Link, { to: "/layouts-printers/printplekken/$printplekId", params: { printplekId: k.plek.id }, className: "text-primary flex items-center text-xs", children: ["Instellen ", _jsx(ChevronRight, { className: "ml-1 h-3.5 w-3.5" })] })] })] }), _jsx("div", { className: "mt-3 space-y-2", children: k.computerLijst.length === 0 ? (_jsxs("div", { className: "text-muted-foreground flex flex-wrap items-center gap-2 rounded-lg border border-dashed p-3 text-sm", children: ["Nog geen computer gekoppeld", nietGekoppeld.length > 0 ? (_jsxs(Select, { onValueChange: (naam) => void koppel(k.plek.id, naam), children: [_jsx(SelectTrigger, { className: "h-8 w-[190px]", children: _jsx(SelectValue, { placeholder: "Computer koppelen" }) }), _jsx(SelectContent, { children: nietGekoppeld.map((c) => (_jsx(SelectItem, { value: c.naam, children: c.naam }, c.id))) })] })) : (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setComputerToevoegen(true), children: "Computer aanmelden" }))] })) : (k.computerLijst.map((c) => (_jsxs("div", { className: "bg-muted/40 flex flex-wrap items-center gap-3 rounded-lg px-3 py-2 text-sm", children: [_jsx(Monitor, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: c.naam }), _jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${c.online ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`, children: c.aangemeld ? (c.online ? "Aan" : "Uit") : "Niet aangemeld" }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [c.ingesteld, " printer", c.ingesteld === 1 ? "" : "s", " \u00B7 ", c.gevonden, " gevonden"] }), _jsx(Button, { variant: "ghost", size: "sm", disabled: !c.id, onClick: () => naarComputer(c.id), children: "Printers toevoegen" })] }, c.koppelingId)))) }), _jsxs("div", { className: "text-muted-foreground mt-3 flex items-start gap-2 text-xs", children: [_jsx(Printer, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: k.documentRegels.length === 0
+                                    : "Geen printplek of computer gevonden met deze zoekterm." })] }), _jsx(CardContent, { className: "flex flex-wrap gap-2", children: _jsxs(Button, { onClick: () => setWizardOpen(true), children: [_jsx(Wand2, { className: "mr-2 h-4 w-4" }), " Printplek instellen"] }) })] })) : (_jsx("div", { className: "grid gap-4 xl:grid-cols-2", children: kaarten.map((k) => (_jsxs("div", { className: "rounded-xl border p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "truncate font-medium", children: k.plek.naam }), _jsx("span", { className: `h-2.5 w-2.5 shrink-0 rounded-full ${k.klaar ? "bg-emerald-500" : "bg-destructive"}`, "aria-label": k.klaar ? "Klaar om te printen" : "Nog niet compleet" })] }), k.plek.omschrijving ? (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: k.plek.omschrijving })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [_jsxs("button", { type: "button", className: "text-primary flex items-center text-xs", onClick: () => setTestprint({ id: k.plek.id, naam: k.plek.naam }), children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), " Testprint"] }), _jsxs("button", { type: "button", className: "text-destructive flex items-center text-xs", onClick: () => setTeVerwijderen({ id: k.plek.id, naam: k.plek.naam }), children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Verwijderen"] }), _jsxs(Link, { to: "/layouts-printers/printplekken/$printplekId", params: { printplekId: k.plek.id }, className: "text-primary flex items-center text-xs", children: ["Instellen ", _jsx(ChevronRight, { className: "ml-1 h-3.5 w-3.5" })] })] })] }), _jsx("div", { className: "mt-3 space-y-2", children: k.computerLijst.length === 0 ? (_jsxs("div", { className: "text-muted-foreground flex flex-wrap items-center gap-2 rounded-lg border border-dashed p-3 text-sm", children: ["Nog geen computer gekoppeld", nietGekoppeld.length > 0 ? (_jsxs(Select, { onValueChange: (naam) => void koppel(k.plek.id, naam), children: [_jsx(SelectTrigger, { className: "h-8 w-[190px]", children: _jsx(SelectValue, { placeholder: "Computer koppelen" }) }), _jsx(SelectContent, { children: nietGekoppeld.map((c) => (_jsx(SelectItem, { value: c.naam, children: c.naam }, c.id))) })] })) : (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setComputerToevoegen(true), children: "Computer aanmelden" }))] })) : (k.computerLijst.map((c) => (_jsxs("div", { className: "bg-muted/40 flex flex-wrap items-center gap-3 rounded-lg px-3 py-2 text-sm", children: [_jsx(Monitor, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: c.naam }), _jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${c.online ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`, children: c.aangemeld ? (c.online ? "Aan" : "Uit") : "Niet aangemeld" }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [c.ingesteld, " printer", c.ingesteld === 1 ? "" : "s", " \u00B7 ", c.gevonden, " gevonden"] }), _jsx(Button, { variant: "ghost", size: "sm", disabled: !c.id, onClick: () => naarComputer(c.id), children: "Printers toevoegen" })] }, c.koppelingId)))) }), _jsxs("div", { className: "text-muted-foreground mt-3 flex items-start gap-2 text-xs", children: [_jsx(Printer, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: k.documentRegels.length === 0
                                         ? "Nog geen document aan een printer gekoppeld"
                                         : k.documentRegels
                                             .map((r) => `${documentTypeLabel(r.documenttype)} → ${printerNaam.get(r.printer_id ?? "") ?? "onbekende printer"}`)
                                             .join(" · ") })] }), k.bronnen.length > 0 ? (_jsx("div", { className: "mt-3 flex flex-wrap gap-1", children: Array.from(new Set(k.bronnen.map((b) => b.bron))).map((bron) => (_jsxs(Badge, { variant: "secondary", children: [k.bronnen.filter((b) => b.bron === bron).length, "\u00D7 ", bron] }, bron))) })) : null] }, k.plek.id))) })), nietGekoppeld.length > 0 ? (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "text-base", children: ["Computers zonder printplek (", nietGekoppeld.length, ")"] }), _jsx(CardDescription, { children: "Deze computers zijn aangemeld maar horen nog nergens bij. Kies hieronder waar ze staan." })] }), _jsx(CardContent, { className: "space-y-2", children: nietGekoppeld.map((c) => {
                             const info = perComputer.get(c.naam);
-                            return (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx(Monitor, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: c.naam }), _jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${c.online ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`, children: c.online ? "Aan" : "Uit" }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [info?.gevonden ?? c.aantalGevonden, " printers gevonden"] }), plekken.length > 0 ? (_jsxs(Select, { onValueChange: (plekId) => void koppel(plekId, c.naam), children: [_jsx(SelectTrigger, { className: "h-8 w-[170px]", children: _jsx(SelectValue, { placeholder: "Plek kiezen" }) }), _jsx(SelectContent, { children: plekken.map((p) => (_jsx(SelectItem, { value: p.id, children: p.naam }, p.id))) })] })) : (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setWizardOpen(true), children: "Printplek maken" }))] }, c.id));
-                        }) })] })) : null, !computersLaden && computers.length === 0 && plekken.length === 0 ? (_jsx(Card, { children: _jsxs(CardContent, { className: "space-y-3 py-6 text-sm", children: [_jsx("p", { className: "font-medium", children: "Nog geen computer aangemeld" }), _jsx("p", { className: "text-muted-foreground", children: "Installeer het printprogramma op de computer waar de printers aan hangen. Zodra die zich meldt, verschijnt hij hier." }), _jsxs(Button, { onClick: () => setComputerToevoegen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Computer aanmelden"] })] }) })) : null, _jsx(PrintplekWizard, { open: wizardOpen, onOpenChange: setWizardOpen, onKlaar: () => vernieuwAlles() }), _jsx(TestprintDialog, { open: testprint !== null, onOpenChange: (v) => !v && setTestprint(null), printplekId: testprint?.id ?? null, printplekNaam: testprint?.naam ?? null }), _jsx(ComputersLijst, { computers: computers, loading: false, fout: null, onVernieuw: () => {
+                            return (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx(Monitor, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: c.naam }), _jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${c.online ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`, children: c.online ? "Aan" : "Uit" }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [info?.gevonden ?? c.aantalGevonden, " printers gevonden"] }), plekken.length > 0 ? (_jsxs(Select, { onValueChange: (plekId) => void koppel(plekId, c.naam), children: [_jsx(SelectTrigger, { className: "h-8 w-[170px]", children: _jsx(SelectValue, { placeholder: "Plek kiezen" }) }), _jsx(SelectContent, { children: plekken.map((p) => (_jsx(SelectItem, { value: p.id, children: p.naam }, p.id))) })] })) : (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setWizardOpen(true), children: "Printplek maken" })), _jsxs(Button, { variant: "ghost", size: "sm", className: "text-destructive", onClick: async () => {
+                                            try {
+                                                await negeerComputer(c.naam, null);
+                                                await Promise.all([herlaadComputers(true), herlaadGenegeerd()]);
+                                                toast.success(`${c.naam} verwijderd`);
+                                            }
+                                            catch {
+                                                toast.error("Verwijderen mislukt");
+                                            }
+                                        }, children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Verwijderen"] })] }, c.id));
+                        }) })] })) : null, genegeerd.length > 0 ? (_jsxs("div", { className: "space-y-2", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setToonGenegeerd((v) => !v), children: [toonGenegeerd ? "Verberg" : "Toon", " genegeerde computers (", genegeerd.length, ")"] }), toonGenegeerd ? (_jsx(Card, { children: _jsx(CardContent, { className: "space-y-2 py-4", children: genegeerd.map((g) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx(Monitor, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: g.computer_naam }), _jsxs("span", { className: "text-muted-foreground text-xs", children: ["verwijderd op ", new Date(g.genegeerd_op).toLocaleString("nl-NL")] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: async () => {
+                                            try {
+                                                await zetComputerTerug(g.computer_naam);
+                                                await Promise.all([herlaadComputers(true), herlaadGenegeerd()]);
+                                                toast.success(`${g.computer_naam} teruggezet`);
+                                            }
+                                            catch {
+                                                toast.error("Terugzetten mislukt");
+                                            }
+                                        }, children: [_jsx(RotateCcw, { className: "mr-1 h-3.5 w-3.5" }), " Terugzetten"] })] }, g.id))) }) })) : null] })) : null, !computersLaden && computers.length === 0 && plekken.length === 0 ? (_jsx(Card, { children: _jsxs(CardContent, { className: "space-y-3 py-6 text-sm", children: [_jsx("p", { className: "font-medium", children: "Nog geen computer aangemeld" }), _jsx("p", { className: "text-muted-foreground", children: "Installeer het printprogramma op de computer waar de printers aan hangen. Zodra die zich meldt, verschijnt hij hier." }), _jsxs(Button, { onClick: () => setComputerToevoegen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Computer aanmelden"] })] }) })) : null, _jsx(PrintplekVerwijderenDialog, { plek: teVerwijderen, onOpenChange: (v) => !v && setTeVerwijderen(null), onKlaar: () => vernieuwAlles() }), _jsx(PrintplekWizard, { open: wizardOpen, onOpenChange: setWizardOpen, onKlaar: () => vernieuwAlles() }), _jsx(TestprintDialog, { open: testprint !== null, onOpenChange: (v) => !v && setTestprint(null), printplekId: testprint?.id ?? null, printplekNaam: testprint?.naam ?? null }), _jsx(ComputersLijst, { computers: computers, loading: false, fout: null, onVernieuw: () => {
                     void herlaadComputers();
                     void zoek();
                 }, onPrintersToevoegen: (naam) => {

package/dist-lib/components/WerkplekConfiguratiePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WerkplekConfiguratiePage.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekConfiguratiePage.tsx"],"names":[],"mappings":"AAwCA,wBAAgB,wBAAwB,gCA2TvC"}
+{"version":3,"file":"WerkplekConfiguratiePage.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekConfiguratiePage.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,wBAAwB,gCAkXvC"}