mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
moving things
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -11,8 +11,8 @@
|
|||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||||
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
|
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
|
||||||
<title>Multi Roomba Rover</title>
|
<title>Multi Roomba Rover</title>
|
||||||
<script type="module" crossorigin src="/assets/index-48ExBr_c.js"></script>
|
<script type="module" crossorigin src="/assets/index-D4Rkqg1a.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-KwHCNT0n.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-BhKFQa9T.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|||||||
@@ -93,6 +93,14 @@ export default function CameraServoPanel() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="panel-section space-y-0.5 text-base">
|
<section className="panel-section space-y-0.5 text-base">
|
||||||
|
{nightVisionAvailable && (
|
||||||
|
<NightVisionControl
|
||||||
|
nightVisionOn={nightVisionState?.nightVisionOn}
|
||||||
|
disabled={!roverId}
|
||||||
|
onToggle={handleNightVisionToggle}
|
||||||
|
keyLabel={nightVisionKey}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
{enabled && (
|
{enabled && (
|
||||||
<>
|
<>
|
||||||
<div className="flex items-center justify-between text-sm text-slate-300">
|
<div className="flex items-center justify-between text-sm text-slate-300">
|
||||||
@@ -119,15 +127,6 @@ export default function CameraServoPanel() {
|
|||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{nightVisionAvailable && (
|
|
||||||
<NightVisionControl
|
|
||||||
nightVisionOn={nightVisionState?.nightVisionOn}
|
|
||||||
disabled={!roverId}
|
|
||||||
onToggle={handleNightVisionToggle}
|
|
||||||
keyLabel={nightVisionKey}
|
|
||||||
className={enabled ? 'mt-1' : ''}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
{/* <div className="flex gap-0.5 text-sm">
|
{/* <div className="flex gap-0.5 text-sm">
|
||||||
<button type="button" className="flex-1 button-dark" onClick={() => handleNudge(-1)}>
|
<button type="button" className="flex-1 button-dark" onClick={() => handleNudge(-1)}>
|
||||||
Tilt Down
|
Tilt Down
|
||||||
|
|||||||
@@ -120,6 +120,14 @@ export function InlineCameraTilt({ keymap }) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="surface space-y-0.5 px-1 py-1 text-sm text-slate-200">
|
<div className="surface space-y-0.5 px-1 py-1 text-sm text-slate-200">
|
||||||
|
{nightVisionAvailable && (
|
||||||
|
<NightVisionControl
|
||||||
|
nightVisionOn={nightVisionState?.nightVisionOn}
|
||||||
|
disabled={!roverId}
|
||||||
|
onToggle={setNightVision}
|
||||||
|
keyLabel={nightVisionLabel}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
{enabled && (
|
{enabled && (
|
||||||
<>
|
<>
|
||||||
<div className="flex items-center justify-between text-xs text-slate-300">
|
<div className="flex items-center justify-between text-xs text-slate-300">
|
||||||
@@ -152,15 +160,6 @@ export function InlineCameraTilt({ keymap }) {
|
|||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{nightVisionAvailable && (
|
|
||||||
<NightVisionControl
|
|
||||||
nightVisionOn={nightVisionState?.nightVisionOn}
|
|
||||||
disabled={!roverId}
|
|
||||||
onToggle={setNightVision}
|
|
||||||
keyLabel={nightVisionLabel}
|
|
||||||
className={enabled ? 'mt-1' : ''}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -216,6 +216,13 @@ function MobileJoystickPanel({ layout }) {
|
|||||||
<DriveDockAction layout="mobile" expand={dockedNotDriving} driveDockState={driveDockState} />
|
<DriveDockAction layout="mobile" expand={dockedNotDriving} driveDockState={driveDockState} />
|
||||||
{!dockedNotDriving ? (
|
{!dockedNotDriving ? (
|
||||||
<>
|
<>
|
||||||
|
{nightVisionAvailable && (
|
||||||
|
<NightVisionControl
|
||||||
|
nightVisionOn={nightVisionState?.nightVisionOn}
|
||||||
|
disabled={disabled}
|
||||||
|
onToggle={handleNightVisionToggle}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
{cameraEnabled && (
|
{cameraEnabled && (
|
||||||
<div className="bg-zinc-950 p-0.5 text-xs">
|
<div className="bg-zinc-950 p-0.5 text-xs">
|
||||||
<div className="flex items-center justify-between text-[0.75rem] text-slate-400">
|
<div className="flex items-center justify-between text-[0.75rem] text-slate-400">
|
||||||
@@ -233,14 +240,6 @@ function MobileJoystickPanel({ layout }) {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{nightVisionAvailable && (
|
|
||||||
<NightVisionControl
|
|
||||||
nightVisionOn={nightVisionState?.nightVisionOn}
|
|
||||||
disabled={disabled}
|
|
||||||
onToggle={handleNightVisionToggle}
|
|
||||||
className="mt-0.5"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<FloatingJoystick
|
<FloatingJoystick
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
layout={layout}
|
layout={layout}
|
||||||
|
|||||||
Reference in New Issue
Block a user