Commit 70dcf2df authored by Patrik Tomov's avatar Patrik Tomov
Browse files

Changed selection mode to layout mode

parent 99120012

frontend/src/components/task-view/analysis/batch/visualization/BatchVisualizationPanel.tsx

+3 −3
Original line number Diff line number Diff line
@@ -49,6 +49,7 @@ const BatchVisualizationPanel = () => { 
		handleShowFace,

		handleShowFaces,

		handleContextMenu,

		handleKeyUp,

		handleCloseContextMenu,

		showHidden,

		hideBoth,
@@ -209,9 +210,7 @@ const BatchVisualizationPanel = () => { 
					spacing={2}

				>

					<Grid item>

						<span style={{ fontWeight: 'bold' }}>

							Selection mode: {selectionMode ? 'ON' : 'OFF'}

						</span>

						<span style={{ fontWeight: 'bold' }}>Layout mode:</span>

					</Grid>

					<Grid item>

						<Button
@@ -256,6 +255,7 @@ const BatchVisualizationPanel = () => { 
						onMouseMove={handleHeatmapDrag}

						onMouseUp={finalizeDrag}

						onKeyDown={handleKeyDown}

						onKeyUp={handleKeyUp}

						role="button"

						tabIndex={0}

					>

frontend/src/hooks/visualization/useHeatmapManagement.ts

+10 −2
Original line number Diff line number Diff line
@@ -86,6 +86,7 @@ const useHeatmapManagement = () => { 
	const [isPairClicked, setIsPairClicked] = useState(false);

	const [distance, setDistance] = useState<number | null>(null);

	const [clusteringSteps, setClusteringSteps] = useState<PairStep[]>([]);

	const [isCtrlPressed, setIsCtrlPressed] = useState(false);

	const [localLinkageStrategy, setLocalLinkageStrategy] = useState(

		LinkageStrategy.AVERAGE

	);
@@ -532,13 +533,19 @@ const useHeatmapManagement = () => { 


	const handleKeyDown = useCallback(

		(event: React.KeyboardEvent<HTMLDivElement>) => {

			if (event.key === 'S' || event.key === 's') {

			if (event.ctrlKey && !isCtrlPressed) {

				toggleSelectionMode();

				setIsCtrlPressed(true);

			}

		},

		[]

		[isCtrlPressed]

	);



	const handleKeyUp = useCallback(() => {

		toggleSelectionMode();

		setIsCtrlPressed(false);

	}, [isCtrlPressed]);



	const handlePrepareHeatmapData = async (

		batchDistancesDto: BatchDistancesDto | null

	) => {
@@ -580,6 +587,7 @@ const useHeatmapManagement = () => { 
		handleShowFace,

		handleShowFaces,

		handleContextMenu,

		handleKeyUp,

		handleCloseContextMenu,

		showHidden,

		hideBoth,