admin/ota-admin-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CEC-3579 - Debug Mask on vehicle updates (#271)

Browse Source 
* CEC-3579 - Add debug_mask to config message

* CEC-3579 - Debug Mask in vehicle update

* fix

* fix snapshots

* more fixes

* make debug mask a simple string
This commit is contained in:
Paul Adamsen
2023-01-24 14:38:06 -05:00
committed by GitHub
parent 6fb4b9cfa4
commit de721d9862
14 changed files with 72 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/App/__snapshots__/App.test.js.snap
View File

@@ -9958,9 +9958,13 @@ exports[`App Route /vehicle-status authenticated 1`] = `
:
3
</p>
</div>
<div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
>
<p>
<b>
Debug Mask
DebugMask
</b>
:
</p>

6
src/components/Cars/Status/Details/__snapshots__/index.test.jsx.snap
View File

@@ -136,9 +136,13 @@ exports[`VehicleDetailsTab Render 1`] = `
:
3
</p>
</div>
<div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
>
<p>
<b>
Debug Mask
DebugMask
</b>
:
</p>

9
src/components/Cars/Status/Details/index.jsx
View File

@@ -32,6 +32,9 @@ const MainForm = ({ vin }) => {
providers,
} = useUserContext();
const ENV = process.env.REACT_APP_ENV;
const showDebugMask = (ENV === 'local' || ENV === 'dev' || ENV === 'stg')
useEffect(() => {
(async () => {
try {
@@ -118,8 +121,12 @@ const MainForm = ({ vin }) => {
<p>
<b>Filters</b>: {vehicle.canbus.filters ? vehicle.canbus.filters.length : 0}
</p>
</Grid>
)}
{showDebugMask && (
<Grid item md={12} className={classes.textCenterAlign}>
<p>
<b>Debug Mask</b>: {vehicle.debug_mask}
<b>DebugMask</b>: {vehicle.debug_mask}
</p>
</Grid>
)}

6
src/components/Cars/Status/__snapshots__/DetailsTab.test.jsx.snap
View File

@@ -144,9 +144,13 @@ exports[`DetailsTab Render 1`] = `
:
3
</p>
</div>
<div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
>
<p>
<b>
Debug Mask
DebugMask
</b>
:
</p>

10
src/components/Cars/Status/__snapshots__/index.test.jsx.snap
View File

@@ -272,6 +272,16 @@ exports[`CarStatus Render 1`] = `
:
</p>
</div>
<div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
>
<p>
<b>
DebugMask
</b>
:
</p>
</div>
<div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
>

11
src/components/Cars/Update/__snapshots__/index.test.jsx.snap
View File

@@ -935,12 +935,12 @@ exports[`VehicleUpdate Render 1`] = `
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined"
data-shrink="true"
for="debug_mask"
id="debug_mask-label"
>
Debug Mask
DebugMask
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
@@ -949,9 +949,10 @@ exports[`VehicleUpdate Render 1`] = `
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input"
id="debug_mask"
maxlength="255"
name="debug_mask"
type="number"
value="0"
type="text"
value=""
/>
<fieldset
aria-hidden="true"
@@ -961,7 +962,7 @@ exports[`VehicleUpdate Render 1`] = `
class="PrivateNotchedOutline-legendLabelled-0 PrivateNotchedOutline-legendNotched-0"
>
<span>
Debug Mask
DebugMask
</span>
</legend>
</fieldset>

44
src/components/Cars/Update/index.jsx
View File

@@ -46,7 +46,10 @@ const MainForm = () => {
const [dataLoggerEnabled, setDataLoggerEnabled] = useState(false);
const [maxMemBufferSize, setMaxMemBufferSize] = useState(0);
const [maxDiskBufferSize, setMaxDiskBufferSize] = useState(0);
const [debugMask, setDebugMask] = useState(0);
const debugMaskEl = useRef(null);
const ENV = process.env.REACT_APP_ENV;
const showDebugMask = (ENV === 'local' || ENV === 'dev' || ENV === 'stg')
useEffect(() => {
setTitle("Update Vehicle");
@@ -95,7 +98,9 @@ const MainForm = () => {
setMaxDiskBufferSize(vehicle.canbus.max_disk_buffer_size ?? maxDiskBufferSize);
}
setDebugMask(vehicle.debug_mask ?? debugMask);
if (showDebugMask) {
debugMaskEl.current.value = vehicle.debug_mask ?? ""
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [vehicle]);
@@ -120,10 +125,6 @@ const MainForm = () => {
setMaxDiskBufferSize(event.target.value);
}
const onDebugMaskChange = (event) => {
setDebugMask(event.target.value);
}
const onSubmit = async (event) => {
try {
event.preventDefault();
@@ -145,7 +146,7 @@ const MainForm = () => {
max_mem_buffer_size: canbusEnabled ? parseInt(maxMemBufferSize) : 0,
max_disk_buffer_size: canbusEnabled && dataLoggerEnabled ? parseInt(maxDiskBufferSize) : 0
},
debug_mask: parseInt(debugMask)
debug_mask: debugMaskEl.current.value
};
const result = await updateVehicle(vin, formData, token);
@@ -388,17 +389,24 @@ 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
/>
{showDebugMask && (
<TextField
id="debug_mask"
name="debug_mask"
label="DebugMask"
InputLabelProps={{
shrink: true
}}
defaultValue=""
variant="outlined"
margin="normal"
inputProps={{
maxLength: "255",
}}
fullWidth
inputRef={debugMaskEl}
/>
)}
<Button
type="submit"
disabled={busy}