propagation ui, docker dev

JochimMaene · Feb 9, 2025 · 7c6eda0 · 7c6eda0
1 parent 018e0b0
commit 7c6eda0
Show file tree

Hide file tree

Showing 39 changed files with 956 additions and 677 deletions.
diff --git a/deploy/docker/dev/Dockerfile b/deploy/docker/dev/Dockerfile
@@ -38,6 +38,8 @@ ARG VITE_USE_SERVER_LIFESPAN="true"
 ARG VITE_DEV_MODE="true"
 ARG VITE_HOT_RELOAD="true"
 ARG SAQ_USE_SERVER_LIFESPAN="false"
+ARG UV_INDEX_SPACE_CODEV_USERNAME
+ARG UV_INDEX_SPACE_CODEV_PASSWORD
 ## --------------------------- standardize execution env ----------------------------- ##
 ENV PATH="/workspace/app/.venv/bin:/usr/local/bin:/opt/nodeenv/bin:$PATH" \
   VIRTUAL_ENV="/workspace/app/.venv" \
@@ -46,6 +48,8 @@ ENV PATH="/workspace/app/.venv/bin:/usr/local/bin:/opt/nodeenv/bin:$PATH" \
   VITE_DEV_MODE="${VITE_DEV_MODE}" \
   VITE_HOT_RELOAD="${VITE_HOT_RELOAD}" \
   SAQ_USE_SERVER_LIFESPAN="${SAQ_USE_SERVER_LIFESPAN}" \
+  UV_INDEX_SPACE_CODEV_USERNAME="${UV_INDEX_SPACE_CODEV_USERNAME}" \
+  UV_INDEX_SPACE_CODEV_PASSWORD="${UV_INDEX_SPACE_CODEV_PASSWORD}" \
   PIP_DEFAULT_TIMEOUT=100 \
   PIP_DISABLE_PIP_VERSION_CHECK=1 \
   PIP_NO_CACHE_DIR=1 \

diff --git a/docker-compose.override.yml b/docker-compose.override.yml
@@ -23,6 +23,9 @@ services:
     build:
       context: .
       dockerfile: deploy/docker/dev/Dockerfile
+      args:
+        UV_INDEX_SPACE_CODEV_USERNAME: ${UV_INDEX_SPACE_CODEV_USERNAME}
+        UV_INDEX_SPACE_CODEV_PASSWORD: ${UV_INDEX_SPACE_CODEV_PASSWORD}
     ports:
       - "8000:8000"
       - "3006:3006"
@@ -39,6 +42,9 @@ services:
     build:
       context: .
       dockerfile: deploy/docker/dev/Dockerfile
+      args:
+        UV_INDEX_SPACE_CODEV_USERNAME: ${UV_INDEX_SPACE_CODEV_USERNAME}
+        UV_INDEX_SPACE_CODEV_PASSWORD: ${UV_INDEX_SPACE_CODEV_PASSWORD}
     command: litestar workers run
     tty: true
     restart: always
@@ -55,6 +61,9 @@ services:
     build:
       context: .
       dockerfile: deploy/docker/dev/Dockerfile
+      args:
+        UV_INDEX_SPACE_CODEV_USERNAME: ${UV_INDEX_SPACE_CODEV_USERNAME}
+        UV_INDEX_SPACE_CODEV_PASSWORD: ${UV_INDEX_SPACE_CODEV_PASSWORD}
     command: litestar database upgrade --no-prompt
     restart: "no"
     <<: *development-volumes

diff --git a/package-lock.json b/package-lock.json
diff --git a/resources/App.tsx b/resources/App.tsx
@@ -20,6 +20,10 @@ import { Outlet } from "react-router-dom"
 import GroundStationPage from "@/pages/ground-station/GroundStation"
 import OrbitPage from "@/pages/orbit/Orbit"
 import UtilPage from "@/pages/utilities/Utilities"
