79 lines
2.7 KiB
HTML
79 lines
2.7 KiB
HTML
<!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="config-section">
|
|
<div class="config-title">Config profile</div>
|
|
<div class="config-row">
|
|
<select id="config-select" class="config-control" aria-label="Run config"></select>
|
|
<button id="btn-load-config" class="btn">Load</button>
|
|
</div>
|
|
<div class="config-active" id="config-active"></div>
|
|
</div>
|
|
|
|
<div class="config-section">
|
|
<div class="config-title">Save dataset</div>
|
|
<div class="config-row">
|
|
<input id="save-path" class="config-control" type="text" placeholder="Save path" aria-label="Save path" />
|
|
</div>
|
|
<div class="config-row">
|
|
<input id="save-name" class="config-control" type="text" placeholder="Name (optional)" aria-label="Save name" />
|
|
<button id="btn-save-dataset" class="btn">Save</button>
|
|
</div>
|
|
</div>
|
|
|
|
<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-scans">scans: —</span>
|
|
<span class="stat" id="stat-stale">live</span>
|
|
</footer>
|
|
|
|
<div id="toast" class="toast"></div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|