Add checkbox for panel test mode

noahm · May 16, 2024 · e29f207 · e29f207
1 parent 1344e65
commit e29f207
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 4 deletions.
diff --git a/sdk/api.ts b/sdk/api.ts
@@ -20,9 +20,9 @@ export const API_COMMAND = {
 };
 
 export enum PanelTestMode {
-  /** 48 represents the char "0" **/
+  /** 48 represents the char "0" */
   Off = 48,
-  /** 49 represents the char "1" **/
+  /** 49 represents the char "1" */
   PressureTest = 49,
 }
 

diff --git a/sdk/smx.ts b/sdk/smx.ts
@@ -267,6 +267,10 @@ void SMX::SMXManager::UpdatePanelTestMode()
 }
 */
 
+  getPanelTestMode() {
+    return this.panelTestMode;
+  }
+
   setPanelTestMode(mode: PanelTestMode) {
     // If we want to turn panel test mode off...
     if (mode === PanelTestMode.Off) {

diff --git a/ui/ui.tsx b/ui/ui.tsx
@@ -1,6 +1,6 @@
 import { useAtomValue, useAtom } from "jotai";
 import type React from "react";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 
 import { DebugCommands } from "./DebugCommands.tsx";
 import { open_smx_device, promptSelectDevice } from "./pad-coms.ts";
@@ -14,6 +14,7 @@ import {
 } from "./state.ts";
 import { StageTest } from "./stage/stage-test.tsx";
 import { TypedSelect } from "./common/typed-select.tsx";
+import { PanelTestMode } from "../sdk/api.ts";
 
 function usePreviouslyPairedDevices() {
   useEffect(() => {
@@ -45,7 +46,7 @@ export function UI() {
         <PickDevice /> <DebugCommands />
       </p>
       <p>
-        <TestDataDisplayToggle />
+        <TestDataDisplayToggle /> <PanelTestModeToggle />
       </p>
       <StatusDisplay />
     </>
@@ -87,12 +88,14 @@ function StatusDisplay() {
 }
 
 function TestDataDisplayToggle() {
+  const stage = useAtomValue(selectedStage$);
   const [testMode, setTestMode] = useAtom(displayTestData$);
 
   return (
     <label>
       Read Test Values:{" "}
       <TypedSelect
+        disabled={!stage}
         value={testMode}
         options={[
           ["", "None"],
@@ -106,3 +109,22 @@ function TestDataDisplayToggle() {
     </label>
   );
 }
+
+function PanelTestModeToggle() {
+  const stage = useAtomValue(selectedStage$);
+
+  return (
+    <label>
+      Panel Test Mode:{" "}
+      <input
+        type="checkbox"
+        style={{ height: "2em", width: "2em" }}
+        disabled={!stage}
+        defaultChecked={stage?.getPanelTestMode() === PanelTestMode.PressureTest}
+        onChange={(e) => {
+          stage?.setPanelTestMode(e.currentTarget.checked ? PanelTestMode.PressureTest : PanelTestMode.Off);
+        }}
+      />
+    </label>
+  );
+}