Changeset 79a0317 for imaps-frontend/src/components/Modals

Timestamp:

01/21/25 03:08:24 (7 weeks ago)

Author:

stefan toskovski <stefantoska84@…>

Branches:

main

Parents:

0c6b92a

Message:

F4 Finalna Verzija

Location:

imaps-frontend/src/components/Modals

Files:

• Components/ModalUploadRoomImage.jsx (added)
• CreateMapModal/CreateMapModal.jsx (modified) (2 diffs)
• CreateMapModal/CreateMapModal.module.css (modified) (1 diff)
• EntranceModal/EntranceModal.jsx (modified) (2 diffs)
• EntranceModal/EntranceModal.module.css (modified) (2 diffs)
• Hooks/useConnections.jsx (modified) (1 diff)
• Hooks/useModalState.jsx (modified) (1 diff)
• InfoPinModal/InfoPinModal.jsx (modified) (1 diff)
• RoomModal/RoomModal.jsx (modified) (3 diffs)
• RoomTypeModal/RoomTypeModal.jsx (modified) (1 diff)
• StairsModal/StairsModal.jsx (modified) (1 diff)

imaps-frontend/src/components/Modals/CreateMapModal/CreateMapModal.jsx

@@ -10 +10 @@
         const mapDetails = {
             name: mapName,
-            type: mapType,
         };
 
@@ -34 +33 @@
                         />
                     </label>
-                    <label>
-                        Map Type:
-                        <input
-                            type="text"
-                            value={mapType}
-                            onChange={(e) => setMapType(e.target.value)}
-                            required
-                        />
-                    </label>
                     <div className={styles.modalButtons}>
                         <button type="submit" className={styles.modalSubmitButton}>

imaps-frontend/src/components/Modals/CreateMapModal/CreateMapModal.module.css

@@ -36 +36 @@
 /* Modal Buttons Container */
 .modalButtons {
-    margin-top: 1.5rem;
     display: flex;
     justify-content: space-between;

imaps-frontend/src/components/Modals/EntranceModal/EntranceModal.jsx

@@ -42 +42 @@
         setConnections(connections);
         setIsOpen(true);
+        event.detail.map.detachKeyPressEventListeners();
         console.log(connections, "Loaded pins on modal open");
     },"openEntranceModalEvent")
@@ -52 +53 @@
             <ModalSelectRoom shapeInfo={shapeInfo} availableRooms={ShapeQuery.findAllByTypeAndFloor(shape?.floorNum,"Room")} updateModalData={updateModalData}/>
             <ModalSelectConnections2
-                availableShapes={ShapeQuery.findAllByType("InfoPin","Entrance")} // najubo ke e entrance samo so room da mozit
+                availableShapes={ShapeQuery.findAllByTypeAndFloor(map?.floorNum,"Entrance","InfoPin")} // najubo ke e entrance samo so room da mozit
                 addConnection={addConnection}
                 updateModalData={updateModalData}

imaps-frontend/src/components/Modals/EntranceModal/EntranceModal.module.css

@@ -34 +34 @@
   left: 50%;
   transform: translate(-50%, -50%);
-  background-color: #2c2f33;
+  background-color: #2c2f33f7;
   color: #ffffff !important;
   padding: 20px;
@@ -90 +90 @@
   margin-bottom: 15px;
 }
+
+/*tuka novo start*/
+
+label {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 8px;
+}
+
+.customFileInput {
+  position: relative;
+}
+
+.uploadButton {
+  background-color: #007bff;
+  color: white;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 16px;
+  transition: background-color 0.3s ease;
+}
+
+.uploadButton:hover {
+  background-color: #0056b3;
+}
+
+.uploadButton:focus {
+  outline: none;
+  box-shadow: 0 0 4px rgba(0, 123, 255, 0.6);
+}
+
+.uploadButton:active {
+  background-color: #003f7f;
+}
+
+/*tuka novo end*/
 
 .formGroup label {

imaps-frontend/src/components/Modals/Hooks/useConnections.jsx

@@ -5 +5 @@
 
     const addConnection = () => {
-        console.log("TOSKA",shapeInfo)
         if (!shapeInfo.selectedPin || connections.includes(shapeInfo.selectedPin)) return;
 

imaps-frontend/src/components/Modals/Hooks/useModalState.jsx

@@ -13 +13 @@
             map.updateRoomNames();
             triggerMapSave();
-            console.log("SHAPE BEF CLOSE:",shape.info)
+            map.attachKeyPressEventListeners();
         }
         setIsOpen(!isOpen);

imaps-frontend/src/components/Modals/InfoPinModal/InfoPinModal.jsx

@@ -37 +37 @@
         setConnections(shape.info.selectedPins || []);
         setIsOpen(true);
+        event.detail.map.detachKeyPressEventListeners();
 
         console.log(shape.info.selectedPins, "Loaded pins on modal open");

imaps-frontend/src/components/Modals/RoomModal/RoomModal.jsx

@@ -7 +7 @@
 import useModalState from "../Hooks/useModalState.jsx";
 import {useModalEvent} from "../Hooks/useModalEvent.jsx";
+import ModalUploadRoomImage from "../Components/ModalUploadRoomImage.jsx";
 
 export default function RoomModal({map,roomTypes}) {
@@ -20 +21 @@
         setShapeInfo(shape.info);
         setIsOpen(true);
+        event.detail.map.detachKeyPressEventListeners();
 
     },"openRoomModalEvent")
@@ -30 +32 @@
             <ModalRoomTypes updateModalData={updateModalData} shapeInfo={shapeInfo} roomTypes={roomTypes}/>
             <ModalDescriptionField shapeInfo={shapeInfo} updateModalData={updateModalData}/>
+            <ModalUploadRoomImage></ModalUploadRoomImage>
             <ModalSaveButton saveDetails={saveDetails}/>
         </Modal>

imaps-frontend/src/components/Modals/RoomTypeModal/RoomTypeModal.jsx

@@ -31 +31 @@
           <div onClick={toggleModal} className={styles.overlay}></div>
           <div className={styles.modalContent}>
-            <h2>Manage Room Types</h2>
+            <h2 style={{color: 'white'}}>Manage Room Types</h2>
 
             <form className={styles.form}>

imaps-frontend/src/components/Modals/StairsModal/StairsModal.jsx

@@ -33 +33 @@
         setIsOpen(true);
         console.log(roomObj.info.selectedPins, "Loaded pins on modal open");
+        event.detail.map.detachKeyPressEventListeners();
     },"openStairsModalEvent")