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 #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, _placeholder: LayoutItem | null,
_event: Event, _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 w = fitGridParams.gridUnitsPerCam;
const colsPerRow = fitGridParams.colsPerRow; const colsPerRow = fitGridParams.colsPerRow;
const draggedId = newItem.i; 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 currentOrder = fitLayoutOverride ?? fitLayout ?? [];
const orderedNames = [...currentOrder] const orderedNames = [...currentOrder]
.sort((a, b) => { .sort((a, b) => {
@ -525,6 +511,23 @@ export default function DraggableGridLayout({
); );
const sourceIndex = orderedNames.indexOf(draggedId); 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) => ({ const snapBack = orderedNames.map((name, index) => ({
i: name, i: name,
x: (index % colsPerRow) * w, x: (index % colsPerRow) * w,
@ -534,6 +537,7 @@ export default function DraggableGridLayout({
})); }));
if (sourceIndex === -1 || sourceIndex === targetIndex) { if (sourceIndex === -1 || sourceIndex === targetIndex) {
console.log("[FitDrag] SNAP BACK (no swap)");
setFitLayoutOverride(snapBack); setFitLayoutOverride(snapBack);
return; return;
} }
@ -552,6 +556,13 @@ export default function DraggableGridLayout({
h: w, 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); setFitLayoutOverride(normalized);
}, },
[fitToScreen, fitGridParams, fitLayoutOverride, fitLayout], [fitToScreen, fitGridParams, fitLayoutOverride, fitLayout],
@ -559,7 +570,13 @@ export default function DraggableGridLayout({
const activeGridLayout = useMemo(() => { const activeGridLayout = useMemo(() => {
if (fitToScreen) { 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; return currentGridLayout;
}, [fitToScreen, fitLayoutOverride, fitLayout, currentGridLayout]); }, [fitToScreen, fitLayoutOverride, fitLayout, currentGridLayout]);