Merge branch 'multi-select' of https://github.com/ErickSharp/ace into…

… multi-select
flybywiresim · Oct 3, 2021 · ed1ad4c · ed1ad4c
2 parents 9a72d43 + c40b782
commit ed1ad4c
Showing 1 changed file with 49 additions and 0 deletions.
diff --git a/src/renderer/Pages/ProjectHome/ProjectWorkspace.tsx b/src/renderer/Pages/ProjectHome/ProjectWorkspace.tsx
@@ -83,6 +83,55 @@ export const ProjectWorkspace = () => {
     const [liveReloadConfigHandler, setLiveReloadConfigHandler] = useState<ProjectLiveReloadHandler>(null);
     const [liveReloadDispatcher, setLiveReloadDispatcher] = useState<LiveReloadDispatcher>(null);
 
+    function tryAddElementToSelected(addition: PossibleCanvasElements) {
+        if (!selectedCanvasElements.includes(addition)) {
+            setSelectedCanvasElements((canvasElements) => [...canvasElements, addition]);
+        }
+    }
+
+    useEffect(() => {
+        function downHandler(event: KeyboardEvent) {
+            if (event.key.toUpperCase() === 'SHIFT') {
+                setShift(true);
+            }
+            if (event.key.toUpperCase() === 'CONTROL') {
+                setControl(true);
+            }
+            if (event.key.toUpperCase() === 'ENTER') {
+                setInInteractionMode((old) => !old);
+            }
+            if (event.key.toUpperCase() === 'DELETE') {
+                for (const element of selectedCanvasElements) {
+                    handleDeleteCanvasElement(element);
+                }
+            }
+        }
+
+        function upHandler(event:KeyboardEvent) {
+            if (event.key.toUpperCase() === 'SHIFT') {
+                setShift(false);
+            }
+            if (event.key.toUpperCase() === 'CONTROL') {
+                setControl(false);
+            }
+        }
+
+        window.addEventListener('keydown', downHandler);
+        window.addEventListener('keyup', upHandler);
+
+        return () => {
+            window.removeEventListener('keydown', downHandler);
+            window.removeEventListener('keyup', upHandler);
+        };
+    }, [selectedCanvasElements]);
+
+    function handleElementClick(element: PossibleCanvasElements) {
+        if (shift) {
+            tryAddElementToSelected(element);
+        } else {
+            setSelectedCanvasElements([element]);
+        }
+    }
     const [simVarControlsHandler, setSimVarControlsHandler] = useState<SimVarControlsHandler>(null);
 
     function tryAddElementToSelected(addition: PossibleCanvasElements) {