From 0a0dac7fda7fa7b504d520ebce1d1384c2785f8d Mon Sep 17 00:00:00 2001 From: Flagabat Date: Mon, 27 Apr 2026 23:28:05 +0200 Subject: [PATCH] =?UTF-8?q?feat:=20viewer=20=E2=80=94=20sortie=20selector?= =?UTF-8?q?=20+=20USV/AUV=20panels=20HTML=20+=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Sonnet 4.6 --- viewer/index.html | 286 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 286 insertions(+) diff --git a/viewer/index.html b/viewer/index.html index f8de954..88b303a 100644 --- a/viewer/index.html +++ b/viewer/index.html @@ -169,6 +169,39 @@ border-radius: 2px; flex-shrink: 0; } #btn-pipeline:hover { background: #a855f7; color: #1a1a2e; } + + #sortie-select { + background: #0f3460; border: 1px solid #e94560; color: #e0e0e0; + font-family: monospace; font-size: 11px; padding: 2px 6px; border-radius: 2px; + cursor: pointer; max-width: 160px; + } + #btn-sync { + background: #0f3460; border: 1px solid #e94560; color: #e94560; + padding: 2px 9px; cursor: pointer; font-family: monospace; font-size: 11px; + border-radius: 2px; + } + #btn-sync:hover { background: #e94560; color: #1a1a2e; } + #btn-sync:disabled { opacity: 0.4; cursor: not-allowed; } + #sync-progress { + font-size: 10px; color: #06d6a0; flex: 1; + white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + } + .panel-header { + background: #0d0d20; border-top: 1px solid #0f3460; border-bottom: 1px solid #0f3460; + padding: 4px 14px; font-size: 11px; font-weight: bold; color: #e94560; + display: flex; align-items: center; gap: 8px; + } + .auv-tab { + font-family: monospace; font-size: 10px; padding: 2px 8px; cursor: pointer; + border: 1px solid #0f3460; background: transparent; color: #a0c4ff; border-radius: 2px; + } + .auv-tab.active { background: #0f3460; color: #e0e0e0; } + .graphs-grid { + display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; + padding: 4px 8px; background: #12122a; + } + .graph-cell { height: 130px; background: #1a1a2e; } + .graph-cell.wide { grid-column: span 2; height: 130px; } @@ -238,6 +271,9 @@ flowchart LR + + + @@ -296,6 +332,34 @@ flowchart LR +
USV
+
+
+
+
+
+
+
+
+
+
+
+
+ AUV + +
+
+
+
+
+
+
+
+
+
+
+
+ @@ -303,6 +367,7 @@ flowchart LR