feat(frontend): migrated old > new silo adjustments

moved the apps around so we can use 1 url for cors bs

frontend/src/routes/_old/old/-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 (
+		<Dialog>
+			<DialogTrigger asChild>
+				<Button variant="outline">Add Cards</Button>
+			</DialogTrigger>
+			<DialogContent className="min-w-fit ">
+				<DialogHeader>
+					<DialogTitle>Cards</DialogTitle>
+					<DialogDescription>
+						Manage Cards and there settings.
+					</DialogDescription>
+				</DialogHeader>
+
+				<div className="flex flex-row">
+					<div className="">
+						<Cards name={"ppoo"} inventory />
+						<Cards name={"inv-empty"} rowType={"empty"} />
+						<Cards name={"inv-fg"} rowType={"fg"} />
+					</div>
+					<div className="">
+						<Cards name={"inv-materials"} rowType={"materials"} />
+						<Cards name={"inv-packaging"} rowType={"packaging"} />
+						<Cards name={"inv-waste"} rowType={"waste"} />
+						<Cards name={"openOrder"} inventory />
+					</div>
+				</div>
+
+				{/* <DialogFooter>
+                    <Button type="submit">Save changes</Button>
+                </DialogFooter> */}
+			</DialogContent>
+		</Dialog>
+	);
+}

frontend/src/routes/_old/old/-components/dashboard/Cards.tsx

@@ -0,0 +1,104 @@
+import { Button } from "../../../../../components/ui/button";
+import { Checkbox } from "../../../../../components/ui/checkbox";
+import { Label } from "../../../../../components/ui/label";
+import { useAppForm } from "../../../../../lib/formStuff";
+import { useCardStore } from "../../-lib/store/useCardStore";
+
+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 (
+		<div className="border-solid border-2 m-2">
+			<p>{card.name}</p>
+			<form
+				onSubmit={(e) => {
+					e.preventDefault();
+					e.stopPropagation();
+				}}
+				className="flex flex-row"
+			>
+				<form.AppField
+					name="active"
+					// validators={{
+					//     // We can choose between form-wide and field-specific validators
+					//     onChange: ({ value }) =>
+					//         value.length > 3
+					//             ? undefined
+					//             : "Username must be longer than 3 letters",
+					// }}
+					children={(field) => {
+						return (
+							<div className="m-2 p-2 flex flex-row">
+								<div>
+									<Label htmlFor="active">
+										<span>Active</span>
+									</Label>
+								</div>
+
+								<Checkbox
+									className="ml-2"
+									name={field.name}
+									onBlur={field.handleBlur}
+									checked={field.state.value}
+									onCheckedChange={(e) => field.handleChange(e)}
+								/>
+							</div>
+						);
+					}}
+				/>
+				{!card.inventory && (
+					<>
+						<form.AppField
+							name="age"
+							children={(field) => (
+								<field.InputField
+									label="Age"
+									inputType="number"
+									required={true}
+								/>
+							)}
+						/>
+					</>
+				)}
+				<div className="mt-7">
+					<Button type="submit" onClick={() => form.handleSubmit()}>
+						Save Card
+					</Button>
+				</div>
+			</form>
+		</div>
+	);
+}

frontend/src/routes/_old/old/-components/dashboard/Dashboard.tsx

@@ -0,0 +1,40 @@
+import { useCardStore } from "../../-lib/store/useCardStore";
+import INVCheckCard from "../logistics/warehouse/InventoryCard";
+import OpenOrders from "../logistics/warehouse/openOrders";
+import PPOO from "../logistics/warehouse/PPOOCard";
+
+const componentsMap: any = {
+	ppoo: PPOO,
+	inv: INVCheckCard,
+	openOrder: OpenOrders,
+	//QualityRequest,
+};
+
+export default function DashBoard() {
+	const { cards } = useCardStore();
+
+	//console.log(cards);
+	return (
+		<div className="ml-5 w-11/12 h-9/10 grid grid-cols-12 gap-1">
+			{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 (
+						<div key={a.name} className="col-span-6">
+							<Component age={a.age} type={a.rowType} />
+						</div>
+					);
+				} else {
+					//console.log(name.split("-")[0], a);
+					return (
+						<div key={a.name} className="col-span-3">
+							<Component data={a} />
+						</div>
+					);
+				}
+			})}
+		</div>
+	);
+}