91 lines
3.6 KiB
HTML
91 lines
3.6 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>
|
|
<button id="btn-remove-last" class="btn">Remove Last Measurement</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="layout">
|
|
<section class="plot-panel">
|
|
<div class="plot-head">
|
|
<span class="plot-title">Processor output</span>
|
|
<div id="display-combo-controls" class="config-row" hidden>
|
|
<select id="display-combo" class="config-control" aria-label="B-scan channel combination"></select>
|
|
<button id="btn-next-combo" class="btn">Next combination</button>
|
|
</div>
|
|
</div>
|
|
<div id="sar3d-status" class="sar3d-status" role="status" hidden></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 / record 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" title="Save up to 1000 most recent measurements">Save Last 1000</button>
|
|
</div>
|
|
<div class="config-row">
|
|
<input id="record-count" class="config-control" type="number" min="1" step="1"
|
|
placeholder="Sweeps to record" aria-label="Number of sweeps to record" />
|
|
<button id="btn-start-recording" class="btn">Start + Record</button>
|
|
</div>
|
|
<div class="config-active" id="recording-status"></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>
|