+
+
diff --git a/frontend/src/routes/admin/-components/FeatureCard.tsx b/frontend/src/routes/admin/-components/FeatureCard.tsx
new file mode 100644
index 0000000..17a00dc
--- /dev/null
+++ b/frontend/src/routes/admin/-components/FeatureCard.tsx
@@ -0,0 +1,91 @@
+import { useSuspenseQuery } from "@tanstack/react-query";
+import axios from "axios";
+import React from "react";
+import { toast } from "sonner";
+import { Card, CardDescription, CardHeader } from "../../../components/ui/card";
+import { useAppForm } from "../../../lib/formSutff";
+import { getSettings } from "../../../lib/queries/getSettings";
+
+type Setting = {
+ id: string;
+ name: string;
+ description?: string;
+ value: string;
+ active: boolean;
+ inputType: "text" | "boolean" | "number" | "select";
+ options?: string[];
+};
+
+export default function FeatureCard({ item }: { item: Setting }) {
+ const { refetch } = useSuspenseQuery(getSettings());
+ const form = useAppForm({
+ defaultValues: {
+ value: item.value ?? "",
+ active: item.active,
+ },
+ onSubmit: async ({ value }) => {
+ try {
+ // adding this in as my base as i need to see timers working
+ if (window.location.hostname === "localhost") {
+ await new Promise((res) => setTimeout(res, 1000));
+ }
+
+ const { data } = await axios.patch(`/lst/api/settings/${item.name}`, {
+ value: value.value,
+ active: value.active ? "true" : "false",
+ });
+
+ refetch();
+ toast.success(
+
+
{data.message}
+
+ This was a feature setting so{" "}
+ {value.active
+ ? "processes related to this will start working on there next interval"
+ : "processes related to this will stop working on there next interval"}
+
+
,
+ );
+ } catch (error) {
+ console.error(error);
+ }
+ },
+ });
+ return (
+
+
+ {item.name}
+
+ {item.description}
+
+
+
+
+
+ );
+}
diff --git a/frontend/src/routes/admin/-components/FeatureSettings.tsx b/frontend/src/routes/admin/-components/FeatureSettings.tsx
new file mode 100644
index 0000000..a97be86
--- /dev/null
+++ b/frontend/src/routes/admin/-components/FeatureSettings.tsx
@@ -0,0 +1,11 @@
+import FeatureCard from "./FeatureCard";
+
+export default function FeatureSettings({ data }: any) {
+ return (
+
+ {data.map((i: any) => (
+
+ );
+}
diff --git a/frontend/src/routes/admin/logs.tsx b/frontend/src/routes/admin/logs.tsx
index 8f96019..ed172cd 100644
--- a/frontend/src/routes/admin/logs.tsx
+++ b/frontend/src/routes/admin/logs.tsx
@@ -5,6 +5,7 @@ import { authClient } from "@/lib/auth-client";
export const Route = createFileRoute("/admin/logs")({
beforeLoad: async ({ location }) => {
const { data: session } = await authClient.getSession();
+ const allowedRole = ["admin", "systemAdmin"];
if (!session?.user) {
throw redirect({
@@ -15,7 +16,7 @@ export const Route = createFileRoute("/admin/logs")({
});
}
- if (session.user.role !== "admin") {
+ if (!allowedRole.includes(session.user.role as string)) {
throw redirect({
to: "/",
});
diff --git a/frontend/src/routes/admin/settings.tsx b/frontend/src/routes/admin/settings.tsx
new file mode 100644
index 0000000..92d4eb0
--- /dev/null
+++ b/frontend/src/routes/admin/settings.tsx
@@ -0,0 +1,209 @@
+import { useMutation, useSuspenseQuery } from "@tanstack/react-query";
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { createColumnHelper } from "@tanstack/react-table";
+import axios from "axios";
+
+import { Suspense, useMemo } from "react";
+import { toast } from "sonner";
+
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "../../components/ui/card";
+
+import {
+ Tabs,
+ TabsContent,
+ TabsList,
+ TabsTrigger,
+} from "../../components/ui/tabs";
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipTrigger,
+} from "../../components/ui/tooltip";
+import { authClient } from "../../lib/auth-client";
+import { getSettings } from "../../lib/queries/getSettings";
+import EditableCellInput from "../../lib/tableStuff/EditableCellInput";
+import LstTable from "../../lib/tableStuff/LstTable";
+import SearchableHeader from "../../lib/tableStuff/SearchableHeader";
+import SkellyTable from "../../lib/tableStuff/SkellyTable";
+import FeatureSettings from "./-components/FeatureSettings";
+
+type Settings = {
+ settings_id: string;
+ name: string;
+ active: boolean;
+ value: string;
+ description: string;
+ moduleName: string;
+ roles: string[];
+};
+
+const updateSettings = async (
+ id: string,
+ data: Record
,
+) => {
+ console.log(id, data);
+ try {
+ const res = await axios.patch(`/lst/api/settings/${id}`, data, {
+ withCredentials: true,
+ });
+ toast.success(`Setting just updated`);
+ return res;
+ } catch (err) {
+ toast.error("Error in updating the settings");
+ return err;
+ }
+};
+
+export const Route = createFileRoute("/admin/settings")({
+ beforeLoad: async ({ location }) => {
+ const { data: session } = await authClient.getSession();
+ const allowedRole = ["systemAdmin"];
+
+ if (!session?.user) {
+ throw redirect({
+ to: "/",
+ search: {
+ redirect: location.href,
+ },
+ });
+ }
+
+ if (!allowedRole.includes(session.user.role as string)) {
+ throw redirect({
+ to: "/",
+ });
+ }
+
+ return { user: session.user };
+ },
+ component: RouteComponent,
+});
+
+function SettingsTableCard() {
+ const { data, refetch } = useSuspenseQuery(getSettings());
+ const columnHelper = createColumnHelper();
+
+ const updateSetting = useMutation({
+ mutationFn: ({
+ id,
+ field,
+ value,
+ }: {
+ id: string;
+ field: string;
+ value: string | number | boolean | null;
+ }) => updateSettings(id, { [field]: value }),
+
+ onSuccess: () => {
+ // refetch or update cache
+ refetch();
+ },
+ });
+
+ const column = [
+ columnHelper.accessor("name", {
+ header: ({ column }) => (
+
+
+ {i.getValue().length > 25 ? (
+ {i.getValue().slice(0, 25)}...
+ ) : (
+ {i.getValue()}
+ )}
+
+ {i.getValue()}
+
+ ),
+ }),
+ columnHelper.accessor("value", {
+ header: ({ column }) => (
+ {
+ updateSetting.mutate({ id, field, value });
+ }}
+ />
+ ),
+ }),
+ ];
+
+ const { standardSettings, featureSettings, systemSetting } = useMemo(() => {
+ return {
+ standardSettings: data.filter(
+ (setting: any) => setting.settingType === "standard",
+ ),
+ featureSettings: data.filter(
+ (setting: any) => setting.settingType === "feature",
+ ),
+ systemSetting: data.filter(
+ (setting: any) => setting.settingType === "system",
+ ),
+ };
+ }, [data]);
+ return (
+ <>
+
+
+
+
+
+
+
+ );
+}
+
+function RouteComponent() {
+ return (
+
+
+
Settings
+
+ Manage your settings and related data.
+
+
+
+
+
+ System Settings
+
+
+
+
+ Features
+ System
+ Standard
+
+
+
+
+
Loading...
;
// if (!session) return Sign In
+ let url: string;
+ if (window.location.origin.includes("localhost")) {
+ url = `https://www.youtube.com/watch?v=dQw4w9WgXcQ`;
+ } else if (window.location.origin.includes("vms006")) {
+ url = `https://${window.location.hostname.replace("vms006", "prod.alpla.net/")}lst/app/old/ocp`;
+ } else {
+ url = "https://www.youtube.com/watch?v=dQw4w9WgXcQ";
+ }
return (
-
-
Welcome Home!
+
+
Welcome Lst - V3
+
+
+ This is active in your plant today due to having warehousing activated
+ and new functions needed to be introduced, you should be still using LST
+ as you were before
+
+
+
+ If you dont know why you are here and looking for One Click Print{" "}
+
+
+ Click
+
+
+
+
+ Here
+
+
+
);
}