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) => (
+
+
+
+
+
+
+
+
+
+
+
+ ))}
+
+
+
);
}