+import PropagationRequestPage from "@/pages/orbit/PropagationRequest";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+const queryClient = new QueryClient();
 
 const App: React.FC = () => {
   const navigate = useNavigate()
@@ -33,43 +37,46 @@ const App: React.FC = () => {
   }, [auth, pathname])
 
   return (
-    <ThemeProvider defaultTheme="light" storageKey="dma-ui-theme">
-      <Toaster />
-      <Routes>
-        <Route path="/" element={<ProtectedRoutes />}>
-          <Route element={<MainLayout>
-            <div className="hidden flex-col md:flex">
-              <div className="border-b">
-                <div className="flex h-16 items-center px-4">
-                  <MainNav className="mx-6" />
-                  <div className="ml-auto flex items-center space-x-4">
-                    <UserNav />
+    <QueryClientProvider client={queryClient}>
+      <ThemeProvider defaultTheme="light" storageKey="dma-ui-theme">
+        <Toaster />
+        <Routes>
+          <Route path="/" element={<ProtectedRoutes />}>
+            <Route element={<MainLayout>
+              <div className="hidden flex-col md:flex">
+                <div className="border-b">
+                  <div className="flex h-16 items-center px-4">
+                    <MainNav className="mx-6" />
+                    <div className="ml-auto flex items-center space-x-4">
+                      <UserNav />
+                    </div>
                   </div>
                 </div>
               </div>
-            </div>
-            <div className="p-4">
-              <Outlet />
-            </div>
-          </MainLayout>}>
-            <Route index element={<Home />} />
-            <Route path="dynamics" element={<DynamicsPage />} />
-            <Route path="fds-data" element={<FdsDataPage />} />
-            <Route path="satellites" element={<SatellitesPage />} />
-            <Route path="ground-stations" element={<GroundStationPage />} />
-            <Route path="orbits" element={<OrbitPage />} />
-            <Route path="utils" element={<UtilPage />} />
+              <div className="p-4">
+                <Outlet />
+              </div>
+            </MainLayout>}>
+              <Route index element={<Home />} />
+              <Route path="dynamics" element={<DynamicsPage />} />
+              <Route path="fds-data" element={<FdsDataPage />} />
+              <Route path="satellites" element={<SatellitesPage />} />
+              <Route path="ground-stations" element={<GroundStationPage />} />
+              <Route path="orbits" element={<OrbitPage />} />
+              <Route path="propagation" element={<PropagationRequestPage />} />
+              <Route path="utils" element={<UtilPage />} />
+            </Route>
           </Route>
-        </Route>
 
-        <Route path="/landing" element={<Placeholder />} />
-        <Route path="/terms" element={<Placeholder />} />
-        <Route path="/privacy" element={<Placeholder />} />
-        <Route path="/login" element={<Login />} />
-        <Route path="/register" element={<Register />} />
-        <Route path="*" element={<PageNotFound />} />
-      </Routes>
-    </ThemeProvider>
+          <Route path="/landing" element={<Placeholder />} />
+          <Route path="/terms" element={<Placeholder />} />
+          <Route path="/privacy" element={<Placeholder />} />
+          <Route path="/login" element={<Login />} />
+          <Route path="/register" element={<Register />} />
+          <Route path="*" element={<PageNotFound />} />
+        </Routes>
+      </ThemeProvider>
+    </QueryClientProvider>
   )
 }
 

diff --git a/resources/components/main-nav.tsx b/resources/components/main-nav.tsx
@@ -26,6 +26,10 @@ const navItems = [
     title: "Orbits",
     href: "/orbits",
   },
+  {
+    title: "Propagation",
+    href: "/propagation",
+  },
   {
     title: "Utils",
     href: "/utils",

diff --git a/resources/pages/dynamics/components/dynamics-list.tsx b/resources/pages/dynamics/components/dynamics-list.tsx
@@ -52,11 +52,13 @@ const DynamicsList: React.FC<DynamicsListProps> = ({ refresh, onRefresh }) => {
     }, [refresh]);
 
     if (loading) {
-        return <div>Loading dynamics...</div>;
-    }
-
-    if (dynamics.length === 0) {
-        return <div>No dynamics available.</div>;
+        return (
+            <Card className="w-full">
+                <CardContent className="flex items-center justify-center h-32">
+                    <div className="text-muted-foreground">Loading dynamics...</div>
+                </CardContent>
+            </Card>
+        );
     }
 
     const handleEdit = (dyn: Dynamics) => {

diff --git a/resources/pages/orbit/PropagationRequest.tsx b/resources/pages/orbit/PropagationRequest.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import MainLayout from "../../layouts/MainLayout";
+import PropagationForm from "./components/propagation-form";
+
+const PropagationRequestPage: React.FC = () => {
+    const handleSuccess = (queueId: string) => {
+        // Handle success, e.g., show a success message or redirect
+        console.log("Propagation request submitted successfully with Queue ID:", queueId);
+    };
+
+    return (
+        <MainLayout
+            title="Orbit Propagation Request"
+            description="Submit a request for numerical orbit propagation."
+            keywords="Orbit, Propagation, Request"
+        >
+            <div className="w-full h-full flex flex-col items-center px-4 md:px-8 py-8 space-y-8">
+                <div className="w-full max-w-[1400px]">
+                    <PropagationForm onSuccess={handleSuccess} />
+                </div>
+            </div>
+        </MainLayout>
+    );
+};
+
+export default PropagationRequestPage;