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

remove comparisons, move panel

Browse Source
This commit is contained in:
legop3
2026-06-19 17:06:57 -04:00
parent 3bad454e0d
commit 36ff14824e
7 changed files with 13 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/App.jsx
+1 -1
View File
@@ -193,8 +193,8 @@ function MobileFeatureTabs({
{/* activities tab */}
<TabPanel id="activities">
<div className={`flex flex-col ${themeGapClass}`}>
<OdometerPanel />
<BarcodeGamesPanel />
<OdometerPanel />
<ButtonBoxPanel />
<KinectPanel />
</div>
webui/src/components/OdometerPanel/index.jsx
+1 -29
View File
@@ -36,17 +36,6 @@ function formatCount(value) {
return Number.isFinite(Number(value)) ? String(Math.round(Number(value))) : '--';
}
function formatSignedDistance(mm) {
const value = Number(mm);
if (!Number.isFinite(value)) return '--';
const sign = value > 0 ? '+' : '';
return `${sign}${value < 0 ? '-' : ''}${formatDistance(Math.abs(value))}`;
}
function formatPercent(value) {
return Number.isFinite(Number(value)) ? `${Number(value).toFixed(1)}%` : '--';
}
function formatAge(timestamp, now) {
const value = Number(timestamp);
if (!Number.isFinite(value)) return '--';
@@ -124,9 +113,8 @@ export default function OdometerPanel() {
) : (
<>
<OdometerSummary odometer={primary} rover={primaryRover} now={now} />
<div className="grid gap-0.5 md:grid-cols-2 xl:grid-cols-3">
<div className="grid gap-0.5 md:grid-cols-2">
<EncoderDetails odometer={primary} />
<DistancePacketComparison odometer={primary} />
<CalibrationDetails odometer={primary} now={now} />
</div>
<RoverOdometerList rows={visibleRows} primaryRoverId={primaryRoverId} />
@@ -178,22 +166,6 @@ function EncoderDetails({ odometer }) {
);
}
function DistancePacketComparison({ odometer }) {
const comparison = odometer?.comparison || null;
const last = comparison?.last || null;
return (
<DetailCard title="Distance packet comparison">
<ValueRow label="Last encoder" value={formatSignedDistance(last?.encoderCenterMm)} />
<ValueRow label="Last packet" value={formatSignedDistance(last?.distancePacketMm)} />
<ValueRow label="Last signed diff" value={`${formatSignedDistance(last?.signedDifferenceMm)} · ${formatPercent(last?.signedDifferencePct)}`} />
<ValueRow label="Session encoder" value={formatDistance(comparison?.encoderSessionMm)} />
<ValueRow label="Session packet" value={formatDistance(comparison?.distancePacketSessionMm)} />
<ValueRow label="Session diff" value={`${formatSignedDistance(comparison?.sessionDifferenceMm)} · ${formatPercent(comparison?.sessionDifferencePct)}`} />
<ValueRow label="Samples" value={`${formatCount(comparison?.sampleCount)} compared · ${formatCount(comparison?.missingDistanceSamples)} missing`} />
</DetailCard>
);
}
function CalibrationDetails({ odometer, now }) {
return (
<DetailCard title="Conversion">
webui/src/components/RightPaneTabs/index.jsx
+1 -1
View File
@@ -366,8 +366,8 @@ export default function RightPaneTabs({ layout, onOpenHelpOverlay }) {
{/* activities tab */}
<TabPanel id="activities">
<div className={`flex flex-col ${themeGapClass}`}>
<OdometerPanel />
<BarcodeGamesPanel />
<OdometerPanel />
<ButtonBoxPanel />
<KinectPanel />
</div>