legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 01:21:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

barss

Browse Source
This commit is contained in:
legop3
2025-11-16 15:21:27 -05:00
parent ee46bcff9f
commit ce8222bf76
6 changed files with 30 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-BouNEyLy.js → server/public/assets/index-Be8zA8wd.js
+7 -7
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-BhWEQnjm.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-DkNFeqA8.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+2 -2
View File
@@ -5,8 +5,8 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>webui</title>
<script type="module" crossorigin src="/assets/index-BouNEyLy.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BhWEQnjm.css">
<script type="module" crossorigin src="/assets/index-Be8zA8wd.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DkNFeqA8.css">
</head>
<body>
<div id="root"></div>
webui/src/components/RightPaneTabs.jsx
+1 -1
View File
@@ -50,8 +50,8 @@ export default function RightPaneTabs({ layout }) {
<div className="mt-1 space-y-1">
{active === 'telemetry' && (
<div className="space-y-1">
<TelemetryPanel />
<DrivePanel />
<TelemetryPanel />
</div>
)}
{active === 'room' && (
webui/src/components/TelemetryPanel.jsx
+19
View File
@@ -58,6 +58,12 @@ export default function TelemetryPanel() {
<Metric label="Current" value={formatMetric(current)} />
</div>
)}
<div className="flex gap-0.5 mt-1">
<CliffBar value={sensors.cliffLeftSignal} />
<CliffBar value={sensors.cliffFrontLeftSignal} />
<CliffBar value={sensors.cliffFrontRightSignal} />
<CliffBar value={sensors.cliffRightSignal} />
</div>
{rawSnippet && (
<pre className="mt-1 overflow-scroll p-1 text-xs text-lime-300">
{rawSnippet}
@@ -98,6 +104,19 @@ export default function TelemetryPanel() {
);
}
function CliffBar({ value }) {
// Render a small vertical bar; value is clamped to 0-100 for display
// const pct = value == null ? 0 : Math.max(0, Math.min(100, value));
// goes from 0 to 4095. calculate percentage for height
const pct = value == null ? 0 : Math.max(0, Math.min(100, (value / 4095) * 100));
const height = `${pct}%`;
return (
<div className="w-1/4 h-6 bg-gray-800 rounded-sm overflow-hidden">
<div className="w-full bg-lime-400" style={{ height }} />
</div>
);
}
function Metric({ label, value }) {
return (
// <div className="flex items-center justify-between">