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

frontend/src/docs/notifications/intro.tsx

@@ -0,0 +1,62 @@
+export default function into() {
+	return (
+		<div className="mx-auto w-full max-w-4xl px-6 py-8">
+			<h1 className="text-3xl underline p-2">Notifications</h1>
+
+			<p className="p-2">
+				All notifications are a subscription based, please open the menu and
+				select the notification you would like to know more info about
+			</p>
+
+			<hr />
+			<p>To subscribe to a notification</p>
+			<ol className="list-decimal list-inside">
+				<li>Click on your profile</li>
+
+				<img
+					src="/lst/app/imgs/docs/notifications/lt_profile.png"
+					alt="Reprint notification example"
+					className="m-2 rounded-lg border-2"
+				/>
+				<li>Click account</li>
+				<li>Select the notification you would like to subscribe to.</li>
+				<img
+					src="/lst/app/imgs/docs/notifications/lt_notification_select.png"
+					alt="Reprint notification example"
+					className="m-2 rounded-lg border-2"
+				/>
+				<li>
+					If you want to have more people on the notification you can add more
+					emails by clicking the add email button.{" "}
+					<p className="text-sm underline">
+						Please note that each user can subscribe on there own so you do not
+						need to add others unless you want to add them.
+					</p>
+				</li>
+				<li>When you are ready click subscribe</li>
+			</ol>
+			<br />
+			<p className="">
+				NOTE: you can select the same notification and add more people or just
+				your self only, when you do this it will override you current
+				subscription and add / remove the emails
+			</p>
+			<hr className="m-2" />
+			<div>
+				<p>
+					The table at the bottom of your profile is where all of your current
+					subscriptions will be at.
+				</p>
+				<p>
+					Clicking the trash can will remove the notifications from sending you
+					emails
+				</p>
+				<img
+					src="/lst/app/imgs/docs/notifications/lt_notification_table.png"
+					alt="Reprint notification example"
+					className="m-2 rounded-lg border-2"
+				/>
+			</div>
+		</div>
+	);
+}

frontend/src/docs/notifications/reprints.tsx

@@ -0,0 +1,18 @@
+export default function reprints() {
+	return (
+		<div className="mx-auto w-full max-w-4xl px-6 py-8">
+			<h1 className="text-3xl underline p-2">Reprints</h1>
+
+			<p className="p-2">
+				The reprint alert will monitor for labels that have been printed within
+				a defined time. when a label is printed in the defined time an email
+				will sent out that looks similar to the below
+			</p>
+			<img
+				src="/lst/app/imgs/docs/notifications/lt_reprints.png"
+				alt="Reprint notification example"
+				className="m-2 rounded-lg border-2"
+			/>
+		</div>
+	);
+}

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