feat: GisStationsMeasurements in Redux-Store integriert

- API-Loader für GisStationsMeasurements erstellt
- Redux-Slice für GisStationsMeasurements angelegt und im Store registriert
- Initialisierungs-Hook useInitGisStationsMeasurements hinzugefügt
- Daten werden jetzt beim Start automatisch geladen und zentral im Redux-Store gespeichert
- Vorbereitung für spätere Nutzung in UI-Komponenten

components/mainComponent/MapComponent.js

@@ -71,6 +71,8 @@ import { selectPolylineVisible, setPolylineVisible } from "../../redux/slices/po
 import { useInitLocationDevices } from "./hooks/useInitLocationDevices";
 import { useInitGisStationsStaticDistrict } from "./hooks/useInitGisStationsStaticDistrict";
 import { selectGisStationsStaticDistrict } from "../../redux/slices/webService/gisStationsStaticDistrictSlice";
+import { useInitGisStationsStatusDistrict } from "./hooks/useInitGisStationsStatusDistrict";
+import { useInitGisStationsMeasurements } from "./hooks/useInitGisStationsMeasurements";
 
 const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   const dispatch = useDispatch();
@@ -1001,6 +1003,8 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   // speichere location devices in redux store
   useInitLocationDevices();
   useInitGisStationsStaticDistrict();
+  useInitGisStationsStatusDistrict();
+  useInitGisStationsMeasurements();
   //--------------------------------------
   useEffect(() => {
     console.log("GisStationsStaticDistrict aus Redux:", GisStationsStaticDistrict);

components/mainComponent/hooks/useInitGisStationsMeasurements.js

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

components/mainComponent/hooks/useInitGisStationsStatusDistrict.js

@@ -0,0 +1,12 @@
+// /componets/mainComponent/hooks/useInitGisStationsStatusDistrict.js
+import { useEffect } from "react";
+import { useDispatch } from "react-redux";
+import { fetchGisStationsStatusDistrictFromWebService } from "../../../redux/slices/webService/gisStationsStatusDistrictSlice";
+
+export const useInitGisStationsStatusDistrict = () => {
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    dispatch(fetchGisStationsStatusDistrictFromWebService());
+  }, [dispatch]);
+};

config/appVersion.js

@@ -1,2 +1,2 @@
 // /config/appVersion
-export const APP_VERSION = "1.1.24";
+export const APP_VERSION = "1.1.25";

redux/api/fromWebService/fetchGisStationsMeasurements.js

@@ -0,0 +1,10 @@
+// /redux/api/fromWebService/fetchGisStationsMeasurements.js
+import { mapGisStationsMeasurementsUrl } from "../../../config/config";
+
+export const fetchGisStationsMeasurements = async () => {
+  const response = await fetch(mapGisStationsMeasurementsUrl);
+  if (!response.ok) {
+    throw new Error("GisStationsMeasurements konnte nicht geladen werden");
+  }
+  return await response.json();
+};

redux/api/fromWebService/fetchGisStationsStatusDistrict.js

@@ -0,0 +1,10 @@
+// /redux/api/fromWebService/fetchGisStationsStatusDistrict.js
+import { mapGisStationsStatusDistrictUrl } from "../../../config/config";
+
+export const fetchGisStationsStatusDistrict = async () => {
+  const response = await fetch(mapGisStationsStatusDistrictUrl);
+  if (!response.ok) {
+    throw new Error("GisStationsStatusDistrict konnte nicht geladen werden");
+  }
+  return await response.json();
+};

redux/slices/webService/gisStationsMeasurementsSlice.js

@@ -0,0 +1,35 @@
+// /redux/slices/webService/gisStationsMeasurementsSlice.js
+import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
+import { fetchGisStationsMeasurements } from "../../api/fromWebService/fetchGisStationsMeasurements";
+
+export const fetchGisStationsMeasurementsFromWebService = createAsyncThunk("gisStationsMeasurements/fetchGisStationsMeasurementsFromWebService", async () => {
+  return fetchGisStationsMeasurements();
+});
+
+const gisStationsMeasurementsSlice = createSlice({
+  name: "gisStationsMeasurements",
+  initialState: {
+    data: [],
+    status: "idle",
+    error: null,
+  },
+  reducers: {},
+  extraReducers: (builder) => {
+    builder
+      .addCase(fetchGisStationsMeasurementsFromWebService.pending, (state) => {
+        state.status = "loading";
+      })
+      .addCase(fetchGisStationsMeasurementsFromWebService.fulfilled, (state, action) => {
+        state.status = "succeeded";
+        state.data = action.payload;
+      })
+      .addCase(fetchGisStationsMeasurementsFromWebService.rejected, (state, action) => {
+        state.status = "failed";
+        state.error = action.error.message;
+      });
+  },
+});
+
+export const selectGisStationsMeasurements = (state) => state.gisStationsMeasurements.data;
+
+export default gisStationsMeasurementsSlice.reducer;

redux/slices/webService/gisStationsStatusDistrictSlice.js

@@ -0,0 +1,35 @@
+// /redux/slices/webService/gisStationsStatusDistrictSlice.js
+import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
+import { fetchGisStationsStatusDistrict } from "../../api/fromWebService/fetchGisStationsStatusDistrict";
+
+export const fetchGisStationsStatusDistrictFromWebService = createAsyncThunk("gisStationsStatusDistrict/fetchGisStationsStatusDistrictFromWebService", async () => {
+  return fetchGisStationsStatusDistrict();
+});
+
+const gisStationsStatusDistrictSlice = createSlice({
+  name: "gisStationsStatusDistrict",
+  initialState: {
+    data: [],
+    status: "idle",
+    error: null,
+  },
+  reducers: {},
+  extraReducers: (builder) => {
+    builder
+      .addCase(fetchGisStationsStatusDistrictFromWebService.pending, (state) => {
+        state.status = "loading";
+      })
+      .addCase(fetchGisStationsStatusDistrictFromWebService.fulfilled, (state, action) => {
+        state.status = "succeeded";
+        state.data = action.payload;
+      })
+      .addCase(fetchGisStationsStatusDistrictFromWebService.rejected, (state, action) => {
+        state.status = "failed";
+        state.error = action.error.message;
+      });
+  },
+});
+
+export const selectGisStationsStatusDistrict = (state) => state.gisStationsStatusDistrict.data;
+
+export default gisStationsStatusDistrictSlice.reducer;

redux/store.js

@@ -4,6 +4,8 @@ import currentPoiReducer from "./slices/currentPoiSlice";
 import polylineLayerVisibleReducer from "./slices/polylineLayerVisibleSlice";
 import locationDevicesFromDBReducer from "./slices/db/locationDevicesFromDBSlice";
 import gisStationsStaticDistrictReducer from "./slices/webService/gisStationsStaticDistrictSlice";
+import gisStationsStatusDistrictReducer from "./slices/webService/gisStationsStatusDistrictSlice";
+import gisStationsMeasurementsReducer from "./slices/webService/gisStationsMeasurementsSlice";
 
 export const store = configureStore({
   reducer: {
@@ -12,5 +14,7 @@ export const store = configureStore({
     polylineLayerVisible: polylineLayerVisibleReducer,
     locationDevicesFromDB: locationDevicesFromDBReducer,
     gisStationsStaticDistrict: gisStationsStaticDistrictReducer,
+    gisStationsStatusDistrict: gisStationsStatusDistrictReducer,
+    gisStationsMeasurements: gisStationsMeasurementsReducer,
   },
 });