Changeset 79a0317 for imaps-frontend/src/pages/MapView

Timestamp:

01/21/25 03:08:24 (3 days ago)

Author:

stefan toskovski <stefantoska84@…>

Branches:

main

Parents:

0c6b92a

Message:

F4 Finalna Verzija

File:

• imaps-frontend/src/pages/MapView/MapView.jsx (modified) (9 diffs)

imaps-frontend/src/pages/MapView/MapView.jsx

@@ -14 +14 @@
 import ShapeRegistry from "../../scripts/util/ShapeRegistry.js";
 import {useAppContext} from "../../components/AppContext/AppContext.jsx";
+import Report from "../../components/Report/Report.jsx";
+import {Button} from "../IMaps/components/Button.jsx";
 
 const MapView = ({isPrivate}) => {
     const {mapName} = useParams();
     const {username} = useAppContext();
+    const {isAuthenticated} = useAppContext();
 
     const [mapLoaded, setMapLoaded] = useState(false);
@@ -28 +31 @@
     const [searchParams, setSearchParams] = useSearchParams();
     const [mainEntrance, setMainEntrance] = useState({});
+    const [canDisplayNavDownload,setCanDisplayNavDownload] = useState(false);
+    const [from,setFrom] = useState("");
+    const [to,setTo] = useState("");
 
     const defaultNavObj = {
@@ -115 +121 @@
                 setFloors(respFloors);
 
+                console.log("FLOOR DATA: " + tlFloor?.mapData)
+
                 appInstance.loadMapN(tlFloor?.mapData)
                 setApp(appInstance);
@@ -163 +171 @@
         const toEncoded = encodeURIComponent(toSearch).trimEnd()
 
+        setFrom(fromSearch);
+        setTo(toSearch);
+
         httpService.get(`${config.view_maps.navigate}?from=${fromEncoded}&to=${toEncoded}`).then(path => {
             app.drawRouteNEW(path);
+
+
         }).catch(reason => {
             console.log("err", reason)
@@ -185 +198 @@
     }
 
+    useEffect(() => {
+        const handleNavigateEnd = (event) => {
+            console.log("DETAIL END",event.detail)
+            setCanDisplayNavDownload(true);
+        }
+
+        window.addEventListener("navend",handleNavigateEnd)
+        return () => {
+            window.removeEventListener("navend",handleNavigateEnd)
+        }
+    }, [app]);
+
 
     useEffect(() => {
@@ -216 +241 @@
         app.loadMapN(chFloor.mapData)
         app.floorNum = floorNum;
-
 
         console.log(`Floor changed to: ${floorNum}`);
@@ -257 +281 @@
                                 handleFloorChange={handleFloorChange}
                             />
+                            {canDisplayNavDownload &&
+                                (<div className={styles.downloadRouteButton}>
+                                    <button onClick={() => {
+                                        app.getRouteImages({
+                                            mapName: mapName,
+                                            from: from,
+                                            to: to
+                                        })
+                                        setCanDisplayNavDownload(false)
+                                    }}> Download Route</button>
+                                </div>) }
                             <FilterBar map={app} roomTypes={roomTypes}/>
                         </div>
                     )}
+
+                    {isAuthenticated && <Report mapName = {mapName}></Report>}
                     <div className={styles.profileContainer}>
                         <Profile position="relative"/>
@@ -265 +302 @@
                 </div>
             </div>
+            <div id="temp"></div>
 
             <div className={styles.floorSelectorContainer}>
@@ -283 +321 @@
             </div>
 
+
         </div>
     );