Loading.....
;
+ // }
+ if (isError) {
+ return {JSON.stringify(error)}
;
+ }
+
+ return (
+ Loading.....
;
+ // }
+ if (isError) {
+ return {JSON.stringify(error)}
;
+ }
+
+ return (
+ Loading users...
;
+
+ if (isError)
+ return (
+
+ There was an error getting the users.... {JSON.stringify(error)}
+
+ );
+
+ return (
+
+ {data.map((u: any) => {
+ return (
+
+ );
+}
diff --git a/lstV2/frontend/src/components/admin/user/components/ModuleAccess.tsx b/lstV2/frontend/src/components/admin/user/components/ModuleAccess.tsx
new file mode 100644
index 0000000..42e9a59
--- /dev/null
+++ b/lstV2/frontend/src/components/admin/user/components/ModuleAccess.tsx
@@ -0,0 +1,33 @@
+import ModuleForm from "./ModuleForm";
+import { getModules } from "@/utils/querys/admin/modules";
+import { useQuery } from "@tanstack/react-query";
+//import { getUserRoles } from "@/utils/querys/admin/userRoles";
+//import { Checkbox } from "@radix-ui/react-checkbox";
+
+export default function ModuleAccess(data: any) {
+ const token = localStorage.getItem("auth_token");
+ // const { data: userRoles } = useQuery(getUserRoles());
+ const {
+ data: modules,
+ isError,
+ isLoading,
+ } = useQuery(getModules(token ?? ""));
+
+ if (isError) return
+
+ );
+ })}
+ Error gettings Roles
;
+ if (isLoading) return Loading modules
;
+ return (
+
+ {modules?.map((m: any) => {
+ return (
+
+ );
+}
diff --git a/lstV2/frontend/src/components/admin/user/components/ModuleForm.tsx b/lstV2/frontend/src/components/admin/user/components/ModuleForm.tsx
new file mode 100644
index 0000000..827d9c5
--- /dev/null
+++ b/lstV2/frontend/src/components/admin/user/components/ModuleForm.tsx
@@ -0,0 +1,119 @@
+import { Button } from "@/components/ui/button";
+import { Label } from "@/components/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectGroup,
+ SelectItem,
+ SelectLabel,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+
+import { useForm } from "@tanstack/react-form";
+
+import axios from "axios";
+import { toast } from "sonner";
+
+export default function ModuleForm(props: any) {
+ const token = localStorage.getItem("auth_token");
+ const role =
+ props.user?.moduleRoles?.filter(
+ (m: any) => m.module_id === props.module.module_id
+ )[0]?.role ?? " ";
+ const form = useForm({
+ defaultValues: {
+ role: role,
+ },
+ onSubmit: async ({ value }) => {
+ const data: any = {
+ username: props.user.username,
+ module: props.module.name,
+ role: value.role,
+ };
+ console.log(data);
+ try {
+ const res = await axios.post("/api/auth/setuseraccess", data, {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+
+ if (res.data.success) {
+ toast.success(res.data.message);
+ props.refetch();
+ form.reset();
+ } else {
+ res.data.message;
+ }
+ } catch (error) {
+ console.log(error);
+ }
+ },
+ });
+
+ return (
+
+
+ );
+ })}
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/admin/user/components/SubModuleAccess.tsx b/lstV2/frontend/src/components/admin/user/components/SubModuleAccess.tsx
new file mode 100644
index 0000000..61143af
--- /dev/null
+++ b/lstV2/frontend/src/components/admin/user/components/SubModuleAccess.tsx
@@ -0,0 +1,31 @@
+import { useGetUserRoles } from "@/lib/store/useGetRoles";
+import { useSubModuleStore } from "@/lib/store/useSubModuleStore";
+
+import SubModuleForm from "./SubmoduleForm";
+//import { Checkbox } from "@radix-ui/react-checkbox";
+
+export default function UserSubRoles(data: any) {
+ const { userRoles } = useGetUserRoles();
+ const { subModules } = useSubModuleStore();
+
+ return (
+
+ {subModules?.map((m: any) => {
+ const hasRole: any = userRoles.filter(
+ (r: any) =>
+ r.user_id.includes(data.user.user_id) &&
+ r.module_id === m.module_id
+ );
+ return (
+
+ );
+}
diff --git a/lstV2/frontend/src/components/admin/user/components/SubmoduleForm.tsx b/lstV2/frontend/src/components/admin/user/components/SubmoduleForm.tsx
new file mode 100644
index 0000000..2e9e1b9
--- /dev/null
+++ b/lstV2/frontend/src/components/admin/user/components/SubmoduleForm.tsx
@@ -0,0 +1,93 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { Label } from "@/components/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectGroup,
+ SelectItem,
+ SelectLabel,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { useForm } from "@tanstack/react-form";
+
+export default function SubModuleForm(props: any) {
+ const form = useForm({
+ defaultValues: { role: "" },
+ onSubmit: async ({ value }) => {
+ console.log(value);
+ },
+ });
+
+ return (
+
+
+ );
+ })}
+
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/admin/user/components/UserCard.tsx b/lstV2/frontend/src/components/admin/user/components/UserCard.tsx
new file mode 100644
index 0000000..a0ed65d
--- /dev/null
+++ b/lstV2/frontend/src/components/admin/user/components/UserCard.tsx
@@ -0,0 +1,283 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+// import {
+// Select,
+// SelectContent,
+// SelectGroup,
+// SelectItem,
+// SelectLabel,
+// SelectTrigger,
+// SelectValue,
+// } from "@/components/ui/select";
+
+import { DebugButton } from "@/utils/formStuff/debugButton";
+import { userFormOptions } from "@/utils/formStuff/options/userformOptions";
+import { generatePassword } from "@/utils/passwordGen";
+import { getUsers } from "@/utils/querys/admin/users";
+import { useForm } from "@tanstack/react-form";
+import { useQuery } from "@tanstack/react-query";
+import axios from "axios";
+import { toast } from "sonner";
+
+import { CardHeader } from "@/components/ui/card";
+import ModuleAccess from "./ModuleAccess";
+
+export default function UserCard(data: any) {
+ const token = localStorage.getItem("auth_token");
+ const { refetch } = useQuery(getUsers());
+
+ //console.log(userRoles);
+ const form = useForm({
+ ...userFormOptions(data.user),
+ onSubmit: async ({ value }) => {
+ // Do something with form data
+
+ const userData = { ...value, user_id: data.user.user_id };
+
+ try {
+ const res = await axios.patch(
+ "/api/auth/updateuser",
+ userData,
+ {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+
+ if (res.data.success) {
+ toast.success(res.data.message);
+ refetch();
+ form.reset();
+ } else {
+ res.data.message;
+ }
+ } catch (error) {
+ console.log(error);
+ }
+ },
+ });
+ return (
+
+ Module: {props.i.moduleName},
+ SubModule: {props.i.name}
+
+ Current role:{" "} + {props.hasRole[0]?.role + ? props.hasRole[0].role + : "not assigned"} +
+ +
+
+ );
+}
diff --git a/lstV2/frontend/src/components/auth/LoginForm.tsx b/lstV2/frontend/src/components/auth/LoginForm.tsx
new file mode 100644
index 0000000..dd25dba
--- /dev/null
+++ b/lstV2/frontend/src/components/auth/LoginForm.tsx
@@ -0,0 +1,171 @@
+import { useSessionStore } from "../../lib/store/sessionStore";
+import { LstCard } from "../extendedUI/LstCard";
+import { CardHeader } from "../ui/card";
+import { toast } from "sonner";
+import { z } from "zod";
+import { useRouter, useSearch } from "@tanstack/react-router";
+import { Controller, useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Label } from "../ui/label";
+import { Input } from "../ui/input";
+import { Checkbox } from "../ui/checkbox";
+import { Button } from "../ui/button";
+
+const FormSchema = z.object({
+ username: z.string().min(1, "You must enter a valid username"),
+ password: z.string().min(4, "You must enter a valid password"),
+ rememberMe: z.boolean(),
+});
+
+const LoginForm = () => {
+ const { setSession } = useSessionStore();
+ const rememeberMe = localStorage.getItem("rememberMe") === "true";
+ const username = localStorage.getItem("username") || "";
+ const router = useRouter();
+ const search = useSearch({ from: "/login" });
+ const {
+ register,
+ handleSubmit,
+ control,
+ formState: { errors },
+ } = useForm
+
+ User Profile
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ );
+};
+
+export default LoginForm;
diff --git a/lstV2/frontend/src/components/auth/Register.tsx b/lstV2/frontend/src/components/auth/Register.tsx
new file mode 100644
index 0000000..85ae49a
--- /dev/null
+++ b/lstV2/frontend/src/components/auth/Register.tsx
@@ -0,0 +1,213 @@
+import { LstCard } from "../extendedUI/LstCard";
+import { CardHeader } from "../ui/card";
+import { toast } from "sonner";
+
+import { Label } from "../ui/label";
+import { Input } from "../ui/input";
+import { Button } from "../ui/button";
+import { useForm } from "@tanstack/react-form";
+import { Separator } from "../ui/separator";
+import { useNavigate } from "@tanstack/react-router";
+import { useState } from "react";
+import axios from "axios";
+
+export default function RegisterForm() {
+ const navigate = useNavigate();
+ const [registering, setRegistering] = useState(false);
+ const form = useForm({
+ defaultValues: {
+ username: "",
+ password: "",
+ email: "",
+ },
+ onSubmit: async ({ value }) => {
+ setRegistering(true);
+ try {
+ const res = await axios.post("/api/auth/register", value);
+
+ if (res.data.success) {
+ navigate({ to: "/login" });
+ form.reset();
+ toast.success(
+ `${value.username} was just created please login`
+ );
+ setRegistering(false);
+ }
+
+ if (!res.data.success) {
+ toast.error(res.data.message);
+ setRegistering(false);
+ }
+ } catch (error) {
+ //console.log(error);
+ toast.error("There was an error registering");
+ setRegistering(false);
+ }
+ },
+ });
+
+ return (
+
+
+ Login to LST
++ +
+
+
+
+
+ +
+
+ );
+}
diff --git a/lstV2/frontend/src/components/changelog/ChangeLog.tsx b/lstV2/frontend/src/components/changelog/ChangeLog.tsx
new file mode 100644
index 0000000..98be0c4
--- /dev/null
+++ b/lstV2/frontend/src/components/changelog/ChangeLog.tsx
@@ -0,0 +1,33 @@
+// src/components/Changelog.jsx
+import { marked } from "marked";
+import changelog from "../../../../CHANGELOG.md?raw"; // assuming changelog.md is in root
+
+const Changelog = () => {
+ const html: any = marked.parse(changelog);
+ const recentChanges = html.split("
+
+ Login to register
++ +
")[1];
+ // const [htmlContent, setHtmlContent] = useState("");
+
+ // useEffect(() => {
+ // fetch("/changelog.md")
+ // .then((res) => res.text())
+ // .then((md) => {
+ // const versionBlocks = md.split(/^##\s+/gm); // Split on headings
+ // if (versionBlocks.length > 1) {
+ // const latestBlock = `## ${versionBlocks[1]}`;
+ // const html: any = marked.parse(latestBlock, {
+ // breaks: true,
+ // gfm: true,
+ // });
+ // setHtmlContent(html);
+ // }
+ // });
+ // }, []);
+ return (
+ ${recentChanges}` }}
+ />
+ );
+};
+
+export default Changelog;
diff --git a/lstV2/frontend/src/components/dashboard/AddCards.tsx b/lstV2/frontend/src/components/dashboard/AddCards.tsx
new file mode 100644
index 0000000..fe40ee4
--- /dev/null
+++ b/lstV2/frontend/src/components/dashboard/AddCards.tsx
@@ -0,0 +1,47 @@
+import { Button } from "@/components/ui/button";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "@/components/ui/dialog";
+import Cards from "./Cards";
+//import { toast } from "sonner";
+
+export function AddCards() {
+ return (
+
+ );
+}
diff --git a/lstV2/frontend/src/components/dashboard/Cards.tsx b/lstV2/frontend/src/components/dashboard/Cards.tsx
new file mode 100644
index 0000000..3f9fe1c
--- /dev/null
+++ b/lstV2/frontend/src/components/dashboard/Cards.tsx
@@ -0,0 +1,108 @@
+import { useCardStore } from "@/lib/store/useCardStore";
+import { Label } from "../ui/label";
+import { Checkbox } from "../ui/checkbox";
+import { Button } from "../ui/button";
+import { useAppForm } from "@/utils/formStuff";
+
+export default function Cards(card: any) {
+ const { addCard, removeCard, cards } = useCardStore();
+ let existing: any = cards.filter((n: any) => n.name === card.name);
+
+ //console.log(existing);
+ const form = useAppForm({
+ defaultValues: {
+ name: existing[0]?.name || card.name,
+ rowType: existing[0]?.type ?? card.rowType,
+ age: existing[0]?.age ?? 90,
+ active: existing[0]?.active ?? false,
+ },
+ onSubmit: async ({ value }) => {
+ console.log(value);
+ const testCard: any = cards.filter(
+ (i: any) => i.name === value.name
+ );
+
+ if (value.active) {
+ const newCard = {
+ name: `${value.name}`,
+ rowType: value.rowType,
+ age: value.age ?? 90,
+ active: value.active,
+ };
+ if (testCard.length > 0) {
+ removeCard(value.name);
+ addCard(newCard);
+ return;
+ }
+ // change the name for a type card
+
+ addCard(newCard);
+ } else {
+ removeCard(value.name);
+ }
+ },
+ });
+ return (
+
+ {card.name}
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/dashboard/DashBoard.tsx b/lstV2/frontend/src/components/dashboard/DashBoard.tsx
new file mode 100644
index 0000000..f4cc2b5
--- /dev/null
+++ b/lstV2/frontend/src/components/dashboard/DashBoard.tsx
@@ -0,0 +1,84 @@
+import { useCardStore } from "@/lib/store/useCardStore";
+import INVCheckCard from "../logistics/warehouse/InventoryCard";
+import PPOO from "../logistics/warehouse/PPOOCard";
+import OpenOrders from "../logistics/warehouse/openOrders";
+
+const componentsMap: any = {
+ ppoo: PPOO,
+ inv: INVCheckCard,
+ openOrder: OpenOrders,
+ //QualityRequest,
+};
+
+export default function DashBoard() {
+ const { cards } = useCardStore();
+
+ //console.log(cards);
+ return (
+
+ {cards.map((a: any) => {
+ const name = a.name; //.filter((c) => c.i === card.i)[0].i || "name";
+
+ const Component = componentsMap[name.split("-")[0]];
+ if (name === "openOrder") {
+ return (
+
+
+
+ {tabs.map((tab) => {
+ if (tab.roles.includes(role[0].role))
+ return {tab.label} ;
+ })}
+
+ {tabs.map((tab) => {
+ if (tab.roles.includes(role[0].role))
+ return (
+
+ {tab.content}
+
+ );
+ })}
+
+
+ );
+}
+
+function Materials() {
+ return (
+
+
+
+ Resin
+
+
+ MasterBatch
+
+
+ Additive
+
+
+ Dose cups / Spigots / Spouts
+
+
+
+
+ Pre-Emis Material Consistency report
+
+
+
+
+ Regrind Report in kg
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/eom/materialCheck/MaterialCheck.tsx b/lstV2/frontend/src/components/eom/materialCheck/MaterialCheck.tsx
new file mode 100644
index 0000000..bb3b9fc
--- /dev/null
+++ b/lstV2/frontend/src/components/eom/materialCheck/MaterialCheck.tsx
@@ -0,0 +1,3 @@
+export default function MaterialCheck() {
+ return MaterialCheck;
+}
diff --git a/lstV2/frontend/src/components/eom/materialsData/MaterialData.tsx b/lstV2/frontend/src/components/eom/materialsData/MaterialData.tsx
new file mode 100644
index 0000000..4023908
--- /dev/null
+++ b/lstV2/frontend/src/components/eom/materialsData/MaterialData.tsx
@@ -0,0 +1,211 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import { Popover, PopoverTrigger } from "@/components/ui/popover";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { useSessionStore } from "@/lib/store/sessionStore";
+import { useModuleStore } from "@/lib/store/useModuleStore";
+import { cn } from "@/lib/utils";
+import { PopoverContent } from "@radix-ui/react-popover";
+import { Link, useRouter } from "@tanstack/react-router";
+import { startOfMonth } from "date-fns";
+import { format } from "date-fns-tz";
+import { CalendarIcon } from "lucide-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import KFP from "../KFP";
+
+export default function MaterialData() {
+ const { modules } = useModuleStore();
+ const { user } = useSessionStore();
+ const router = useRouter();
+ const [date, setDate] = useState();
+
+ if (!user) {
+ router.navigate({ to: "/" });
+ }
+ const eomMod = modules.filter((m) => m.name === "eom");
+ // the users current role for eom is?
+ const role: any =
+ user?.roles.filter((r) => r.module_id === eomMod[0].module_id) || "";
+
+ const tabs = [
+ {
+ key: "kfp",
+ label: "Key Figures",
+ roles: ["admin", "systemAdmin"],
+ content:
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {tabs.map((tab) => {
+ if (tab.roles.includes(role[0].role))
+ return (
+
+ {tab.label}
+
+ );
+ })}
+
+ {tabs.map((tab) => {
+ if (tab.roles.includes(role[0].role))
+ return (
+
+ {tab.content}
+
+ );
+ })}
+
+
+ );
+}
+
+function DummyContent() {
+ return (
+
+
+
+
+ Av
+ Description
+ Material Type
+ Waste
+ Loss / Gain $$
+
+
+
+
+ {Array(10)
+ .fill(0)
+ .map((_, i) => (
+
+
+
+ {i}
+
+
+
+
+
+
+
+
+
+
+ {/*
+ */}
+
+ ))}
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/extendedUI/LstCard.tsx b/lstV2/frontend/src/components/extendedUI/LstCard.tsx
new file mode 100644
index 0000000..1b9c2e8
--- /dev/null
+++ b/lstV2/frontend/src/components/extendedUI/LstCard.tsx
@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+import { Card } from "../ui/card";
+
+interface LstCardProps {
+ children?: ReactNode;
+ className?: string;
+ style?: React.CSSProperties;
+}
+
+export function LstCard({
+ children,
+ className = "",
+ style = {},
+}: LstCardProps) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/lstV2/frontend/src/components/layout/lst-sidebar.tsx b/lstV2/frontend/src/components/layout/lst-sidebar.tsx
new file mode 100644
index 0000000..45926fd
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/lst-sidebar.tsx
@@ -0,0 +1,61 @@
+import {
+ Sidebar,
+ SidebarContent,
+ SidebarFooter,
+ SidebarTrigger,
+} from "../ui/sidebar";
+import { ProductionSideBar } from "./side-components/production";
+import { Header } from "./side-components/header";
+import { LogisticsSideBar } from "./side-components/logistics";
+import { QualitySideBar } from "./side-components/quality";
+import { ForkliftSideBar } from "./side-components/forklift";
+import { EomSideBar } from "./side-components/eom";
+import { AdminSideBar } from "./side-components/admin";
+import { useSessionStore } from "../../lib/store/sessionStore";
+import { hasAccess } from "../../utils/userAccess";
+import { moduleActive } from "../../utils/moduleActive";
+import { useModuleStore } from "../../lib/store/useModuleStore";
+
+export function AppSidebar() {
+ const { user } = useSessionStore();
+ const { modules } = useModuleStore();
+
+ return (
+
+
+ n.name === "production")[0]
+ .module_id as string
+ }
+ />
+ )}
+ {moduleActive("logistics") && (
+ n.name === "logistics")[0]
+ .module_id as string
+ }
+ />
+ )}
+ {moduleActive("forklift") &&
+ hasAccess(user, "forklift", modules) &&
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/layout/mode-toggle.tsx b/lstV2/frontend/src/components/layout/mode-toggle.tsx
new file mode 100644
index 0000000..e30463d
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/mode-toggle.tsx
@@ -0,0 +1,26 @@
+import {Moon, Sun} from "lucide-react";
+
+import {Button} from "../ui/button";
+import {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from "../ui/dropdown-menu";
+import {useTheme} from "../layout/theme-provider";
+
+export function ModeToggle() {
+ const {setTheme} = useTheme();
+
+ return (
+
+
+
+
+
+ setTheme("light")}>Light
+ setTheme("dark")}>Dark
+ setTheme("system")}>System
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/layout/side-components/admin.tsx b/lstV2/frontend/src/components/layout/side-components/admin.tsx
new file mode 100644
index 0000000..61a8e03
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/side-components/admin.tsx
@@ -0,0 +1,212 @@
+import {
+ AlignJustify,
+ Atom,
+ Logs,
+ Minus,
+ Plus,
+ Server,
+ Settings,
+ ShieldCheck,
+ Users,
+ Webhook,
+} from "lucide-react";
+import {
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarGroupLabel,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+ SidebarMenuSub,
+ SidebarMenuSubButton,
+ SidebarMenuSubItem,
+} from "../../ui/sidebar";
+import {
+ Collapsible,
+ CollapsibleContent,
+ CollapsibleTrigger,
+} from "../../ui/collapsible";
+import { useSubModuleStore } from "@/lib/store/useSubModuleStore";
+import { useSettingStore } from "@/lib/store/useSettings";
+
+const iconMap: any = {
+ ShieldCheck: ShieldCheck,
+ AlignJustify: AlignJustify,
+ Settings: Settings,
+ Atom: Atom,
+ Logs: Logs,
+ Users: Users,
+ Webhook: Webhook,
+ Server: Server,
+};
+
+export function AdminSideBar() {
+ const { subModules } = useSubModuleStore();
+ const { settings } = useSettingStore();
+
+ const plantToken = settings.filter((n) => n.name === "plantToken");
+
+ const items = subModules.filter((m) => m.moduleName === "admin");
+ return (
+
+ Admin section
+
+ {items.map((item: any, index) => {
+ const Icon = iconMap[item.icon] || AlignJustify;
+ // drop down menu setup
+ return (
+
+ {item.link === "#" ? (
+
+
+
+
+
+
+ {item.subSubModule?.length > 0 ? (
+
+
+ {item.subSubModule.map(
+ (i: any) => {
+ const SubIcon =
+ iconMap[
+ i.icon
+ ] ||
+ AlignJustify;
+ return (
+
+ {i.isActive && (
+
+
+
+ )}
+
+ );
+ }
+ )}
+
+
+ ) : null}
+
+
+ ) : (
+
+ {items.map((item) => {
+ if (item.link === "#") return;
+ return (
+
+
+
+
+
+ );
+ })}
+
+ )}
+
+ );
+ })}
+
+
+ );
+}
+
+{
+ /*
+ {data.navMain.map((item, index) => (
+
+
+
+
+
+
+ {item.items?.length ? (
+
+
+ {item.items.map((item) => (
+
+ {item.isActive && (
+
+
+
+ )}
+
+ ))}
+
+
+ ) : null}
+
+
+ ))}
+
+
+ {items.map((item) => (
+
+
+
+
+
+ ))}
+ */
+}
diff --git a/lstV2/frontend/src/components/layout/side-components/eom.tsx b/lstV2/frontend/src/components/layout/side-components/eom.tsx
new file mode 100644
index 0000000..33489a9
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/side-components/eom.tsx
@@ -0,0 +1,39 @@
+import {FileText} from "lucide-react";
+import {
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarGroupLabel,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+} from "../../ui/sidebar";
+
+const items = [
+ {
+ title: "End Of Month",
+ url: "/eom",
+ icon: FileText,
+ },
+];
+
+export function EomSideBar() {
+ return (
+
+ End of month
+
+
+ {items.map((item) => (
+
+
+
+
+
+ ))}
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/layout/side-components/forklift.tsx b/lstV2/frontend/src/components/layout/side-components/forklift.tsx
new file mode 100644
index 0000000..d1e26ea
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/side-components/forklift.tsx
@@ -0,0 +1,106 @@
+import {Forklift, Hourglass, Minus, Plus, Signature} from "lucide-react";
+import {
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarGroupLabel,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+ SidebarMenuSub,
+ SidebarMenuSubButton,
+ SidebarMenuSubItem,
+} from "../../ui/sidebar";
+import {Collapsible, CollapsibleTrigger} from "../../ui/collapsible";
+import {CollapsibleContent} from "@radix-ui/react-collapsible";
+
+const items = [
+ {
+ title: "Gemone",
+ url: "#",
+ icon: Forklift,
+ isActive: false,
+ },
+];
+
+const data = {
+ navMain: [
+ {
+ title: "Forklift Management",
+ url: "#",
+ icon: Forklift,
+ items: [
+ {
+ title: "All Forklifts",
+ url: "#",
+ icon: Forklift,
+ },
+ {
+ title: "Leasing data",
+ url: "#",
+ isActive: false,
+ icon: Signature,
+ },
+ {
+ title: "Forklift Hours",
+ url: "#",
+ isActive: false,
+ icon: Hourglass,
+ },
+ ],
+ },
+ ],
+};
+
+export function ForkliftSideBar() {
+ return (
+
+ Forklift Section
+
+
+ {data.navMain.map((item, index) => (
+
+
+
+
+
+
+ {item.items?.length ? (
+
+
+ {item.items.map((item) => (
+
+
+
+
+
+ ))}
+
+
+ ) : null}
+
+
+ ))}
+
+
+ {items.map((item) => (
+
+
+
+
+
+ ))}
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/layout/side-components/header.tsx b/lstV2/frontend/src/components/layout/side-components/header.tsx
new file mode 100644
index 0000000..4564ab9
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/side-components/header.tsx
@@ -0,0 +1,36 @@
+import { Link } from "@tanstack/react-router";
+import {
+ SidebarHeader,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+} from "../../ui/sidebar";
+
+export function Header() {
+ return (
+
+
+
+
+
+
+ ![Description]({"imgs/dkLst.png"})
+
+
+
+ Logistics Support Tool
+
+ v2.0.0
+
+
+
+
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/layout/side-components/logistics.tsx b/lstV2/frontend/src/components/layout/side-components/logistics.tsx
new file mode 100644
index 0000000..892a8b1
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/side-components/logistics.tsx
@@ -0,0 +1,64 @@
+import { Barcode, Cylinder, Package, Truck, Command } from "lucide-react";
+import {
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarGroupLabel,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+} from "../../ui/sidebar";
+import { hasPageAccess } from "@/utils/userAccess";
+import { User } from "@/types/users";
+import { useSubModuleStore } from "@/lib/store/useSubModuleStore";
+
+const iconMap: any = {
+ Package: Package,
+ Truck: Truck,
+ Cylinder: Cylinder,
+ Barcode: Barcode,
+ Command: Command,
+};
+
+export function LogisticsSideBar({
+ user,
+ moduleID,
+}: {
+ user: User | null;
+ moduleID: string;
+}) {
+ const { subModules } = useSubModuleStore();
+
+ const items = subModules.filter((m) => m.moduleName === "logistics");
+
+ return (
+
+ Logistics
+
+
+ {items.map((item) => {
+ const Icon = iconMap[item.icon];
+ return (
+
+ <>
+ {hasPageAccess(
+ user,
+ item.roles,
+ moduleID
+ ) &&
+ item.active && (
+
+
+
+ )}
+
+
+ );
+ })}
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/layout/side-components/production.tsx b/lstV2/frontend/src/components/layout/side-components/production.tsx
new file mode 100644
index 0000000..05dc75a
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/side-components/production.tsx
@@ -0,0 +1,64 @@
+import { Printer, Tag } from "lucide-react";
+import {
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarGroupLabel,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+} from "../../ui/sidebar";
+import { hasPageAccess } from "@/utils/userAccess";
+import { User } from "@/types/users";
+
+export function ProductionSideBar({
+ user,
+ moduleID,
+}: {
+ user: User | null;
+ moduleID: string;
+}) {
+ const url: string = window.location.host.split(":")[0];
+ const items = [
+ {
+ title: "One Click Print",
+ url: "/ocp",
+ icon: Printer,
+ role: ["viewer"],
+ module: "ocp",
+ active: true,
+ },
+ {
+ title: "Rfid Readers",
+ url: "/rfid",
+ icon: Tag,
+ role: ["viewer"],
+ module: "production",
+ active:
+ url === "usday1vms006" || url === "localhost" ? true : false,
+ },
+ ];
+ return (
+
+ Production
+
+
+ {items.map((item) => (
+
+ <>
+ {hasPageAccess(user, item.role, moduleID) &&
+ item.active && (
+
+
+
+ )}
+
+
+ ))}
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/layout/side-components/quality.tsx b/lstV2/frontend/src/components/layout/side-components/quality.tsx
new file mode 100644
index 0000000..8143495
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/side-components/quality.tsx
@@ -0,0 +1,39 @@
+import {Printer} from "lucide-react";
+import {
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarGroupLabel,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+} from "../../ui/sidebar";
+
+const items = [
+ {
+ title: "Qaulity Request",
+ url: "#",
+ icon: Printer,
+ },
+];
+
+export function QualitySideBar() {
+ return (
+
+ Quality
+
+
+ {items.map((item) => (
+
+
+
+
+
+ ))}
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/layout/theme-provider.tsx b/lstV2/frontend/src/components/layout/theme-provider.tsx
new file mode 100644
index 0000000..bf8e3b4
--- /dev/null
+++ b/lstV2/frontend/src/components/layout/theme-provider.tsx
@@ -0,0 +1,67 @@
+import {createContext, useContext, useEffect, useState} from "react";
+
+type Theme = "dark" | "light" | "system";
+
+type ThemeProviderProps = {
+ children: React.ReactNode;
+ defaultTheme?: Theme;
+ storageKey?: string;
+};
+
+type ThemeProviderState = {
+ theme: Theme;
+ setTheme: (theme: Theme) => void;
+};
+
+const initialState: ThemeProviderState = {
+ theme: "system",
+ setTheme: () => null,
+};
+
+const ThemeProviderContext = createContext(initialState);
+
+export function ThemeProvider({
+ children,
+ defaultTheme = "system",
+ storageKey = "vite-ui-theme",
+ ...props
+}: ThemeProviderProps) {
+ const [theme, setTheme] = useState(() => (localStorage.getItem(storageKey) as Theme) || defaultTheme);
+
+ useEffect(() => {
+ const root = window.document.documentElement;
+
+ root.classList.remove("light", "dark");
+
+ if (theme === "system") {
+ const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+
+ root.classList.add(systemTheme);
+ return;
+ }
+
+ root.classList.add(theme);
+ }, [theme]);
+
+ const value = {
+ theme,
+ setTheme: (theme: Theme) => {
+ localStorage.setItem(storageKey, theme);
+ setTheme(theme);
+ },
+ };
+
+ return (
+
+ {children}
+
+ );
+}
+
+export const useTheme = () => {
+ const context = useContext(ThemeProviderContext);
+
+ if (context === undefined) throw new Error("useTheme must be used within a ThemeProvider");
+
+ return context;
+};
diff --git a/lstV2/frontend/src/components/logistics/barcodeGenerator/BGPage.tsx b/lstV2/frontend/src/components/logistics/barcodeGenerator/BGPage.tsx
new file mode 100644
index 0000000..6b72100
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/barcodeGenerator/BGPage.tsx
@@ -0,0 +1,165 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { CardContent, CardFooter, CardHeader } from "@/components/ui/card";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Collapsible, CollapsibleContent } from "@/components/ui/collapsible";
+import { getLanes } from "@/utils/querys/logistics/getWarehouseLanes";
+import { CollapsibleTrigger } from "@radix-ui/react-collapsible";
+import { useQuery } from "@tanstack/react-query";
+import { useState } from "react";
+import Barcode from "react-barcode";
+import { BarcodePDFExport } from "./BarcodeExport";
+import { BulkBarcodePDFExport } from "./BulkExport";
+import CommonCommands from "./CommonCommands";
+
+export default function BGPage() {
+ const { data, isError, isLoading } = useQuery(getLanes());
+ const [checked, setChecked] = useState([]);
+
+ if (isLoading) return Loading Data;
+
+ if (isError)
+ return There was an error getting the warehouse lane data.;
+
+ /**
+ * get the warehouse names only
+ */
+
+ const warhouses = new Map();
+
+ data?.forEach((item: any) => {
+ // if the warhouse is not already included add it to the map
+ if (!warhouses.has(item.warehouseId)) {
+ warhouses.set(item.warehouseId, item.warehouseDescription);
+ }
+ });
+
+ // convert the map to an array
+ const warehouseArray = Array.from(warhouses).map(([wid, wname]) => ({
+ warehouseId: wid,
+ warehouseDescription: wname,
+ }));
+
+ //console.log(warehouseArray);
+
+ // handle the onchange
+ const changeBox = (d: any) => {
+ setChecked((prev: any) => {
+ if (prev.includes(d)) {
+ return prev.filter((name: any) => name !== d);
+ } else {
+ return [...prev, d];
+ }
+ });
+ };
+
+ return (
+
+
+
+
+ Warehouse Barcodes
+
+ {warehouseArray.map((i: any) => {
+ const lanes = data?.filter(
+ (wid: any) =>
+ wid.warehouseId === i.warehouseId
+ );
+ return (
+
+
+
+ {i.warehouseDescription}
+
+
+
+ {lanes?.map((l: any) => {
+ return (
+
+
+ changeBox(
+ l
+ )
+ }
+ />
+
+
+ );
+ })}
+
+
+
+
+ );
+ })}
+
+
+
+ {checked.length > 0 && (
+
+
+ Current selected lanes
+
+ {checked.map((c: any) => {
+ return (
+
+
+
+ Lane: {c.laneDescription}
+
+
+
+
+
+
+ {checked.length > 1 && (
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ Lane: {data.laneDescription}
+
+
+
+
+
+ );
+
+ // Generate the PDF and trigger download
+ pdf(MyDocument)
+ .toBlob()
+ .then((blob) => {
+ const link = document.createElement("a");
+ link.href = URL.createObjectURL(blob);
+ link.download = `${data.warehouseDescription}-${data.laneDescription}.pdf`;
+ link.click();
+ });
+ };
+
+ return (
+
+
+
+ );
+};
diff --git a/lstV2/frontend/src/components/logistics/barcodeGenerator/BulkExport.tsx b/lstV2/frontend/src/components/logistics/barcodeGenerator/BulkExport.tsx
new file mode 100644
index 0000000..ee7c600
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/barcodeGenerator/BulkExport.tsx
@@ -0,0 +1,127 @@
+import { Button } from "@/components/ui/button";
+import {
+ pdf,
+ Page,
+ Text,
+ View,
+ Document,
+ StyleSheet,
+ Image,
+} from "@react-pdf/renderer";
+import JsBarcode from "jsbarcode";
+
+export const BulkBarcodePDFExport = ({ data }: { data: any }) => {
+ const createBarcode = (barcodeValue: any) => {
+ //const barcodeValue = data; // Barcode value
+ const canvas = document.createElement("canvas");
+
+ // Generate barcode on the canvas
+ JsBarcode(canvas, barcodeValue, {
+ format: "CODE128",
+ displayValue: false,
+ });
+
+ // Convert canvas to base64 image data
+ const barcodeImage = canvas.toDataURL("image/png");
+
+ return barcodeImage;
+ };
+ const generatePDF = () => {
+ // Define the document styles using @react-pdf/renderer
+ const styles = StyleSheet.create({
+ page: {
+ padding: 30,
+ },
+ centerContent: {
+ display: "flex",
+ justifyContent: "flex-start", // Center horizontally
+ alignItems: "center", // Center vertically
+ flexDirection: "row", // Stack items (barcode and description) vertically
+ //height: "5%", // Ensure the container takes full page height
+ textAlign: "center",
+ },
+ section: {
+ marginBottom: 10,
+ textAlign: "center",
+ },
+ barcode: {
+ width: 275, // Width of the barcode
+ height: 75, // Height of the barcode
+ marginBottom: 10,
+ },
+ description: {
+ fontSize: 14,
+ fontWeight: "bold",
+ marginTop: 10,
+ marginBottom: 20, // Ensure there's space below the text
+ },
+
+ headerText: {
+ fontSize: 28,
+ fontWeight: "bold",
+ marginTop: 10,
+ marginBottom: 20, // Ensure there's space below the text
+ display: "flex",
+ justifyContent: "center",
+ //height: "15%", // Ensure the container takes full page height
+ textAlign: "center",
+ },
+
+ horizontalLine: {
+ borderBottom: "#000000",
+ borderBottomWidth: 1,
+ },
+ });
+
+ // Create the document
+ const MyDocument = (
+
+
+
+ Multi Lane export.
+
+
+
+
+
+
+
+ Lane: {i.laneDescription}
+
+
+
+ );
+ })}
+
+
+ );
+
+ // Generate the PDF and trigger download
+ pdf(MyDocument)
+ .toBlob()
+ .then((blob) => {
+ const link = document.createElement("a");
+ link.href = URL.createObjectURL(blob);
+ link.download = `MultipleBarcodes.pdf`;
+ link.click();
+ });
+ };
+
+ return (
+
+
+
+ );
+};
diff --git a/lstV2/frontend/src/components/logistics/barcodeGenerator/CommonCommands.tsx b/lstV2/frontend/src/components/logistics/barcodeGenerator/CommonCommands.tsx
new file mode 100644
index 0000000..cdd2a06
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/barcodeGenerator/CommonCommands.tsx
@@ -0,0 +1,107 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { CardContent, CardFooter, CardHeader } from "@/components/ui/card";
+import { Checkbox } from "@/components/ui/checkbox";
+import { useState } from "react";
+import Barcode from "react-barcode";
+import { BarcodePDFExport } from "./BarcodeExport";
+import { BulkBarcodePDFExport } from "./BulkExport";
+
+const commoncmd = [
+ { name: "Relocate", commandId: 33 },
+ //-{ name: "Stock in", commandId: 22 },
+];
+export default function CommonCommands() {
+ const [checked, setChecked] = useState([]);
+
+ // handle the onchange
+ const changeBox = (d: any) => {
+ setChecked((prev: any) => {
+ if (prev.includes(d)) {
+ return prev.filter((name: any) => name !== d);
+ } else {
+ return [...prev, d];
+ }
+ });
+ };
+ return (
+
+
+
+ Common Barcodes
+
+ {commoncmd.map((i: any) => {
+ return (
+
+
+ changeBox(i)}
+ />
+
+
+
+ );
+ })}
+
+
+
+
+
+ {checked.length > 0 && (
+
+
+ Current selected Barcodes
+
+ {checked.map((c: any) => {
+ return (
+
+
+
+ Bacrode: {c.name}
+
+
+
+
+
+
+ {checked.length > 1 && (
+
+
+
+
+ )}
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/dm/DMButtons.tsx b/lstV2/frontend/src/components/logistics/dm/DMButtons.tsx
new file mode 100644
index 0000000..bf99407
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/dm/DMButtons.tsx
@@ -0,0 +1,65 @@
+import ForecastImport from "./ForecastImport";
+import OrderImport from "./OrderImport";
+import { useSettingStore } from "@/lib/store/useSettings";
+
+export default function DMButtons() {
+ const { settings } = useSettingStore();
+ const testServers = ["test1", "test2", "test3"];
+ const plantToken = settings.filter((n) => n.name === "plantToken");
+ //console.log(plantToken);
+ return (
+
+
+
+
+ Simple instructions for creating/updating orders
+
+
+
+ -
+ Download the standard template if you have not yet done
+ so, Above click Standard Order Template.
+
+ -
+ Add in the orders like you see in the example below.
+
+ -
+ When updating orders you are required to have the
+ customerOrderNumber, customerLineNumber, and
+ customerReleaseNumber. Quatity and dates can change.
+
+ -
+ Once you have all the orders entered, click Standard
+ Order Import
+
+
+
+
+ Some notes to consider
+
+
+
+ -
+ No longer need to add in the invoice id, we take the
+ default one.
+
+ -
+ You can have as many customers you want in the file
+ and in any order.
+
+ -
+ Orders created Manually, can not be updated with
+ this process.
+
+ -
+ If you desire you can send up to 1000 orders at one
+ time... or more....
+
+ -
+ Customer mappings can be added, this means that you
+ can upload your customer file and it will parse
+ onces mapped, you need to request this.
+
+ -
+ Custom imports will be at the top right under
+ custom, here you will just upload the customer file
+ once mapped.
+
+
+
+ Example order
+
+ 
+
+
+
+
+
+ Simple instructions for creating forecast
+
+
+
+ -
+ Download the template if you have not yet done so.
+
+ -
+ Add in the forecast like you see in the example
+ below.
+
+
+ -
+ Once you have all the forecast enters click the
+ upload button on the top right
+
+
+
+
+ Some notes to consider.
+
+
+ - You can only use one customer at a time.
+
+ -
+ If you desire you can send up to 1000 orders at one
+ time...
+
+ -
+ The customer MUST be set as default address in order
+ for the system to validate the av.
+
+
+
+
+ Example forecast
+
+
+ 
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/helperCommands/commands/Bookin.tsx b/lstV2/frontend/src/components/logistics/helperCommands/commands/Bookin.tsx
new file mode 100644
index 0000000..ef16deb
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/helperCommands/commands/Bookin.tsx
@@ -0,0 +1,100 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { Button } from "@/components/ui/button";
+import { CardContent, CardHeader } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useForm } from "@tanstack/react-form";
+import axios from "axios";
+import { useState } from "react";
+import { toast } from "sonner";
+
+export default function Bookin() {
+ const [bookingIn, setBookingIn] = useState(false);
+ const form = useForm({
+ defaultValues: { runningNr: " " },
+ onSubmit: async ({ value }) => {
+ // Do something with form data
+ setBookingIn(true);
+
+ try {
+ const res = await axios.post("/api/ocp/bookin", {
+ runningNr: parseInt(value.runningNr),
+ });
+
+ if (res.data.success) {
+ toast.success(res.data.message);
+ form.reset();
+ setBookingIn(false);
+ } else {
+ console.log(res.data.data.errors);
+ toast.error(res.data.data.errors[0]?.message);
+ form.reset();
+ setBookingIn(false);
+ }
+ } catch (error) {
+ console.log(error);
+ toast.error(
+ "There was an error booking in pallet please validate you entered the correct info and try again."
+ );
+ setBookingIn(false);
+ }
+ },
+ });
+ return (
+
+
+ Book in a pallet by running number
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/helperCommands/commands/Relocate.tsx b/lstV2/frontend/src/components/logistics/helperCommands/commands/Relocate.tsx
new file mode 100644
index 0000000..e3116ad
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/helperCommands/commands/Relocate.tsx
@@ -0,0 +1,133 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { Button } from "@/components/ui/button";
+import { CardContent, CardHeader } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useForm } from "@tanstack/react-form";
+import axios from "axios";
+import { useState } from "react";
+import { toast } from "sonner";
+
+export default function Relocate() {
+ const [bookingIn, setBookingIn] = useState(false);
+ const form = useForm({
+ defaultValues: { runningNr: " ", lane: "" },
+ onSubmit: async ({ value }) => {
+ // Do something with form data
+ setBookingIn(true);
+
+ try {
+ const res = await axios.post("/api/ocp/bookin", {
+ runningNr: parseInt(value.runningNr),
+ });
+
+ if (res.data.success) {
+ toast.success(res.data.message);
+ form.reset();
+ setBookingIn(false);
+ } else {
+ console.log(res.data.data.errors);
+ toast.error(res.data.data.errors[0]?.message);
+ form.reset();
+ setBookingIn(false);
+ }
+ } catch (error) {
+ console.log(error);
+ toast.error(
+ "There was an error booking in pallet please validate you entered the correct info and try again."
+ );
+ setBookingIn(false);
+ }
+ },
+ });
+ return (
+
+
+ Relocate a pallet to another lane
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/helperCommands/commands/RemoveAsNonReusable.tsx b/lstV2/frontend/src/components/logistics/helperCommands/commands/RemoveAsNonReusable.tsx
new file mode 100644
index 0000000..67a825f
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/helperCommands/commands/RemoveAsNonReusable.tsx
@@ -0,0 +1,138 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { Button } from "@/components/ui/button";
+import { CardContent, CardHeader } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+import { useForm } from "@tanstack/react-form";
+import axios from "axios";
+import { useState } from "react";
+import { toast } from "sonner";
+
+export default function RemoveAsNonReusable() {
+ const [stockOut, setStockOut] = useState(false);
+ const form = useForm({
+ defaultValues: { runningNr: " ", reason: " " },
+ onSubmit: async ({ value }) => {
+ // Do something with form data
+ setStockOut(true);
+
+ //console.log(value);
+
+ try {
+ const res = await axios.post(
+ "/api/logistics/removeasreusable",
+
+ value // this is basically the data field
+ );
+
+ if (res.data.success) {
+ toast.success(res.data.message);
+ form.reset();
+ setStockOut(false);
+ } else {
+ console.log(res.data);
+ toast.error(res.data?.message);
+ form.reset();
+ setStockOut(false);
+ }
+ } catch (error: any) {
+ console.log(error);
+ toast.error(error.message);
+ setStockOut(false);
+ }
+ },
+ });
+ return (
+
+
+ Remove a pallet as non reusable
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/dashboard/DashBoard.tsx b/lstV2/frontend/src/components/dashboard/DashBoard.tsx
new file mode 100644
index 0000000..f4cc2b5
--- /dev/null
+++ b/lstV2/frontend/src/components/dashboard/DashBoard.tsx
@@ -0,0 +1,84 @@
+import { useCardStore } from "@/lib/store/useCardStore";
+import INVCheckCard from "../logistics/warehouse/InventoryCard";
+import PPOO from "../logistics/warehouse/PPOOCard";
+import OpenOrders from "../logistics/warehouse/openOrders";
+
+const componentsMap: any = {
+ ppoo: PPOO,
+ inv: INVCheckCard,
+ openOrder: OpenOrders,
+ //QualityRequest,
+};
+
+export default function DashBoard() {
+ const { cards } = useCardStore();
+
+ //console.log(cards);
+ return (
+ {card.name}
+ +
+ {cards.map((a: any) => {
+ const name = a.name; //.filter((c) => c.i === card.i)[0].i || "name";
+
+ const Component = componentsMap[name.split("-")[0]];
+ if (name === "openOrder") {
+ return (
+
+ );
+
+ // return (
+ //
+
+ );
+ } else {
+ //console.log(name.split("-")[0], a);
+ return (
+
+
+ );
+ }
+ })}
+
+ //
+ // );
+}
+
+/*
+
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+
+
+
+
+
+
+
+
+
+
+
+*/
diff --git a/lstV2/frontend/src/components/eom/EomPage.tsx b/lstV2/frontend/src/components/eom/EomPage.tsx
new file mode 100644
index 0000000..8acb92d
--- /dev/null
+++ b/lstV2/frontend/src/components/eom/EomPage.tsx
@@ -0,0 +1,9 @@
+import MaterialCheck from "./materialCheck/MaterialCheck";
+
+export default function EomPage() {
+ return (
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/eom/KFP.tsx b/lstV2/frontend/src/components/eom/KFP.tsx
new file mode 100644
index 0000000..ccd220f
--- /dev/null
+++ b/lstV2/frontend/src/components/eom/KFP.tsx
@@ -0,0 +1,68 @@
+import {useModuleStore} from "@/lib/store/useModuleStore";
+import {LstCard} from "../extendedUI/LstCard";
+import {CardHeader} from "../ui/card";
+import {Tabs, TabsContent, TabsList, TabsTrigger} from "../ui/tabs";
+import {useSessionStore} from "@/lib/store/sessionStore";
+
+export default function KFP() {
+ const {modules} = useModuleStore();
+ const {user} = useSessionStore();
+ const eomMod = modules.filter((m) => m.name === "eom");
+ // the users current role for eom is?
+ const role: any = user?.roles.filter((r) => r.module_id === eomMod[0].module_id) || "";
+ const tabs = [
+ {key: "mat", label: "Materials", roles: ["admin", "systemAdmin"], content:
+
+
+ {tabs.map((tab) => {
+ if (tab.roles.includes(role[0].role))
+ return {tab.label} ;
+ })}
+
+ {tabs.map((tab) => {
+ if (tab.roles.includes(role[0].role))
+ return (
+
+ {tab.content}
+
+ );
+ })}
+
+
+ );
+}
+
+function Materials() {
+ return (
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/eom/materialCheck/MaterialCheck.tsx b/lstV2/frontend/src/components/eom/materialCheck/MaterialCheck.tsx
new file mode 100644
index 0000000..bb3b9fc
--- /dev/null
+++ b/lstV2/frontend/src/components/eom/materialCheck/MaterialCheck.tsx
@@ -0,0 +1,3 @@
+export default function MaterialCheck() {
+ return
+
+ Resin
+
+
+ MasterBatch
+
+
+ Additive
+
+
+ Dose cups / Spigots / Spouts
+
+
+
+
+ Pre-Emis Material Consistency report
+
+
+
+
+ Regrind Report in kg
+
+
+ MaterialCheck
;
+}
diff --git a/lstV2/frontend/src/components/eom/materialsData/MaterialData.tsx b/lstV2/frontend/src/components/eom/materialsData/MaterialData.tsx
new file mode 100644
index 0000000..4023908
--- /dev/null
+++ b/lstV2/frontend/src/components/eom/materialsData/MaterialData.tsx
@@ -0,0 +1,211 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import { Popover, PopoverTrigger } from "@/components/ui/popover";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { useSessionStore } from "@/lib/store/sessionStore";
+import { useModuleStore } from "@/lib/store/useModuleStore";
+import { cn } from "@/lib/utils";
+import { PopoverContent } from "@radix-ui/react-popover";
+import { Link, useRouter } from "@tanstack/react-router";
+import { startOfMonth } from "date-fns";
+import { format } from "date-fns-tz";
+import { CalendarIcon } from "lucide-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import KFP from "../KFP";
+
+export default function MaterialData() {
+ const { modules } = useModuleStore();
+ const { user } = useSessionStore();
+ const router = useRouter();
+ const [date, setDate] = useState
+
+
+ {tabs.map((tab) => {
+ if (tab.roles.includes(role[0].role))
+ return (
+
+ {tab.label}
+
+ );
+ })}
+
+ {tabs.map((tab) => {
+ if (tab.roles.includes(role[0].role))
+ return (
+
+ {tab.content}
+
+ );
+ })}
+
+
+ );
+}
+
+function DummyContent() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Logistics Support Tool
+
+ v2.0.0
+
+ Loading Data
;
+
+ if (isError)
+ return There was an error getting the warehouse lane data.
;
+
+ /**
+ * get the warehouse names only
+ */
+
+ const warhouses = new Map();
+
+ data?.forEach((item: any) => {
+ // if the warhouse is not already included add it to the map
+ if (!warhouses.has(item.warehouseId)) {
+ warhouses.set(item.warehouseId, item.warehouseDescription);
+ }
+ });
+
+ // convert the map to an array
+ const warehouseArray = Array.from(warhouses).map(([wid, wname]) => ({
+ warehouseId: wid,
+ warehouseDescription: wname,
+ }));
+
+ //console.log(warehouseArray);
+
+ // handle the onchange
+ const changeBox = (d: any) => {
+ setChecked((prev: any) => {
+ if (prev.includes(d)) {
+ return prev.filter((name: any) => name !== d);
+ } else {
+ return [...prev, d];
+ }
+ });
+ };
+
+ return (
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/barcodeGenerator/BarcodeExport.tsx b/lstV2/frontend/src/components/logistics/barcodeGenerator/BarcodeExport.tsx
new file mode 100644
index 0000000..da12d8d
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/barcodeGenerator/BarcodeExport.tsx
@@ -0,0 +1,100 @@
+import { Button } from "@/components/ui/button";
+import {
+ pdf,
+ Page,
+ Text,
+ View,
+ Document,
+ StyleSheet,
+ Image,
+} from "@react-pdf/renderer";
+import JsBarcode from "jsbarcode";
+
+export const BarcodePDFExport = ({
+ barcodeValue,
+ data,
+}: {
+ barcodeValue: any;
+ data: any;
+}) => {
+ const generatePDF = () => {
+ //const barcodeValue = data; // Barcode value
+ const canvas = document.createElement("canvas");
+
+ // Generate barcode on the canvas
+ JsBarcode(canvas, barcodeValue, {
+ format: "CODE128",
+ displayValue: false,
+ });
+
+ // Convert canvas to base64 image data
+ const barcodeImage = canvas.toDataURL("image/png");
+
+ // Define the document styles using @react-pdf/renderer
+ const styles = StyleSheet.create({
+ page: {
+ padding: 30,
+ },
+ centerContent: {
+ display: "flex",
+ justifyContent: "center", // Center horizontally
+ alignItems: "center", // Center vertically
+ flexDirection: "column", // Stack items (barcode and description) vertically
+ height: "75%", // Ensure the container takes full page height
+ textAlign: "center",
+ },
+ section: {
+ marginBottom: 10,
+ textAlign: "center",
+ },
+ barcode: {
+ width: 800, // Width of the barcode
+ height: 200, // Height of the barcode
+ marginBottom: 10,
+ },
+ description: {
+ fontSize: 28,
+ fontWeight: "bold",
+ marginTop: 10,
+ marginBottom: 20, // Ensure there's space below the text
+ },
+ });
+
+ // Create the document
+ const MyDocument = (
+
+
+
+
+ Warehouse Barcodes
+
+ {warehouseArray.map((i: any) => {
+ const lanes = data?.filter(
+ (wid: any) =>
+ wid.warehouseId === i.warehouseId
+ );
+ return (
+
+
+
+ {checked.length > 0 && (
+
+
+
+ {i.warehouseDescription}
+
+
+
+
+
+ );
+ })}
+
+ {lanes?.map((l: any) => {
+ return (
+
+
+
+ changeBox(
+ l
+ )
+ }
+ />
+
+
+ );
+ })}
+
+
+ Current selected lanes
+
+ {checked.map((c: any) => {
+ return (
+
+
+
+
+
+ )}
+
+
+ );
+ })}
+
+
+ + Lane: {c.laneDescription} +
+
+
+
+ {checked.length > 1 && (
+
+
+
+ )}
+
+
+
+
+
+ );
+};
diff --git a/lstV2/frontend/src/components/logistics/barcodeGenerator/BulkExport.tsx b/lstV2/frontend/src/components/logistics/barcodeGenerator/BulkExport.tsx
new file mode 100644
index 0000000..ee7c600
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/barcodeGenerator/BulkExport.tsx
@@ -0,0 +1,127 @@
+import { Button } from "@/components/ui/button";
+import {
+ pdf,
+ Page,
+ Text,
+ View,
+ Document,
+ StyleSheet,
+ Image,
+} from "@react-pdf/renderer";
+import JsBarcode from "jsbarcode";
+
+export const BulkBarcodePDFExport = ({ data }: { data: any }) => {
+ const createBarcode = (barcodeValue: any) => {
+ //const barcodeValue = data; // Barcode value
+ const canvas = document.createElement("canvas");
+
+ // Generate barcode on the canvas
+ JsBarcode(canvas, barcodeValue, {
+ format: "CODE128",
+ displayValue: false,
+ });
+
+ // Convert canvas to base64 image data
+ const barcodeImage = canvas.toDataURL("image/png");
+
+ return barcodeImage;
+ };
+ const generatePDF = () => {
+ // Define the document styles using @react-pdf/renderer
+ const styles = StyleSheet.create({
+ page: {
+ padding: 30,
+ },
+ centerContent: {
+ display: "flex",
+ justifyContent: "flex-start", // Center horizontally
+ alignItems: "center", // Center vertically
+ flexDirection: "row", // Stack items (barcode and description) vertically
+ //height: "5%", // Ensure the container takes full page height
+ textAlign: "center",
+ },
+ section: {
+ marginBottom: 10,
+ textAlign: "center",
+ },
+ barcode: {
+ width: 275, // Width of the barcode
+ height: 75, // Height of the barcode
+ marginBottom: 10,
+ },
+ description: {
+ fontSize: 14,
+ fontWeight: "bold",
+ marginTop: 10,
+ marginBottom: 20, // Ensure there's space below the text
+ },
+
+ headerText: {
+ fontSize: 28,
+ fontWeight: "bold",
+ marginTop: 10,
+ marginBottom: 20, // Ensure there's space below the text
+ display: "flex",
+ justifyContent: "center",
+ //height: "15%", // Ensure the container takes full page height
+ textAlign: "center",
+ },
+
+ horizontalLine: {
+ borderBottom: "#000000",
+ borderBottomWidth: 1,
+ },
+ });
+
+ // Create the document
+ const MyDocument = (
+
+
+
+ );
+};
diff --git a/lstV2/frontend/src/components/logistics/barcodeGenerator/CommonCommands.tsx b/lstV2/frontend/src/components/logistics/barcodeGenerator/CommonCommands.tsx
new file mode 100644
index 0000000..cdd2a06
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/barcodeGenerator/CommonCommands.tsx
@@ -0,0 +1,107 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { CardContent, CardFooter, CardHeader } from "@/components/ui/card";
+import { Checkbox } from "@/components/ui/checkbox";
+import { useState } from "react";
+import Barcode from "react-barcode";
+import { BarcodePDFExport } from "./BarcodeExport";
+import { BulkBarcodePDFExport } from "./BulkExport";
+
+const commoncmd = [
+ { name: "Relocate", commandId: 33 },
+ //-{ name: "Stock in", commandId: 22 },
+];
+export default function CommonCommands() {
+ const [checked, setChecked] = useState([]);
+
+ // handle the onchange
+ const changeBox = (d: any) => {
+ setChecked((prev: any) => {
+ if (prev.includes(d)) {
+ return prev.filter((name: any) => name !== d);
+ } else {
+ return [...prev, d];
+ }
+ });
+ };
+ return (
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/dm/DMButtons.tsx b/lstV2/frontend/src/components/logistics/dm/DMButtons.tsx
new file mode 100644
index 0000000..bf99407
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/dm/DMButtons.tsx
@@ -0,0 +1,65 @@
+import ForecastImport from "./ForecastImport";
+import OrderImport from "./OrderImport";
+import { useSettingStore } from "@/lib/store/useSettings";
+
+export default function DMButtons() {
+ const { settings } = useSettingStore();
+ const testServers = ["test1", "test2", "test3"];
+ const plantToken = settings.filter((n) => n.name === "plantToken");
+ //console.log(plantToken);
+ return (
+
+
+ Common Barcodes
+
+ {commoncmd.map((i: any) => {
+ return (
+
+
+
+
+
+
+ );
+ })}
+
+ changeBox(i)}
+ />
+
+
+
+ {checked.length > 0 && (
+
+
+
+ Current selected Barcodes
+
+ {checked.map((c: any) => {
+ return (
+
+
+
+
+
+ )}
+
+
+ );
+ })}
+
+
+ + Bacrode: {c.name} +
+
+
+
+ {checked.length > 1 && (
+
+
+
+ )}
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/dm/ForecastImport.tsx b/lstV2/frontend/src/components/logistics/dm/ForecastImport.tsx
new file mode 100644
index 0000000..37f65af
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/dm/ForecastImport.tsx
@@ -0,0 +1,69 @@
+import { Button } from "@/components/ui/button";
+import axios from "axios";
+import { useRef, useState } from "react";
+import { toast } from "sonner";
+
+export default function ForecastImport(props: any) {
+ const fileInputRef: any = useRef(null);
+ const [posting, setPosting] = useState(false);
+ const token = localStorage.getItem("auth_token");
+ //const [fileType, setFileType] = useState("");
+ const importOrders = async (e: any) => {
+ const file = e.target.files[0];
+ if (!file) {
+ toast.error("Missing file please try again");
+ setPosting(false);
+ return;
+ }
+
+ // create the form data with the correct fileType
+ const formData = new FormData();
+ formData.append("postForecast", e.target.files[0]);
+ formData.append("fileType", props.fileType); // extra field
+ // console.log(formData);
+ toast.success("Import started.");
+ try {
+ const response = await axios.post(
+ "/api/logistics/postforecastin",
+ formData,
+ {
+ headers: {
+ "Content-Type": "multipart/form-data",
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ //console.log("Upload successful:", response.data);
+ toast.success(response?.data?.message);
+ fileInputRef.current.value = null;
+ setPosting(false);
+ // toast.success(
+ // "File Uploaded, please validate processing in alplaprod 2.0"
+ // );
+ setPosting(false);
+ } catch (error) {
+ console.log(error);
+ toast.error("Upload failed");
+ }
+ setPosting(false);
+ };
+
+ const handleButtonClick = () => {
+ setPosting(true);
+ fileInputRef.current.click();
+ };
+ return (
+
+
+ )}
+ {plantToken[0]?.value === "usday1" && (
+
+
+ )}
+ {plantToken[0]?.value === "usflo1" && (
+
+
+ )}
+ {plantToken[0]?.value === "usstp1" && (
+
+ )}
+ {plantToken[0]?.value === "usiow1" && (
+
+
+ )}
+ {plantToken[0]?.value === "usiow2" && (
+
+
+ )}
+ {plantToken[0]?.value === "usksc1" && (
+
+
+ )}
+
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/dm/OrderImport.tsx b/lstV2/frontend/src/components/logistics/dm/OrderImport.tsx
new file mode 100644
index 0000000..369468b
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/dm/OrderImport.tsx
@@ -0,0 +1,64 @@
+import { Button } from "@/components/ui/button";
+import axios from "axios";
+import { useRef, useState } from "react";
+import { toast } from "sonner";
+
+export default function OrderImport(props: any) {
+ const fileInputRef: any = useRef(null);
+ const [posting, setPosting] = useState(false);
+ const token = localStorage.getItem("auth_token");
+ //const [fileType, setFileType] = useState("");
+ const importOrders = async (e: any) => {
+ const file = e.target.files[0];
+ if (!file) {
+ toast.error("Missing file please try again");
+ setPosting(false);
+ return;
+ }
+
+ // create the form data with the correct fileType
+ const formData = new FormData();
+ formData.append("postOrders", e.target.files[0]);
+ formData.append("fileType", props.fileType); // extra field
+
+ try {
+ const response = await axios.post(
+ "/api/logistics/postbulkorders",
+ formData,
+ {
+ headers: {
+ "Content-Type": "multipart/form-data",
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ //console.log("Upload successful:", response.data);
+ toast.success(response?.data?.message);
+ fileInputRef.current.value = null;
+ setPosting(false);
+ } catch (error) {
+ console.log(error);
+ toast.error("Upload failed");
+ }
+ setPosting(false);
+ };
+
+ const handleButtonClick = () => {
+ setPosting(true);
+ fileInputRef.current.click();
+ };
+ return (
+
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/dm/StandardForecastTemplate.tsx b/lstV2/frontend/src/components/logistics/dm/StandardForecastTemplate.tsx
new file mode 100644
index 0000000..8e45fbb
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/dm/StandardForecastTemplate.tsx
@@ -0,0 +1,41 @@
+import { Button } from "@/components/ui/button";
+import axios from "axios";
+import { format } from "date-fns";
+import { useState } from "react";
+import { toast } from "sonner";
+
+export default function StandardForecastTemplate() {
+ const [template, setTemplate] = useState(false);
+ const getTemplate = async () => {
+ setTemplate(true);
+ try {
+ const res = await axios.get(`/api/logistics/bulkforcasttemplate`, {
+ responseType: "blob",
+ });
+
+ const blob = new Blob([res.data], {
+ type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+ });
+
+ const link = document.createElement("a");
+ link.href = window.URL.createObjectURL(blob);
+ link.download = `ForecastTemplate-${format(new Date(Date.now()), "M-d-yyyy")}.xlsx`; // You can make this dynamic
+ document.body.appendChild(link);
+ link.click();
+
+ // Clean up
+ document.body.removeChild(link);
+ window.URL.revokeObjectURL(link.href);
+ toast.success(`Forecast template`);
+ setTemplate(false);
+ } catch (error) {
+ setTemplate(false);
+ toast.error("There was an error getting the template");
+ }
+ };
+ return (
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/dm/StandardOrderTemplate.tsx b/lstV2/frontend/src/components/logistics/dm/StandardOrderTemplate.tsx
new file mode 100644
index 0000000..5ba8f2a
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/dm/StandardOrderTemplate.tsx
@@ -0,0 +1,41 @@
+import { Button } from "@/components/ui/button";
+import axios from "axios";
+import { format } from "date-fns";
+import { useState } from "react";
+import { toast } from "sonner";
+
+export default function StandardOrderTemplate() {
+ const [template, setTemplate] = useState(false);
+ const getTemplate = async () => {
+ setTemplate(true);
+ try {
+ const res = await axios.get(`/api/logistics/bulkorderstemplate`, {
+ responseType: "blob",
+ });
+
+ const blob = new Blob([res.data], {
+ type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+ });
+
+ const link = document.createElement("a");
+ link.href = window.URL.createObjectURL(blob);
+ link.download = `BulkOrderTemplate-${format(new Date(Date.now()), "M-d-yyyy")}.xlsx`; // You can make this dynamic
+ document.body.appendChild(link);
+ link.click();
+
+ // Clean up
+ document.body.removeChild(link);
+ window.URL.revokeObjectURL(link.href);
+ toast.success(`Bulk Order template`);
+ setTemplate(false);
+ } catch (error) {
+ setTemplate(false);
+ toast.error("There was an error getting the tempalte");
+ }
+ };
+ return (
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/dm/dmPage.tsx b/lstV2/frontend/src/components/logistics/dm/dmPage.tsx
new file mode 100644
index 0000000..1bee0c3
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/dm/dmPage.tsx
@@ -0,0 +1,152 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { Separator } from "@/components/ui/separator";
+import OrderImport from "./OrderImport";
+import StandardOrderTemplate from "./StandardOrderTemplate";
+import ForecastImport from "./ForecastImport";
+import StandardForecastTemplate from "./StandardForecastTemplate";
+
+export default function DmPage() {
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/lstV2/frontend/src/components/logistics/helperCommands/commands/Bookin.tsx b/lstV2/frontend/src/components/logistics/helperCommands/commands/Bookin.tsx
new file mode 100644
index 0000000..ef16deb
--- /dev/null
+++ b/lstV2/frontend/src/components/logistics/helperCommands/commands/Bookin.tsx
@@ -0,0 +1,100 @@
+import { LstCard } from "@/components/extendedUI/LstCard";
+import { Button } from "@/components/ui/button";
+import { CardContent, CardHeader } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useForm } from "@tanstack/react-form";
+import axios from "axios";
+import { useState } from "react";
+import { toast } from "sonner";
+
+export default function Bookin() {
+ const [bookingIn, setBookingIn] = useState(false);
+ const form = useForm({
+ defaultValues: { runningNr: " " },
+ onSubmit: async ({ value }) => {
+ // Do something with form data
+ setBookingIn(true);
+
+ try {
+ const res = await axios.post("/api/ocp/bookin", {
+ runningNr: parseInt(value.runningNr),
+ });
+
+ if (res.data.success) {
+ toast.success(res.data.message);
+ form.reset();
+ setBookingIn(false);
+ } else {
+ console.log(res.data.data.errors);
+ toast.error(res.data.data.errors[0]?.message);
+ form.reset();
+ setBookingIn(false);
+ }
+ } catch (error) {
+ console.log(error);
+ toast.error(
+ "There was an error booking in pallet please validate you entered the correct info and try again."
+ );
+ setBookingIn(false);
+ }
+ },
+ });
+ return (
+
+
+
+ + Simple instructions for creating/updating orders +
+
+
+ -
+
- + Download the standard template if you have not yet done + so, Above click Standard Order Template. + +
- + Add in the orders like you see in the example below. + +
- + When updating orders you are required to have the + customerOrderNumber, customerLineNumber, and + customerReleaseNumber. Quatity and dates can change. + +
- + Once you have all the orders entered, click Standard + Order Import + +
+
+ + Some notes to consider +
+ +-
+
- + No longer need to add in the invoice id, we take the + default one. + +
- + You can have as many customers you want in the file + and in any order. + +
- + Orders created Manually, can not be updated with + this process. + +
- + If you desire you can send up to 1000 orders at one + time... or more.... + +
- + Customer mappings can be added, this means that you + can upload your customer file and it will parse + onces mapped, you need to request this. + +
- + Custom imports will be at the top right under + custom, here you will just upload the customer file + once mapped. + +
Example order
+
+
+
+
+
+
+ + Simple instructions for creating forecast +
+
+
+
+
+ -
+
- + Download the template if you have not yet done so. + +
- + Add in the forecast like you see in the example + below. + + +
- + Once you have all the forecast enters click the + upload button on the top right + +
+
+ + Some notes to consider. +
+-
+
- You can only use one customer at a time. + +
- + If you desire you can send up to 1000 orders at one + time... + +
- + The customer MUST be set as default address in order + for the system to validate the av. + +
+ Example forecast +
+
+
+
+
+ Book in a pallet by running number
+Relocate a pallet to another lane
+Remove a pallet as non reusable
+