brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added to the device settings and the chip for if a device needs the I2C bus component to power the I2C Line

Browse source
This commit is contained in:
csawatzky 2026-03-10 12:58:07 -06:00
parent 989ca20a31
commit a2c68e0089
4 changed files with 40 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -43,7 +43,7 @@
"mui-tel-input": "^7.0.0",
"notistack": "^3.0.1",
"openweathermap-ts": "^1.2.10",
"protobuf-ts": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#staging",
"protobuf-ts": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#bus_chip",
"query-string": "^9.2.1",
"react": "^18.3.1",
"react-beautiful-dnd": "^13.1.1",
@ -11967,7 +11967,7 @@
},
"node_modules/protobuf-ts": {
"version": "1.0.0",
"resolved": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#080793fb450e5721fefd7a6f6f28df98e810ba90",
"resolved": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#dbe6d5a395c8fe8a098574e645aa14a99cdd7c85",
"dependencies": {
"protobufjs": "^6.8.8"
}

2
package.json
View file

@ -55,7 +55,7 @@
"mui-tel-input": "^7.0.0",
"notistack": "^3.0.1",
"openweathermap-ts": "^1.2.10",
"protobuf-ts": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#staging",
"protobuf-ts": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#bus_chip",
"query-string": "^9.2.1",
"react": "^18.3.1",
"react-beautiful-dnd": "^13.1.1",

13
src/device/DeviceOverview.tsx
View file

@ -1,5 +1,5 @@
import { Chip, Grid2 as Grid, Theme, Tooltip, Skeleton } from "@mui/material";
import { DataUsage, SimCard, Launch } from "@mui/icons-material";
import { DataUsage, SimCard, Launch, DeviceHub } from "@mui/icons-material";
import StatusChip from "common/StatusChip";
import DeviceTags from "device/DeviceTags";
import VersionChip from "device/VersionChip";
@ -233,6 +233,17 @@ export default function DeviceOverview(props: Props) {
<StatusChip status="pending" />
</Grid>
)}
{device.settings.needsBusControl && (
<Grid>
<Tooltip title="Device needs the Bus Control component to power the I2C port">
<Chip
variant="outlined"
label={"I2C Bus"}
icon={<DeviceHub />}
/>
</Tooltip>
</Grid>
)}
{<DeviceTags device={device} disableAdd={disableAddTag} />}
</Grid>
);

26
src/device/DeviceSettings.tsx
View file

@ -235,6 +235,12 @@ export default function DeviceSettings(props: Props) {
setDeviceForm(updatedForm);
};
const toggleBusRequired = (event: any) => {
let updatedForm = Device.clone(deviceForm);
updatedForm.settings.needsBusControl = event.target.checked;
setDeviceForm(updatedForm);
};
const toggleSleeps = (event: any) => {
let updatedForm = Device.clone(deviceForm);
let updatedSleeps = event.target.checked;
@ -500,7 +506,8 @@ export default function DeviceSettings(props: Props) {
</Grid>
)}
{user.hasAdmin() && (
<Grid size={{ xs: 12, sm: 12 }}>
<React.Fragment>
<Grid size={{ xs: 12, sm: 6 }}>
<FormControlLabel
control={
<Switch
@ -516,6 +523,23 @@ export default function DeviceSettings(props: Props) {
labelPlacement="end"
/>
</Grid>
<Grid size={{ xs: 12, sm: 6 }}>
<FormControlLabel
control={
<Switch
checked={deviceForm.settings.needsBusControl}
onChange={toggleBusRequired}
name="needsI2CBus"
aria-label="needsI2CBus"
color="secondary"
/>
}
disabled={!canEdit}
label="I2C Bus Required"
labelPlacement="end"
/>
</Grid>
</React.Fragment>
)}
</Grid>
</React.Fragment>