test(auth): more and more auth setup

frontend/src/routes/_admin/modules.tsx

@@ -1,9 +1,14 @@
-import { createFileRoute } from '@tanstack/react-router'
+import ModulesPage from "@/components/admin/modules/ModulePage";
+import { createFileRoute } from "@tanstack/react-router";
 
-export const Route = createFileRoute('/_admin/modules')({
-  component: RouteComponent,
-})
+export const Route = createFileRoute("/_admin/modules")({
+    component: RouteComponent,
+});
 
 function RouteComponent() {
-  return <div>Hello "/_admin/modules"!</div>
+    return (
+        <div>
+            <ModulesPage />
+        </div>
+    );
 }

frontend/src/routes/_admin/subModules.tsx

@@ -0,0 +1,14 @@
+import SubModulePage from "@/components/admin/supModules/SubModulePage";
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/_admin/subModules")({
+    component: RouteComponent,
+});
+
+function RouteComponent() {
+    return (
+        <div>
+            <SubModulePage />
+        </div>
+    );
+}

frontend/src/utils/querys/admin/modules.tsx

@@ -0,0 +1,25 @@
+import { queryOptions } from "@tanstack/react-query";
+import axios from "axios";
+
+export function getModules(token: string) {
+    return queryOptions({
+        queryKey: ["modules"],
+        queryFn: () => fetchSettings(token),
+        enabled: !!token,
+        //staleTime: 1000,
+        refetchOnWindowFocus: true,
+    });
+}
+
+const fetchSettings = async (token: string) => {
+    const { data } = await axios.get("/api/server/modules", {
+        headers: { Authorization: `Bearer ${token}` },
+    });
+    // if we are not localhost ignore the devDir setting.
+    const url: string = window.location.host.split(":")[0];
+    let settingsData = data.data;
+    if (url != "localhost") {
+        settingsData.filter((n: any) => n.name === "devDir");
+    }
+    return settingsData;
+};

frontend/src/utils/querys/admin/subModules.tsx

@@ -0,0 +1,25 @@
+import { queryOptions } from "@tanstack/react-query";
+import axios from "axios";
+
+export function getSubModules(token: string) {
+    return queryOptions({
+        queryKey: ["submodules"],
+        queryFn: () => fetchSettings(token),
+        enabled: !!token,
+        //staleTime: 1000,
+        refetchOnWindowFocus: true,
+    });
+}
+
+const fetchSettings = async (token: string) => {
+    const { data } = await axios.get("/api/server/submodules", {
+        headers: { Authorization: `Bearer ${token}` },
+    });
+    // if we are not localhost ignore the devDir setting.
+    const url: string = window.location.host.split(":")[0];
+    let settingsData = data.data;
+    if (url != "localhost") {
+        settingsData.filter((n: any) => n.name === "devDir");
+    }
+    return settingsData;
+};

frontend/src/utils/querys/admin/userRoles.tsx

@@ -0,0 +1,26 @@
+import { queryOptions } from "@tanstack/react-query";
+import axios from "axios";
+
+export function getUserRoles() {
+    const token = localStorage.getItem("auth_token");
+    return queryOptions({
+        queryKey: ["getUsers"],
+        queryFn: () => fetchUsers(token),
+        enabled: !!token, // Prevents query if token is null
+        staleTime: 1000,
+        //refetchInterval: 2 * 2000,
+        refetchOnWindowFocus: true,
+    });
+}
+
+const fetchUsers = async (token: string | null) => {
+    const { data } = await axios.get(`/api/auth/allusersroles`, {
+        headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
+        },
+    });
+    // if we are not localhost ignore the devDir setting.
+    //const url: string = window.location.host.split(":")[0];
+    return data.data ?? [];
+};