Revize 160b7073

re #10844: PlanViewPage: GetItemInventories, GetPlanItems

src/pages/PlanViewPage.tsx

@@ -6 +6 @@
 import { log } from "../logging/logger"
 import { DrawerScreenProps } from "@react-navigation/drawer"
 import { RootDrawerParamList } from "./Navigation"
-import { Box, CloseIcon, Select, useToast, Button, Flex } from "native-base"
+import { Box, CloseIcon, Select, useToast, Button, Flex, Text } from "native-base"
 import { ErrorToast } from "../components/toast/ErrorToast"
 import { Floor, Place, Room } from "../types/plan"
-import { getFloorList } from "../stores/actions/planThunks"
+import { getFloorList, getPlanInventories, getPlanItems } from "../stores/actions/planThunks"
 import { login } from "../stores/actions/userThunks"
+import { getPlanItemsRequest } from "../api/planservice"
+import ItemPreview from "../components/listView/ItemPreview"
+import { parseArtists, parseImage } from "../components/listView/ListViewInventoryGroup"
+import PlanView from "../components/plan/PlanView"
+import { BASE_API_URL } from "../api/constants"
 
 const PlanViewPage = ({ route, navigation }: DrawerScreenProps<RootDrawerParamList, 'Plan'>) => {
 
   const layout = useWindowDimensions();
 
-    // Route: set selected room / place from 
-    useEffect(() => {
-        console.log("dispatching get floor list")
-        // dispatch(login({username: "Viktorie", password: "Golem123."}))
-        dispatch(getFloorList())
-    }, [])
-
+  // Route: set selected room / place from 
+  useEffect(() => {
+    console.log("dispatching get floor list")
+    // dispatch(login({username: "Viktorie", password: "Golem123."}))
+    dispatch(getFloorList())
+  }, [])
 
-  let page = 1
-  let pageSize = 20
-  let room = 0
+  const pageSize = 20
+  const currentPage = 0
+  const totalPages = 100
 
   const DEFAULT_FLOOR = "first_floor"
 
@@ -36 +40 @@
 
   const dispatch = useDispatch<AppDispatch>();
 
-  const { floorListLoading, floorList, itemListLoading, itemList, lastError } = useSelector((state: RootState) => state.planViewState)
+  const { floorListLoading, floorList, itemListLoading, itemList, itemInventories, itemInventoriesLoading, totalItemsCount, lastError } = useSelector((state: RootState) => state.planViewState)
 
   const toast = useToast();
 
@@ -45 +49 @@
       if (route.params && route.params.roomId) {
 
         selectRoom(route.params.roomId)
-  
+
         if (route.params.placeId) {
           selectPlace(route.params.placeId)
         }
-  
-        // todo dispatch get items
-        // getPlanItems(page, pageSize, room)
+
+        if (!itemListLoading) {
+          searchSubmit(currentPage, route.params.roomId, route.params.placeId)
+        }
+
       }
-      else{
+      else {
         selectFloor(DEFAULT_FLOOR)
       }
     }
   }, [floorList, route.params.roomId, route.params.placeId])
 
+  useEffect(() => {
+    if (floorList && selectedRoom) {
+      if (!itemInventoriesLoading) {
+        dispatch(getPlanInventories({ room: selectedRoom.id, place: selectedPlace?.id }))
+      }
+    }
+  }, [selectedPlace, selectedRoom])
+
+
   useEffect(() => {
     if (lastError) {
       toast.closeAll()
@@ -74 +89 @@
   }, [lastError])
 
 
-  const searchSubmit = () => {
+  const searchSubmit = (pageNumber: number, roomId: number, placeId?: number) => {
     log.debug("PlanView", "searchSubmit")
 
+    console.log("searching " + roomId + ", " + placeId)
+
+    dispatch(getPlanItems({ page: pageNumber, items: pageSize, room: roomId, place: placeId, activeTab: 0 }))
   }
 
   const selectFloor = (floorId: string) => {
@@ -232 +250 @@
                 Reset
               </Button>
               <Button
-                onPress={() => searchSubmit()}
+                onPress={() => {
+                  if (selectedRoom && !selectedPlace) {
+                    searchSubmit(currentPage, selectedRoom.id)
+                  }
+                  else if (selectedRoom && selectedPlace) {
+                    searchSubmit(currentPage, selectedRoom.id, selectedPlace.id)
+                  }
+
+                }}
                 colorScheme="primary"
                 background={"primary.100"}
                 variant="solid"
@@ -248 +274 @@
 
 
       {/* Plan */}
+      {/* temporary prototype */}
 
+      {selectedFloor && !floorListLoading &&
+        <PlanView imageUrl={BASE_API_URL + "/downloads/" + selectedFloor.id} />
+      }
 
       {/* Item List */}
+      <>
+        {itemInventoriesLoading ?
+          <LoadingBox text="Loading available inventories..." />
+          :
+          <>
+            <Text>TODO view inventories in SearchItemPreview way</Text>
+            {itemInventories.map((inventory) => {
+              <Text>{inventory.label}</Text>
+            })}
+          </>
+
+        }
+        {/* 
+        {itemList.map((item, index) => {
+          return (
+            <Box>
+              <ItemPreview
+                // @ts-ignore
+                caption={item.object[0].caption}
+                title={item.text}
+                name={parseArtists(item)}
+                image={parseImage(item)}
+                itemId={item.xml_id}
+                inventoryLabel={item.inventory.label}
+                navigation={navigation}
+              />
+            </Box> */}
+      </>
+
 
-      {/* <ItemPreview
-          // @ts-ignore
-          caption={item.object[0].caption}
-          title={item.text}
-          name={parseArtists(item)}
-          image={parseImage(item)}
-          itemId={item.xml_id}
-          inventoryLabel={props.inventoryLabel}
-          navigation={props.navigation}
-      /> */}
     </Box >