administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-05 22:57:40 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #95 from ibs0d/claude/add-fit-to-screen-mode-XvHoV

Browse Source 
Allow drag reordering in Fit to Screen mode
This commit is contained in:
ibs0d 2026-03-21 22:59:03 +11:00 committed by GitHub
commit f2b6f08124
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/views/live/DraggableGridLayout.tsx
View File

@ -466,7 +466,32 @@ export default function DraggableGridLayout({
}));
}, [fitToScreen, fitGridParams, cameras, includeBirdseye, birdseyeConfig]);
const activeGridLayout = fitToScreen && fitLayout ? fitLayout : currentGridLayout;
const [fitLayoutOverride, setFitLayoutOverride] = useState<Layout | undefined>();
useEffect(() => {
setFitLayoutOverride(undefined);
}, [fitGridParams, cameras, includeBirdseye]);
const handleFitDragStop = useCallback(
(newLayout: Layout) => {
if (!fitToScreen || !fitGridParams) return;
const w = fitGridParams.gridUnitsPerCam;
const normalized = newLayout.map((item) => ({
...item,
w,
h: w,
}));
setFitLayoutOverride(normalized);
},
[fitToScreen, fitGridParams],
);
const activeGridLayout = useMemo(() => {
if (fitToScreen) {
return fitLayoutOverride ?? fitLayout ?? currentGridLayout;
}
return currentGridLayout;
}, [fitToScreen, fitLayoutOverride, fitLayout, currentGridLayout]);
const handleResize = (
_layout: Layout,
@ -837,9 +862,9 @@ export default function DraggableGridLayout({
handles: isEditMode && !fitToScreen ? ["sw", "nw", "se", "ne"] : [],
}}
dragConfig={{
enabled: isEditMode && !fitToScreen,
enabled: isEditMode,
}}
onDragStop={handleLayoutChange}
onDragStop={fitToScreen ? handleFitDragStop : handleLayoutChange}
onResize={handleResize}
onResizeStart={() => setShowCircles(false)}
onResizeStop={handleLayoutChange}