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

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,
   },
 });