bunny-lab/Borealis-Github-Replica
1
0
Fork 0
mirror of https://github.com/bunny-lab-io/Borealis.git synced 2025-12-15 16:55:48 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fixed Filter Editor Site Selection Bugs

Browse Source
This commit is contained in:
Nicole Rappe
2025-11-30 21:04:05 -07:00
parent 4d39578afe
commit ff820ecf59
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Data/Engine/web-interface/src/Devices/Filters/Filter_Editor.jsx
View File

@@ -759,6 +759,9 @@ export default function DeviceFilterEditor({ initialFilter, onCancel, onSaved, o
headerCheckboxSelection: true, headerCheckboxSelection: true,
pinned: "left", pinned: "left",
suppressMenu: true, suppressMenu: true,
suppressHeaderMenuButton: true,
menuTabs: [],
filter: false,
sortable: false, sortable: false,
resizable: false, resizable: false,
lockPosition: true, lockPosition: true,
@@ -1263,23 +1266,26 @@ export default function DeviceFilterEditor({ initialFilter, onCancel, onSaved, o
}} }}
> >
<ToggleButton value="global">Global</ToggleButton> <ToggleButton value="global">Global</ToggleButton>
<ToggleButton value="site">Site</ToggleButton> <ToggleButton value="site">Site(s)</ToggleButton>
</ToggleButtonGroup> </ToggleButtonGroup>
<br></br>
{scope === "site" && ( {scope === "site" && (
<Box sx={{ display: "flex", flexDirection: "column", gap: 1.25 }}> <Box sx={{ display: "flex", flexDirection: "column", gap: 1.25, flex: 1, minHeight: 0, pb: 2 }}>
<Typography sx={{ fontWeight: 600 }}>Select sites to target</Typography> <Typography sx={{ fontWeight: 600 }}>Select Sites</Typography>
<Typography sx={{ color: AURORA_SHELL.subtext, fontSize: "0.95rem" }}> <Typography sx={{ color: AURORA_SHELL.subtext, fontSize: "0.95rem" }}>
Use the grid to pick one or more sites. Filters scoped to sites will only apply to the selected rows. Use the table below to choose which site(s) you want to search for devices within.
</Typography> </Typography>
<Box <Box
className={gridTheme.themeName} className={gridTheme.themeName}
sx={{ sx={{
...GRID_STYLE_BASE, ...GRID_STYLE_BASE,
flex: 1, flex: 1,
minHeight: 0, minHeight: 420,
height: { xs: 320, md: 360 }, height: "calc(100vh - 360px)",
maxHeight: "calc(100vh - 240px)",
width: "100%",
maxWidth: 760, maxWidth: 760,
"& .ag-root-wrapper": { borderRadius: "8px", overflow: "hidden" },
}} }}
style={{ style={{
"--ag-icon-font-family": iconFontFamily, "--ag-icon-font-family": iconFontFamily,