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" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>webui</title> <title>webui</title>
<script type="module" crossorigin src="/assets/index-BouNEyLy.js"></script> <script type="module" crossorigin src="/assets/index-Be8zA8wd.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BhWEQnjm.css"> <link rel="stylesheet" crossorigin href="/assets/index-DkNFeqA8.css">
</head> </head>
<body> <body>
<div id="root"></div> <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"> <div className="mt-1 space-y-1">
{active === 'telemetry' && ( {active === 'telemetry' && (
<div className="space-y-1"> <div className="space-y-1">
<TelemetryPanel />
<DrivePanel /> <DrivePanel />
<TelemetryPanel />
</div> </div>
)} )}
{active === 'room' && ( {active === 'room' && (
webui/src/components/TelemetryPanel.jsx
+19
View File
@@ -58,6 +58,12 @@ export default function TelemetryPanel() {
<Metric label="Current" value={formatMetric(current)} /> <Metric label="Current" value={formatMetric(current)} />
</div> </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 && ( {rawSnippet && (
<pre className="mt-1 overflow-scroll p-1 text-xs text-lime-300"> <pre className="mt-1 overflow-scroll p-1 text-xs text-lime-300">
{rawSnippet} {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 }) { function Metric({ label, value }) {
return ( return (
// <div className="flex items-center justify-between"> // <div className="flex items-center justify-between">