tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions Packages Projects Releases Wiki Activity

Client: Added indeterminate state to spool select

Browse Source
This commit is contained in:
Donkie
2023-09-16 10:56:55 +02:00
parent dc5e3a0fbd
commit 9c2504d073
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/components/spoolSelectModal.tsx
View File

@@ -89,6 +89,8 @@ const SpoolSelectModal: React.FC<Props> = ({ visible, description, onCancel, onC
// State for the select/unselect all checkbox // State for the select/unselect all checkbox
const isAllFilteredSelected = dataSource.every((spool) => selectedItems.includes(spool.id)); const isAllFilteredSelected = dataSource.every((spool) => selectedItems.includes(spool.id));
const isSomeButNotAllFilteredSelected =
dataSource.some((spool) => selectedItems.includes(spool.id)) && !isAllFilteredSelected;
return ( return (
<Modal <Modal
@@ -150,6 +152,7 @@ const SpoolSelectModal: React.FC<Props> = ({ visible, description, onCancel, onC
<Col span={12}> <Col span={12}>
<Checkbox <Checkbox
checked={isAllFilteredSelected} checked={isAllFilteredSelected}
indeterminate={isSomeButNotAllFilteredSelected}
onChange={(e) => { onChange={(e) => {
selectUnselectFiltered(e.target.checked); selectUnselectFiltered(e.target.checked);
}} }}