docs(notifcations): docs for intro, notifcations, reprint added

frontend/src/routes/docs/$.tsx

@@ -0,0 +1,31 @@
+import { createFileRoute, Link } from "@tanstack/react-router";
+import { getDoc } from "../../lib/docs";
+
+export const Route = createFileRoute("/docs/$")({
+	component: RouteComponent,
+});
+
+function RouteComponent() {
+	const { _splat } = Route.useParams();
+	const slug = _splat || "";
+
+	const Doc = getDoc(slug);
+
+	if (!Doc) {
+		return (
+			<div>
+				<p>
+					You Have reached a doc page that dose not seem to exist please
+					validate and come back
+				</p>
+				<Link to="/docs">Docs Home</Link>
+			</div>
+		);
+	}
+
+	return (
+		<div className="mx-auto w-full max-w-4xl px-6 py-8">
+			<Doc />
+		</div>
+	);
+}

frontend/src/routes/docs/index.tsx

@@ -0,0 +1,100 @@
+import { createFileRoute, Link } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/docs/")({
+	component: RouteComponent,
+});
+
+function RouteComponent() {
+	return (
+		<div className="mx-auto w-full max-w-4xl px-6 py-8">
+			<h1 className="text-3xl underline p-2">Logistics Support Tool Intro</h1>
+			<h2 className="text-2xl shadow-2xl p-2">What is lst</h2>
+			<p className="p-2">
+				Lst is a logistics support tool, and aid to ALPLAprod All data in here
+				is just to be treated as an aid and can still be completed manually in
+				alplaprod. These docs are here to help show what LST has to offer as
+				well as the manual process via alpla prod.
+			</p>
+			<hr />
+			<h2 className="text-2xl shadow-2xl p-2">What dose LST offer</h2>
+			<ul className="list-disc list-inside">
+				<li>One click print</li>
+				<ul className="list-disc list-inside indent-8">
+					<li>Controls printing of labels</li>
+					<li>devices that can be used</li>
+					<ul className="list-disc list-inside indent-16">
+						<li>Printer control</li>
+						<li>plc control</li>
+						<li>ame palletizer control</li>
+					</ul>
+					<li>considers more business logic than alplaprod</li>
+					<ul className="list-disc list-inside indent-16">
+						<li>
+							enough material is needed in the system to create the next pallet
+						</li>
+						<li>this will be the same for packaging as well.</li>
+					</ul>
+					<li>special processes</li>
+					<ul className="list-disc list-inside indent-16">
+						<li>in-house delivery triggered once booked in</li>
+						<li>stop gap on printing labels at specific times</li>
+						<li>per line delay in printing</li>
+					</ul>
+				</ul>
+				<li>Silos Management</li>
+				<ul className="list-disc list-inside indent-8">
+					<li>Silo adjustments per location</li>
+					<ul className="list-disc list-inside indent-16">
+						<li>Charts for the last 10 adjustments</li>
+						<li>Historical data</li>
+						<li>Comments on per adjustment</li>
+						<li>Automatic email for more than 5% deviation</li>
+					</ul>
+					<li>Attach silo</li>
+					<ul className="list-disc list-inside indent-16">
+						<li>Only shows machines not attached to this silo</li>
+					</ul>
+					<li>Detach silo</li>
+					<ul className="list-disc list-inside indent-16">
+						Only shows machines that are attached to the silo.
+					</ul>
+				</ul>
+				<li>TMS integration</li>
+				<ul className="list-disc list-inside indent-8">
+					<li>integration with TI to auto add in orders</li>
+					<ul className="list-disc list-inside indent-16">
+						<li>orders are based on a time defined per plant.</li>
+						<li>carriers can be auto set.</li>
+					</ul>
+				</ul>
+				<li>
+					<Link
+						to={"/docs/$"}
+						params={{ _splat: "notifications/intro" }}
+						className="underline"
+					>
+						Notifications
+					</Link>
+				</li>
+				<ul className="list-disc list-inside indent-8">
+					<li>Automated alerts</li>
+					<li>Subscription based</li>
+					<li>Processes notifications</li>
+				</ul>
+				<li>Datamart</li>
+				<ul className="list-disc list-inside indent-8">
+					<li>queries that can be pulled via excel</li>
+					<li>queries are created to allow better views for the plants</li>
+					<li>Faster customer reports</li>
+				</ul>
+				<li>Fake EDI (Demand Management)</li>
+				<ul className="list-disc list-inside indent-8">
+					<li>Orders in (standard template)</li>
+					<li>Customer specific orders templates per plant</li>
+					<li>Forecast (standard Template)</li>
+					<li>Customer specific forecast per plant</li>
+				</ul>
+			</ul>
+		</div>
+	);
+}