web UI added and refactoring done

2026-06-06 00:06:30 +03:00
parent 3c30a12d4a
commit af6005d68f
65 changed files with 3630 additions and 4720 deletions
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Radar System</title>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+  <header class="topbar">
+    <div class="brand">Radar System</div>
+    <div class="controls">
+      <button id="btn-start" class="btn">Start</button>
+      <button id="btn-single" class="btn">Single Capture</button>
+      <button id="btn-stop" class="btn">Stop</button>
+      <button id="btn-tmp-ref" class="btn">Tmp Reference</button>
+    </div>
+  </header>
+
+  <main class="layout">
+    <section class="plot-panel">
+      <div class="plot-head">
+        <span class="plot-title">Processor output</span>
+      </div>
+      <div class="canvas-wrap">
+        <img id="plot" class="plot-img" alt="Live processor plot" />
+      </div>
+    </section>
+
+    <aside class="side-panel">
+      <div class="panel-head" id="settings-toggle">
+        <span class="panel-title">Processor settings</span>
+        <span class="chevron" id="settings-chevron">▾</span>
+      </div>
+      <div class="panel-body" id="settings-body">
+        <div id="settings-fields" class="settings-fields"></div>
+        <div class="settings-actions">
+          <button id="btn-apply" class="btn primary">Apply</button>
+          <button id="btn-reset-history" class="btn">Reset history</button>
+        </div>
+        <div id="settings-note" class="note"></div>
+      </div>
+    </aside>
+  </main>
+
+  <footer class="statusbar">
+    <span class="stat" id="stat-running">running: —</span>
+    <span class="stat" id="stat-processor">processor: —</span>
+    <span class="stat" id="stat-ring">ring: —</span>
+    <span class="stat" id="stat-stale">live</span>
+  </footer>
+
+  <div id="toast" class="toast"></div>
+
+  <script src="app.js"></script>
+</body>
+</html>