first running version

2025-08-05 12:01:59 +02:00
parent 5712929f23
commit b9efeb670d
12 changed files with 365 additions and 92 deletions
--- a/templates/index.html
+++ b/templates/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Process Dashboard</title>
+  <script src="https://unpkg.com/htmx.org@1.9.5"></script>
+  <style>
+    body {
+      font-family: sans-serif;
+      margin: 2rem;
+    }
+    .top-link {
+      display: block;
+      margin-bottom: 1rem;
+      font-size: 1.2rem;
+    }
+    ul#process-list {
+      list-style: none;
+      padding: 0;
+    }
+    ul#process-list li {
+      background: #f4f4f4;
+      margin: 0.5rem 0;
+      padding: 0.75rem;
+      border-radius: 5px;
+    }
+  </style>
+</head>
+<body>
+
+    <div class="top-link-container">
+        <a href="/taskmanager/htop" class="top-link" target="_blank" rel="noopener noreferrer">
+            📈 Task Manager
+        </a>
+    </div>
+
+  <!-- Header -->
+  <h2>Future Processes</h2>
+
+  <!-- Placeholder List for Future Processes -->
+  <ul id="process-list">
+    <li>📌 Process A (placeholder)</li>
+    <li>📌 Process B (placeholder)</li>
+    <li>📌 Process C (placeholder)</li>
+  </ul>
+
+  <!-- Example Button for Future HTMX Action -->
+  <button 
+    hx-get="/get-latest-processes" 
+    hx-target="#process-list" 
+    hx-swap="innerHTML">
+    🔄 Load Latest Processes
+  </button>
+
+</body>
+<style>
+  .top-link-container {
+    text-align: center;
+    margin-bottom: 1rem;
+  }
+</style>
+</html>