CEC-3579 - Add debug_mask to config message (#270)

src/components/Cars/Update/index.jsx

@@ -46,6 +46,7 @@ const MainForm = () => {
   const [dataLoggerEnabled, setDataLoggerEnabled] = useState(false);
   const [maxMemBufferSize, setMaxMemBufferSize] = useState(0);
   const [maxDiskBufferSize, setMaxDiskBufferSize] = useState(0);
+  const [debugMask, setDebugMask] = useState(0);
 
   useEffect(() => {
     setTitle("Update Vehicle");
@@ -93,6 +94,9 @@ const MainForm = () => {
       setMaxMemBufferSize(vehicle.canbus.max_mem_buffer_size ?? maxMemBufferSize);
       setMaxDiskBufferSize(vehicle.canbus.max_disk_buffer_size ?? maxDiskBufferSize);
     }
+
+    setDebugMask(vehicle.debug_mask ?? debugMask);
+
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [vehicle]);
 
@@ -116,6 +120,10 @@ const MainForm = () => {
     setMaxDiskBufferSize(event.target.value);
   }
 
+  const onDebugMaskChange = (event) => {
+    setDebugMask(event.target.value);
+  }
+
   const onSubmit = async (event) => {
     try {
       event.preventDefault();
@@ -136,7 +144,8 @@ const MainForm = () => {
           data_logger_enabled: canbusEnabled ? dataLoggerEnabled : false,
           max_mem_buffer_size: canbusEnabled ? parseInt(maxMemBufferSize) : 0,
           max_disk_buffer_size: canbusEnabled && dataLoggerEnabled ? parseInt(maxDiskBufferSize) : 0
-        }
+        },
+        debug_mask: parseInt(debugMask)
       };
 
       const result = await updateVehicle(vin, formData, token);
@@ -379,6 +388,17 @@ const MainForm = () => {
           required
           fullWidth
         />
+        <TextField
+          id="debug_mask"
+          name="debug_mask"
+          label='Debug Mask'
+          value={debugMask}
+          onChange={onDebugMaskChange}
+          variant="outlined"
+          margin="normal"
+          type="number"
+          fullWidth
+        />
         <Button
           type="submit"
           disabled={busy}