Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: GisSystemStatic in Redux integriert

Browse Source 
- API-Response für GisSystemStatic in Redux Store gespeichert
- Server-IP aus `.env.local` geladen (`NEXT_PUBLIC_API_BASE_URL`)
- `idMap` und `idUser` aus URL-Parametern extrahiert
- fetchGisSystemStatic angepasst für dynamische Werte
- Redux Store aktualisiert und getestet
This commit is contained in:
Ismail Ali
2025-03-07 23:50:42 +01:00
parent 6636f841a2
commit 53ad8b3402
8 changed files with 83 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
components/DataSheet.js
View File

@@ -12,6 +12,7 @@ import { polylineLayerVisibleState } from "../redux/slices/polylineLayerVisibleS
import { useSelector, useDispatch } from "react-redux";
import { selectGisStationsStaticDistrict } from "../redux/slices/webService/gisStationsStaticDistrictSlice";
import { selectPolylineVisible, setPolylineVisible } from "../redux/slices/polylineLayerVisibleSlice";
import { selectGisSystemStatic } from "../redux/slices/webService/gisSystemStaticSlice";
function DataSheet() {
const [editMode, setEditMode] = useState(false); // Zustand für editMode
@@ -21,7 +22,8 @@ function DataSheet() {
const [stationListing, setStationListing] = useState([]);
const [systemListing, setSystemListing] = useState([]);
const GisStationsStaticDistrict = useSelector(selectGisStationsStaticDistrict) || [];
const GisSystemStatic = useRecoilValue(gisSystemStaticState);
const GisSystemStatic = useSelector(selectGisSystemStatic) || [];
const setZoomTrigger = useSetRecoilState(zoomTriggerState);
const dispatch = useDispatch();
const polylineVisible = useSelector(selectPolylineVisible);
@@ -72,7 +74,7 @@ function DataSheet() {
};
useEffect(() => {
const allowedSystems = new Set(GisSystemStatic.filter((system) => system.Allow === 1).map((system) => system.IdSystem));
const allowedSystems = Array.isArray(GisSystemStatic) ? new Set(GisSystemStatic.filter((system) => system.Allow === 1).map((system) => system.IdSystem)) : new Set();
const seenNames = new Set();
const filteredAreas = Array.isArray(GisStationsStaticDistrict)
@@ -93,13 +95,15 @@ function DataSheet() {
);
const seenSystemNames = new Set();
const filteredSystems = GisSystemStatic.filter((item) => {
const isUnique = !seenSystemNames.has(item.Name) && item.Allow === 1;
if (isUnique) {
seenSystemNames.add(item.Name);
}
return isUnique;
});
const filteredSystems = Array.isArray(GisSystemStatic)
? GisSystemStatic.filter((item) => {
const isUnique = !seenSystemNames.has(item.Name) && item.Allow === 1;
if (isUnique) {
seenSystemNames.add(item.Name);
}
return isUnique;
})
: [];
setSystemListing(
filteredSystems.map((system, index) => ({
@@ -151,6 +155,9 @@ function DataSheet() {
localStorage.setItem("standorteVisible", checked);
};
//------------------------------
useEffect(() => {
console.log("GisSystemStatic aus Redux:", GisSystemStatic); // ✅ Debugging: Ist es ein Array?
}, [GisSystemStatic]);
//---------------------------
return (

6
components/mainComponent/MapComponent.js
View File

@@ -73,6 +73,8 @@ import { useInitGisStationsStaticDistrict } from "./hooks/useInitGisStationsStat
import { selectGisStationsStaticDistrict } from "../../redux/slices/webService/gisStationsStaticDistrictSlice";
import { useInitGisStationsStatusDistrict } from "./hooks/useInitGisStationsStatusDistrict";
import { useInitGisStationsMeasurements } from "./hooks/useInitGisStationsMeasurements";
import { useInitGisSystemStatic } from "./hooks/useInitGisSystemStatic";
import { selectGisSystemStatic, setGisSystemStatic } from "../../redux/slices/webService/gisSystemStaticSlice";
const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
const dispatch = useDispatch();
@@ -129,7 +131,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
const GisStationsStaticDistrict = useSelector(selectGisStationsStaticDistrict);
const [GisStationsStatusDistrict, setGisStationsStatusDistrict] = useState([]); // Zustand für Statusdaten
const [GisStationsMeasurements, setGisStationsMeasurements] = useState([]); // Zustand für Messdaten
const [GisSystemStatic, setGisSystemStatic] = useRecoilState(gisSystemStaticState); // Zustand für Systemdaten
const GisSystemStatic = useSelector(selectGisSystemStatic);
// Konstanten für die URLs
const mapGisStationsStaticDistrictUrl = config.mapGisStationsStaticDistrictUrl;
const mapGisStationsStatusDistrictUrl = config.mapGisStationsStatusDistrictUrl;
@@ -1005,6 +1007,8 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
useInitGisStationsStaticDistrict();
useInitGisStationsStatusDistrict();
useInitGisStationsMeasurements();
useInitGisSystemStatic();
//--------------------------------------
useEffect(() => {
console.log("GisStationsStaticDistrict aus Redux:", GisStationsStaticDistrict);

12
components/mainComponent/hooks/useInitGisSystemStatic.js Normal file
View File

@@ -0,0 +1,12 @@
// /components/mainComponent/hooks/useInitGisStationsMeasurements.js
import { useEffect } from "react";
import { useDispatch } from "react-redux";
import { fetchGisSystemStaticFromWebService } from "../../../redux/slices/webService/gisSystemStaticSlice";
export const useInitGisSystemStatic = () => {
const dispatch = useDispatch();
useEffect(() => {
dispatch(fetchGisSystemStaticFromWebService());
}, [dispatch]);
};