Add manual VCP sending to debug menu

xanderfrangos · Sep 4, 2024 · 45502c2 · 45502c2
1 parent f29f9e1
commit 45502c2
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/MonitorInfo.jsx b/src/components/MonitorInfo.jsx
@@ -7,6 +7,8 @@ export default function MonitorInfo(props) {
     const [contrast, setContrast] = useState(monitor?.features?.["0x12"] ? monitor?.features?.["0x12"][0] : 50)
     const [volume, setVolume] = useState(monitor?.features?.["0x62"] ? monitor?.features?.["0x62"][0] : 50)
     const [powerState, setPowerState] = useState(monitor?.features?.["0xD6"] ? monitor?.features?.["0xD6"][0] : 50)
+    const [manualVCP, setManualVCP] = useState("")
+    const [manualValue, setManualValue] = useState("")
 
     let extraHTML = []
 
@@ -64,6 +66,15 @@ export default function MonitorInfo(props) {
         )
     }
 
+    // Manual VCP
+    extraHTML.push(
+        <div className="manual-vcp-row" key="manual">
+            <input placeholder="VCP code" value={manualVCP} onChange={e => { setManualVCP(e.target.value) }} />
+            <input placeholder="Value" value={manualValue} onChange={e => { setManualValue(e.target.value) }} />
+            <a className="button" onClick={() => setVCP(monitor.id, parseInt(manualVCP), parseInt(manualValue))}>Send VCP</a>
+        </div>
+    )
+
     return (
         <div key={monitor.key}>
             <br />