initial push

2025-11-28 09:35:02 +01:00
commit 471ea10341
97 changed files with 7424 additions and 0 deletions
--- a/project-details.html
+++ b/project-details.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+
+
+
+<html>
+
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="globals.css" />
+    <link rel="stylesheet" href="styleguide.css" />
+    <link rel="stylesheet" href="style.css" />
+    <style>
+        #projects-list {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 15px;
+            justify-content: flex-start;
+            align-items: flex-start;
+        }
+
+        .dataset-card {
+            flex: 0 0 auto;
+        }
+    </style>
+</head>
+
+<body onload="pollStatus()">
+    <div>
+        <div id="header">
+            <icon class="header-icon" onclick="window.location.href='/index.html'" , onmouseover=""
+                style="cursor: pointer;" src="./media/logo.png" alt="Logo"></icon>
+            <label id="project-title-label" style="display: block; text-align: left; font-weight: bold; font-size: x-large;">title</label>
+            <div class="button-row">
+                <button id="Add Training Project" onclick="window.location.href='/add-project.html'"
+                    class="button-red">Add Training Project</button>
+                <button id="seed-db-btn" class="button">
+                    Seed Database
+                    <div class="loader" id="loader" style="display: none"></div>
+
+                </button>
+            </div>
+
+        </div>
+        
+        <div id="projects-list">
+            
+        </div>
+        <script>
+            document.getElementById('seed-db-btn').addEventListener('click', function () {
+                const elLoader = document.getElementById("loader")
+                elLoader.style.display = "inherit"
+
+                fetch('/api/seed')
+                    .finally(() => {
+                        // Instead of hiding loader immediately, poll /api/update-status until done
+                        function pollStatus() {
+                            fetch('/api/update-status')
+                                .then(res => res.json())
+                                .then(status => {
+                                    if (status && status.running) {
+                                        // Still running, poll again after short delay
+                                        setTimeout(pollStatus, 5000);
+                                    } else {
+                                        elLoader.style.display = "none";
+                                    }
+                                })
+                                .catch(() => {
+                                    elLoader.style.display = "none";
+                                });
+                        }
+                        pollStatus();
+                    })
+            });
+
+            // Show loader if backend is still processing on page load
+
+            function pollStatus() {
+                const elLoader = document.getElementById("loader");
+                fetch('/api/update-status')
+                    .then(res => res.json())
+
+                    .then(status => {
+                        if (status && status.running) {
+                            elLoader.style.display = "inherit";
+                            setTimeout(pollStatus, 5000);
+                        } else {
+                            elLoader.style.display = "none";
+                        }
+                    })
+                    .catch(() => {
+                        elLoader.style.display = "none";
+                    });
+            }
+
+        </script>
+        <script>
+        const urlParams = new URLSearchParams(window.location.search);
+        const projectId = urlParams.get('id');
+        fetch('/api/training-projects')
+          .then(res => res.json())
+          .then(projects => {
+            const project = projects.find(p => p.project_id == projectId || p.id == projectId);
+            if (project) {
+              document.getElementById('project-title-label').textContent = '/' + project.title;
+            }
+          });
+        </script>
+        
+        
+
+    </div>
+    <script src="./js/dashboard-label-studio.js"></script>
+</body>
+
+</html>