sl-webui
f71dad5344
Architecture change (2026-04-03): Mamba F722S (STM32F722) and BlackPill replaced by ESP32 BALANCE (PID loop) and ESP32 IO (motors/sensors/comms). - Update CLAUDE.md, docs, chassis BOM/ASSEMBLY, pinout, power-budget, wiring-diagram, TEAM.md, AUTONOMOUS_ARMING.md, docker-compose - Update all ROS2 package comments, config labels, launch args (stm32_port→esp32_port, /dev/stm32-bridge→/dev/esp32-bridge) - Update WebUI: stm32Mode→esp32Mode, stm32Version→esp32Version, "STM32 State/Mode" labels → "ESP32 State/Mode" (ControlMode, SettingsPanel) - Add TODO(esp32-migration) markers on stm32_protocol.py and mamba_protocol.py binary frame layouts — pending ESP32 protocol spec from max - Fix roslib CDN 1.3.0→1.4.0 in all 11 HTML panels (fixes ROS2 Humble rosbridge "Received a message without an op" incompatibility) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
91 lines
2.7 KiB
HTML
91 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.0, maximum-scale=1.0">
|
|
<title>Saltybot — Event Log</title>
|
|
<link rel="stylesheet" href="event_log_panel.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/roslib@1.4.0/build/roslib.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ── Header ── -->
|
|
<div id="header">
|
|
<div class="logo">⚡ SALTYBOT — EVENT LOG</div>
|
|
|
|
<div id="conn-dot"></div>
|
|
<input id="ws-input" type="text" value="ws://localhost:9090" placeholder="ws://robot-ip:9090" />
|
|
<button id="btn-connect" class="hbtn">CONNECT</button>
|
|
<span id="conn-label" style="color:#4b5563;font-size:10px">Not connected</span>
|
|
|
|
<span id="paused-indicator">⏸ PAUSED</span>
|
|
<span id="count-badge">0 / 0</span>
|
|
</div>
|
|
|
|
<!-- ── Toolbar ── -->
|
|
<div id="toolbar">
|
|
|
|
<!-- Severity filters -->
|
|
<button class="sev-btn sev-debug" data-level="DEBUG">DEBUG</button>
|
|
<button class="sev-btn sev-info" data-level="INFO" >INFO</button>
|
|
<button class="sev-btn sev-warn" data-level="WARN" >WARN</button>
|
|
<button class="sev-btn sev-error" data-level="ERROR">ERROR</button>
|
|
<button class="sev-btn sev-fatal" data-level="FATAL">FATAL</button>
|
|
<button class="sev-btn sev-event" data-level="EVENT">EVENT</button>
|
|
|
|
<div class="toolbar-sep"></div>
|
|
|
|
<!-- Node filter -->
|
|
<select id="node-filter">
|
|
<option value="">All nodes</option>
|
|
</select>
|
|
|
|
<!-- Text search -->
|
|
<input id="search-input" type="text" placeholder="Search… (Ctrl+F)" />
|
|
|
|
<div class="toolbar-sep"></div>
|
|
|
|
<!-- Actions -->
|
|
<button id="btn-pause" class="hbtn active">⏸ PAUSE</button>
|
|
<button id="btn-clear" class="hbtn">CLEAR</button>
|
|
<button id="btn-export" class="hbtn">↓ CSV</button>
|
|
|
|
<!-- Ring buffer info -->
|
|
<span style="font-size:9px;color:#374151;margin-left:auto">
|
|
ring: 1000 entries · /rosout + /saltybot/events
|
|
</span>
|
|
</div>
|
|
|
|
<!-- ── Main ── -->
|
|
<div id="main">
|
|
<div id="log-feed">
|
|
|
|
<!-- Empty state -->
|
|
<div id="empty-state">
|
|
<div class="icon">📋</div>
|
|
<div>No events — connect to rosbridge</div>
|
|
<div style="font-size:10px;color:#374151">
|
|
Subscribing to /rosout and /saltybot/events
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ── Footer ── -->
|
|
<div id="footer">
|
|
<span>rosbridge: <code id="footer-ws">ws://localhost:9090</code></span>
|
|
<span>topics: /rosout (rcl_interfaces/Log) · /saltybot/events (std_msgs/String)</span>
|
|
<span>event log — issue #576</span>
|
|
</div>
|
|
|
|
<script src="event_log_panel.js"></script>
|
|
<script>
|
|
// Sync footer WS URL
|
|
document.getElementById('ws-input').addEventListener('input', (e) => {
|
|
document.getElementById('footer-ws').textContent = e.target.value;
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|