Merge remote-tracking branch 'origin/main' into 47-Adding_Coordinate_System

Author: Tamoor Shahid

src/screens/OavMover.tsx

@@ -10,6 +10,8 @@ import {
   TextField,
   Typography,
   useTheme,
+  Drawer,
+  Tooltip,
 } from "@mui/material";
 import { OavVideoStream } from "../components/OavVideoStream";
 import {
@@ -29,6 +31,13 @@ import { PvDescription } from "../pv/PvComponent";
 import { SelectionWithPlanRunner } from "../components/SelectionControl";
 import { BacklightPositions, ZoomLevels } from "../pv/enumPvValues";
 
+const buttonStyle = {
+  color: "white",
+  margin: "5px",
+  padding: "15px",
+  backgroundColor: "#1c2025",
+};
+
 function BacklightControl(props: PvDescription) {
   const theme = useTheme();
   return (
@@ -189,6 +198,73 @@ export function PixelsToMicrons({
   );
 }
 
+export function PresetMovements() {
+  return (
+    <Box sx={{ textAlign: `center` }}>
+      <p>
+        <b>Preset Positions</b>
+      </p>
+      <Grid2>
+        <Tooltip title={"Move into position for collection"}>
+          <Button
+            style={buttonStyle}
+            onClick={() =>
+              submitAndRunPlanImmediately("moveto_preset", {
+                place: "collect_position",
+              })
+            }
+          >
+            Collect Position
+          </Button>
+        </Tooltip>
+
+        <Tooltip title={"Move hardware for sample loading"}>
+          <Button
+            style={buttonStyle}
+            onClick={() =>
+              submitAndRunPlanImmediately("moveto_preset", {
+                place: "load_position",
+              })
+            }
+          >
+            Load Position
+          </Button>
+        </Tooltip>
+        <Tooltip title={"Align microdrop"}>
+          <Button
+            style={buttonStyle}
+            onClick={() =>
+              submitAndRunPlanImmediately("moveto_preset", {
+                place: "microdrop_position",
+              })
+            }
+          >
+            Microdrop Align
+          </Button>
+        </Tooltip>
+      </Grid2>
+    </Box>
+  );
+}
+
+export function SideDrawer() {
+  const [open, setOpen] = useState(false);
+  const toggleDrawer = (newOpen: boolean) => () => {
+    setOpen(newOpen);
+  };
+
+  return (
+    <>
+      <Button style={buttonStyle} onClick={toggleDrawer(true)}>
+        Preset Positions
+      </Button>
+      <Drawer open={open} onClose={toggleDrawer(false)}>
+        <PresetMovements />
+      </Drawer>
+    </>
+  );
+}
+
 export function CoordinateSystem() {
   const [open, setOpen] = React.useState(false);
 
@@ -385,6 +461,8 @@ export function OavMover() {
           />
           <hr />
           <CoordinateSystem />
+          <hr />
+          <SideDrawer />
         </Grid2>
       </Grid2>
     </div>