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

updated the heatmap and added toggles

Browse source
This commit is contained in:
csawatzky 2026-04-29 15:33:35 -06:00
parent 61aa93aabd
commit b1c676987e
6 changed files with 531 additions and 849 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/pages/Bin.tsx
View file

@ -22,6 +22,9 @@ import {
AccordionDetails,
Typography,
TextField,
RadioGroup,
Checkbox,
FormControlLabel,
} from "@mui/material";
import BinActions from "bin/BinActions";
import BinHistory from "bin/BinHistory";
@ -212,6 +215,11 @@ export default function Bin(props: Props) {
const [binPresets, setBinPresets] = useState<DevicePreset[]>([]);
const [missedReadings, setMissedReadings] = useState(0);
//3d bin variables/toggle
const [showGrain, setShowGrain] = useState(false)
const [showHotspots, setShowHotspots] = useState(false)
const [showHeatmap, setShowHeatmap] = useState(false)
const handleChange = (_event: React.ChangeEvent<{}>, newValue: number) => {
setValue(newValue);
};
@ -816,7 +824,43 @@ export default function Bin(props: Props) {
setFillPercent(+e.target.value)
}}
/>
<Bin3dView bin={bin} scale={100} fillPercent={fillPercent/100}/>
<FormControlLabel
control={
<Checkbox
value={showGrain}
checked={showGrain}
onChange={(_, checked) => {
setShowGrain(checked);
}}
/>
}
label={"Inventory Toggle"}
/>
<FormControlLabel
control={
<Checkbox
value={showHotspots}
checked={showHotspots}
onChange={(_, checked) => {
setShowHotspots(checked);
}}
/>
}
label={"Hot Spots"}
/>
<FormControlLabel
control={
<Checkbox
value={showHeatmap}
checked={showHeatmap}
onChange={(_, checked) => {
setShowHeatmap(checked);
}}
/>
}
label={"Heatmap"}
/>
<Bin3dView bin={bin} scale={100} fillPercent={fillPercent/100} showGrain={showGrain} showHeatmap={showHeatmap} showHotspots={showHotspots}/>
</Box>
</Card>
</Grid>