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

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

Browse Source 
Debug: expand handleFitDragStop logging + add activeGridLayout log
This commit is contained in:
ibs0d 2026-03-22 17:34:50 +11:00 committed by GitHub
commit e9f7198e5f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 36 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -481,29 +481,15 @@ export default function DraggableGridLayout({
_placeholder: LayoutItem | null,
_event: Event,
) => {
if (!fitToScreen || !fitGridParams || !newItem) return;
if (!fitToScreen || !fitGridParams || !newItem) {
console.log("[FitDrag] SKIP: early return", { fitToScreen, fitGridParams: !!fitGridParams, newItem: !!newItem });
return;
}
const w = fitGridParams.gridUnitsPerCam;
const colsPerRow = fitGridParams.colsPerRow;
const draggedId = newItem.i;
console.log("[FitDrag]", {
draggedId,
"newItem.x": newItem.x,
"newItem.y": newItem.y,
w,
colsPerRow,
targetCol: Math.max(0, Math.min(Math.round(newItem.x / w), colsPerRow - 1)),
targetRow: Math.max(0, Math.round(newItem.y / w)),
sourceIndex: [...(fitLayoutOverride ?? fitLayout ?? [])]
.sort((a, b) => (a.y !== b.y ? a.y - b.y : a.x - b.x))
.map((item) => item.i)
.indexOf(newItem.i),
orderedNames: [...(fitLayoutOverride ?? fitLayout ?? [])]
.sort((a, b) => (a.y !== b.y ? a.y - b.y : a.x - b.x))
.map((item) => item.i),
});
const currentOrder = fitLayoutOverride ?? fitLayout ?? [];
const orderedNames = [...currentOrder]
.sort((a, b) => {
@ -525,6 +511,23 @@ export default function DraggableGridLayout({
);
const sourceIndex = orderedNames.indexOf(draggedId);
console.log("[FitDrag] CALC:", {
draggedId,
sourceIndex,
targetIndex,
targetCol,
targetRow,
clampedRow,
totalRows,
"newItem.x": newItem.x,
"newItem.y": newItem.y,
w,
colsPerRow,
orderedNames,
willSwap: sourceIndex !== -1 && sourceIndex !== targetIndex,
});
const snapBack = orderedNames.map((name, index) => ({
i: name,
x: (index % colsPerRow) * w,
@ -534,6 +537,7 @@ export default function DraggableGridLayout({
}));
if (sourceIndex === -1 || sourceIndex === targetIndex) {
console.log("[FitDrag] SNAP BACK (no swap)");
setFitLayoutOverride(snapBack);
return;
}
@ -552,6 +556,13 @@ export default function DraggableGridLayout({
h: w,
}));
console.log("[FitDrag] SWAP:", {
from: orderedNames[sourceIndex],
to: orderedNames[targetIndex],
newOrder,
normalized: normalized.map(n => `${n.i}(${n.x},${n.y})`),
});
setFitLayoutOverride(normalized);
},
[fitToScreen, fitGridParams, fitLayoutOverride, fitLayout],
@ -559,7 +570,13 @@ export default function DraggableGridLayout({
const activeGridLayout = useMemo(() => {
if (fitToScreen) {
return fitLayoutOverride ?? fitLayout ?? currentGridLayout;
const result = fitLayoutOverride ?? fitLayout ?? currentGridLayout;
console.log("[FitDrag] activeGridLayout:", {
usingOverride: !!fitLayoutOverride,
usingFitLayout: !fitLayoutOverride && !!fitLayout,
layout: result?.map(n => `${n.i}(${n.x},${n.y})`),
});
return result;
}
return currentGridLayout;
}, [fitToScreen, fitLayoutOverride, fitLayout, currentGridLayout]);