dev menu in mui

2026-04-28 20:07:04 +02:00 · 2021-09-13 20:37:35 -04:00
parent 70cb4b215d
commit 05fd85002c
28 changed files with 1908 additions and 1602 deletions
@@ -0,0 +1,81 @@
+import React, { useState } from "react";
+
+import Accordion from "@material-ui/core/Accordion";
+import AccordionSummary from "@material-ui/core/AccordionSummary";
+import AccordionDetails from "@material-ui/core/AccordionDetails";
+import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
+
+import { Button } from "../../ui/React/Button";
+import { Select } from "../../ui/React/Select";
+import { IPlayer } from "../../PersonObjects/IPlayer";
+import { AugmentationNames } from "../../Augmentation/data/AugmentationNames";
+import MenuItem from "@material-ui/core/MenuItem";
+import IconButton from "@material-ui/core/IconButton";
+import ReplyAllIcon from "@material-ui/icons/ReplyAll";
+import ReplyIcon from "@material-ui/icons/Reply";
+
+const bigNumber = 1e27;
+
+interface IProps {
+  player: IPlayer;
+}
+
+export function Augmentations(props: IProps): React.ReactElement {
+  const [augmentation, setAugmentation] = useState("Augmented Targeting I");
+
+  function setAugmentationDropdown(event: React.ChangeEvent<{ value: unknown }>): void {
+    setAugmentation(event.target.value as string);
+  }
+  function queueAug(): void {
+    props.player.queueAugmentation(augmentation);
+  }
+
+  function queueAllAugs(): void {
+    for (const i in AugmentationNames) {
+      const augName = AugmentationNames[i];
+      props.player.queueAugmentation(augName);
+    }
+  }
+  return (
+    <Accordion>
+      <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+        <h2>Augmentations</h2>
+      </AccordionSummary>
+      <AccordionDetails>
+        <table>
+          <tbody>
+            <tr>
+              <td>
+                <span className="text">Aug:</span>
+              </td>
+              <td>
+                <Select
+                  id="dev-augs-dropdown"
+                  className="dropdown"
+                  onChange={setAugmentationDropdown}
+                  value={augmentation}
+                  startAdornment={
+                    <>
+                      <IconButton color="primary" onClick={queueAllAugs}>
+                        <ReplyAllIcon />
+                      </IconButton>
+                      <IconButton color="primary" onClick={queueAug}>
+                        <ReplyIcon />
+                      </IconButton>
+                    </>
+                  }
+                >
+                  {Object.values(AugmentationNames).map((aug) => (
+                    <MenuItem key={aug} value={aug}>
+                      {aug}
+                    </MenuItem>
+                  ))}
+                </Select>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </AccordionDetails>
+    </Accordion>
+  );
+}