diff --git a/frontend/src/components/ocme/WrapperCard.tsx b/frontend/src/components/ocme/WrapperCard.tsx new file mode 100644 index 0000000..2bcd9c5 --- /dev/null +++ b/frontend/src/components/ocme/WrapperCard.tsx @@ -0,0 +1,131 @@ +import axios from "axios"; +import { LstCard } from "../extendedUI/LstCard"; +import { Button } from "../ui/button"; +import { ScrollArea } from "../ui/scroll-area"; +import { Skeleton } from "../ui/skeleton"; +import { + Table, + TableBody, + TableCell, + TableHead, + TableHeader, + TableRow, +} from "../ui/table"; +import { toast } from "sonner"; + +const currentPallets = [ + { key: "line", label: "Line" }, + { key: "runningNr", label: "Running #" }, + { key: "upd_date", label: "Date Scanned" }, + { key: "waitingfor", label: "Waiting For" }, + { key: "clear", label: "Clear" }, +]; + +const currentTags = [ + { key: "line", label: "Line" }, + { key: "printerName", label: "Printer" }, + { key: "runningNr", label: "Running #" }, + { key: "upd_date", label: "Label date" }, + { key: "status", label: "Label Status" }, +]; +export default function WrapperManualTrigger() { + const cameraTrigger = async () => { + try { + const res = await axios.get("/ocme/api/v1/manualCameraTrigger"); + + if (res.data.success) { + toast.success(res.data.message); + return; + } + + if (!res.data.success) { + toast.error(res.data.message); + } + } catch (error) { + console.log(error); + //stoast.success(error.data.message); + } + }; + return ( + + + Wrapper Pallet Info + + + + + {currentPallets.map((l) => ( + {l.label} + ))} + + + + {Array(3) + .fill(0) + .map((_, i) => ( + + + + + + + + + + + + + + + + + + ))} + +
+
+ + + + + {currentTags.map((l) => ( + {l.label} + ))} + + + + {Array(3) + .fill(0) + .map((_, i) => ( + + + + + + + + + + + + + + + + + + ))} + +
+
+
+
+

Manual Triggers

+
+ + +
+
+
+ ); +} diff --git a/frontend/src/components/production/ocp/OcpPage.tsx b/frontend/src/components/production/ocp/OcpPage.tsx index 2c6d8fc..0e56872 100644 --- a/frontend/src/components/production/ocp/OcpPage.tsx +++ b/frontend/src/components/production/ocp/OcpPage.tsx @@ -1,9 +1,14 @@ +import WrapperManualTrigger from "@/components/ocme/WrapperCard"; import LabelLog from "./LabelLog"; import Lots from "./Lots"; import OcpLogs from "./OcpLogs"; import PrinterStatus from "./PrinterStatus"; +import { useSettingStore } from "@/lib/store/useSettings"; export default function OCPPage() { + const { settings } = useSettingStore(); + + const server = settings.filter((n) => n.plantToken === "usday1"); return (
@@ -21,8 +26,15 @@ export default function OCPPage() {
-
- +
+ {server && ( +
+ +
+ )} +
+ +
diff --git a/frontend/src/components/production/ocp/PrinterStatus.tsx b/frontend/src/components/production/ocp/PrinterStatus.tsx index 27fe9f4..d724f41 100644 --- a/frontend/src/components/production/ocp/PrinterStatus.tsx +++ b/frontend/src/components/production/ocp/PrinterStatus.tsx @@ -1,6 +1,14 @@ -import {LstCard} from "@/components/extendedUI/LstCard"; -import {Skeleton} from "@/components/ui/skeleton"; -import {Table, TableBody, TableCell, TableHead, TableHeader, TableRow} from "@/components/ui/table"; +import { LstCard } from "@/components/extendedUI/LstCard"; +import { ScrollArea } from "@/components/ui/scroll-area"; +import { Skeleton } from "@/components/ui/skeleton"; +import { + Table, + TableBody, + TableCell, + TableHead, + TableHeader, + TableRow, +} from "@/components/ui/table"; let printerCols = [ { @@ -19,34 +27,37 @@ let printerCols = [ export default function PrinterStatus() { return ( -

Printer Status

- - - - {printerCols.map((l) => ( - {l.label} - ))} - - + +

Printer Status

- - {Array(10) - .fill(0) - .map((_, i) => ( - - - - - - - - - - +
+ + + {printerCols.map((l) => ( + {l.label} + ))} - ))} - -
+ + + + {Array(5) + .fill(0) + .map((_, i) => ( + + + + + + + + + + + + ))} + + +
); }