work on 447

barbalex · Jan 23, 2025 · 18fa609 · 18fa609
1 parent d495fb6
commit 18fa609
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 3 deletions.
diff --git a/src/components/EkPlan/Table/CellHeaderFixedTpopStatus/Option.jsx b/src/components/EkPlan/Table/CellHeaderFixedTpopStatus/Option.jsx
@@ -0,0 +1,13 @@
+import { memo } from 'react'
+import MenuItem from '@mui/material/MenuItem'
+
+export const Option = memo(({option}) => {
+  return (
+    <MenuItem
+      onClick={() => {}}
+      dense
+    >
+      {option.label}
+    </MenuItem>
+  )
+})
diff --git a/src/components/EkPlan/Table/CellHeaderFixedTpopStatus/Options.jsx b/src/components/EkPlan/Table/CellHeaderFixedTpopStatus/Options.jsx
@@ -0,0 +1,22 @@
+import { memo } from 'react'
+import FormGroup from '@mui/material/FormGroup'
+import FormLabel from '@mui/material/FormLabel'
+
+import { Option } from './Option.jsx'
+
+export const Options = memo(() => {
+  // TODO: query options
+  const options = []
+
+  return (
+    <FormGroup>
+      <FormLabel>Gewünschte Stati wählen:</FormLabel>
+      {options.map((option) => (
+        <Option
+          key={option.value}
+          option={option}
+        />
+      ))}
+    </FormGroup>
+  )
+})
diff --git a/src/components/EkPlan/Table/CellHeaderFixedTpopStatus/index.jsx b/src/components/EkPlan/Table/CellHeaderFixedTpopStatus/index.jsx
@@ -63,6 +63,8 @@ export const CellHeaderFixedTpopStatus = ({ style, column }) => {
     setFilterStatus,
   } = store.ekPlan
 
+  const options = []
+
   const [anchorEl, setAnchorEl] = useState(null)
 
   const closeMenu = useCallback(() => setAnchorEl(null), [])
@@ -105,10 +107,19 @@ export const CellHeaderFixedTpopStatus = ({ style, column }) => {
           {filterStatusEmpty ? 'nicht Leerwerte filtern' : 'Leerwerte filtern'}
         </MenuItem>
         <TextFilterContainer>
-          <TextFilter
+          {/* <TextFilter
             column={column}
             closeMenu={closeMenu}
-          />
+          /> */}
+          TODO: option list, multiple select
+          {options.map((option) => (
+            <MenuItem
+              onClick={() => {}}
+              dense
+            >
+              {option.label}
+            </MenuItem>
+          ))}
         </TextFilterContainer>
       </StyledMenu>
     </>

diff --git a/src/store/EkPlan/index.js b/src/store/EkPlan/index.js
@@ -62,7 +62,7 @@ export const EkPlan = types
     filterNr: types.maybeNull(types.union(types.string, types.number)),
     filterGemeinde: types.maybeNull(types.union(types.string, types.number)),
     filterFlurname: types.maybeNull(types.union(types.string, types.number)),
-    filterStatus: types.maybeNull(types.union(types.string, types.number)),
+    filterStatus: types.maybeNull(types.array(types.number)),
     filterBekanntSeit: types.maybeNull(types.number),
     filterLv95X: types.maybeNull(types.union(types.string, types.number)),
     filterLv95Y: types.maybeNull(types.union(types.string, types.number)),