legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-15 17:12:59 -04:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

popupaboveinsteadofcovering heheeee

Browse Source
This commit is contained in:
legop3
2026-06-07 17:15:36 -04:00
parent b2bd3a5e41
commit e4a818b490
7 changed files with 217 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-BJ6v-SvH.js
+126
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-BJwNeHyz.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-Cjf8GsR5.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-DZt_FmKq.js
-126
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+2 -2
View File
@@ -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="Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Roomba Rover" />
<title>Roomba Rover</title> <title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-DZt_FmKq.js"></script> <script type="module" crossorigin src="/assets/index-BJ6v-SvH.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BJwNeHyz.css"> <link rel="stylesheet" crossorigin href="/assets/index-Cjf8GsR5.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/components/ReplaySourcesPanel/ReplayReadyPopup.jsx
+15
View File
@@ -20,6 +20,7 @@ export default function ReplayReadyPopup({ replay, onClose, variant = 'modal' })
if (!videoUrl) return null; if (!videoUrl) return null;
const isPanel = variant === 'panel'; const isPanel = variant === 'panel';
const isFloatingPanel = variant === 'floating-panel';
const title = String(replay?.title || 'Replay').trim() || 'Replay'; const title = String(replay?.title || 'Replay').trim() || 'Replay';
const messageUrl = normalizeUrl(replay?.messageUrl); const messageUrl = normalizeUrl(replay?.messageUrl);
const meta = formatBytes(replay?.size) || null; const meta = formatBytes(replay?.size) || null;
@@ -39,6 +40,20 @@ export default function ReplayReadyPopup({ replay, onClose, variant = 'modal' })
</div> </div>
); );
if (isFloatingPanel) {
return (
<CardFrame
title={title}
meta={meta}
actions={actions}
clipOverflow={false}
bodyClassName="hidden"
>
{null}
</CardFrame>
);
}
const card = ( const card = (
<CardFrame <CardFrame
title={title} title={title}
webui/src/components/ReplaySourcesPanel/index.jsx
+22 -9
View File
@@ -23,6 +23,8 @@ function normalizeSources(list = []) {
.filter(Boolean); .filter(Boolean);
} }
const PANEL_REPLAY_AUTO_CLOSE_MS = 35000;
export default function ReplaySourcesPanel({ panelId = 'replay-sources', fillHeight = false }) { export default function ReplaySourcesPanel({ panelId = 'replay-sources', fillHeight = false }) {
const replaySources = useSessionSelector((state) => state.session?.replaySources ?? []); const replaySources = useSessionSelector((state) => state.session?.replaySources ?? []);
const mode = useSessionSelector((state) => state.session?.mode || null); const mode = useSessionSelector((state) => state.session?.mode || null);
@@ -191,17 +193,27 @@ export default function ReplaySourcesPanel({ panelId = 'replay-sources', fillHei
const listWrapClass = fillHeight ? 'flex-1 min-h-0 overflow-y-auto' : ''; const listWrapClass = fillHeight ? 'flex-1 min-h-0 overflow-y-auto' : '';
if (showPanelReplay) { useEffect(() => {
return ( if (!showPanelReplay || !latestReplayJobId) return undefined;
<ReplayReadyPopup // Non-requester replay previews are intentionally lightweight. They appear automatically
replay={latestReplay} // so web-only users can catch the replay, then clear themselves before blocking the source controls.
variant="panel" const timeoutId = setTimeout(() => {
onClose={() => setDismissedPanelReplayId(latestReplayJobId)} setDismissedPanelReplayId(latestReplayJobId);
/> }, PANEL_REPLAY_AUTO_CLOSE_MS);
); return () => clearTimeout(timeoutId);
} }, [showPanelReplay, latestReplayJobId]);
return ( return (
<div className={`relative ${fillHeight ? 'flex h-full min-h-0 flex-col' : ''}`}>
{showPanelReplay ? (
<div className="absolute bottom-[calc(100%+0.125rem)] left-0 z-[70] w-full max-w-full">
<ReplayReadyPopup
replay={latestReplay}
variant="floating-panel"
onClose={() => setDismissedPanelReplayId(latestReplayJobId)}
/>
</div>
) : null}
<CardFrame title="Replay Sources" fillHeight={fillHeight} bodyClassName="space-y-0.5 text-sm"> <CardFrame title="Replay Sources" fillHeight={fillHeight} bodyClassName="space-y-0.5 text-sm">
<div className={`grid gap-0.5 md:grid-cols-2 ${listWrapClass}`}> <div className={`grid gap-0.5 md:grid-cols-2 ${listWrapClass}`}>
<GroupList title="Rovers" items={grouped.rovers} selected={selected} onToggle={toggleKey} /> <GroupList title="Rovers" items={grouped.rovers} selected={selected} onToggle={toggleKey} />
@@ -254,6 +266,7 @@ export default function ReplaySourcesPanel({ panelId = 'replay-sources', fillHei
) : success ? <div className="text-xs text-emerald-300">{success}</div> : null} ) : success ? <div className="text-xs text-emerald-300">{success}</div> : null}
</div> </div>
</CardFrame> </CardFrame>
</div>
); );
} }