Das property poiTypeId in handleSubmit in der Console
This commit is contained in:
ISA
@@ -1,48 +1,40 @@
|
||||
// components/ShowAddStationPopup.js:
|
||||
import React, { useState, useEffect } from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
|
||||
const ShowAddStationPopup = ({ map, latlng }) => {
|
||||
const [poiTypData2, setpoiTypData2] = useState(); // Recoil State verwenden
|
||||
|
||||
const [poiTypData2, setPoiTypData2] = useState(); // Recoil State verwenden
|
||||
const [name, setName] = useState("");
|
||||
const [poiTypeId, setPoiTypeId] = useState("");
|
||||
const [poiTypeId, setPoiTypeId] = useState(""); // Initialize as string
|
||||
const [latitude] = useState(latlng.lat.toFixed(5));
|
||||
const [longitude] = useState(latlng.lng.toFixed(5));
|
||||
|
||||
// Effekt zum Ausgeben von poiTypData2 in der Konsole
|
||||
useEffect(() => {
|
||||
console.log("poiTypData2 in ShowAddStationPopup.js :", poiTypData2);
|
||||
}, [poiTypData2]);
|
||||
|
||||
//------------------------------------------
|
||||
// Funktion zum Abrufen der poiTyp Daten
|
||||
|
||||
useEffect(() => {
|
||||
const fetchpoiTypData2 = async () => {
|
||||
const fetchPoiTypData2 = async () => {
|
||||
try {
|
||||
const response = await fetch("/api/poiTyp");
|
||||
const data = await response.json();
|
||||
setpoiTypData2(data); // Daten im Recoil State speichern
|
||||
setPoiTypData2(data);
|
||||
if (data && data.length > 0) {
|
||||
setPoiTypeId(data[0].idPoiTyp); // Set initial poiTypeId to the id of the first poiType
|
||||
console.log("Initial poiTypeId set in ShowAddStationPopup.js :", data[0].idPoiTyp);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Fehler beim Abrufen der poiTyp Daten:", error);
|
||||
}
|
||||
};
|
||||
|
||||
fetchpoiTypData2();
|
||||
fetchPoiTypData2();
|
||||
}, []);
|
||||
|
||||
// Effekt zum Loggen der poiTypData2, wenn sie sich ändern
|
||||
useEffect(() => {
|
||||
console.log("poiTypData2 aktualisiert:", poiTypData2);
|
||||
}, [poiTypData2]);
|
||||
|
||||
//----------------------------------------------------
|
||||
|
||||
const handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
console.log({ name, poiTypeId, latitude, longitude });
|
||||
map.closePopup();
|
||||
console.log("Daten von ShowAddStationPopup: ", {
|
||||
name, // Name der Station
|
||||
poiTypeId, // Typ der Station, logged as idPoiTyp
|
||||
latitude, // Breitengrad
|
||||
longitude, // Längengrad
|
||||
});
|
||||
//map.closePopup();
|
||||
};
|
||||
|
||||
return (
|
||||
@@ -58,7 +50,7 @@ const ShowAddStationPopup = ({ map, latlng }) => {
|
||||
value={name}
|
||||
onChange={(e) => setName(e.target.value)}
|
||||
placeholder="Name der Station"
|
||||
className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm" // Use w-full for full width
|
||||
className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex items-center mb-4">
|
||||
@@ -70,17 +62,15 @@ const ShowAddStationPopup = ({ map, latlng }) => {
|
||||
name="idPoiTyp2"
|
||||
value={poiTypeId}
|
||||
onChange={(e) => setPoiTypeId(e.target.value)}
|
||||
className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm" // Adjusted width
|
||||
className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
|
||||
>
|
||||
{Array.isArray(poiTypData2) &&
|
||||
poiTypData2.map((poiTyp, index) => (
|
||||
<option key={poiTyp.id || index} value={poiTyp.id}>
|
||||
{poiTypData2 && poiTypData2.map((poiTyp, index) => (
|
||||
<option key={poiTyp.idPoiTyp || index} value={poiTyp.idPoiTyp}>
|
||||
{poiTyp.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center mb-4">
|
||||
<label htmlFor="lat" className="block mr-2 flex-none">
|
||||
Breitengrad:
|
||||
@@ -91,7 +81,7 @@ const ShowAddStationPopup = ({ map, latlng }) => {
|
||||
name="lat"
|
||||
value={latitude}
|
||||
readOnly
|
||||
className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm" // Adjusted width
|
||||
className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex items-center mb-4">
|
||||
@@ -104,7 +94,7 @@ const ShowAddStationPopup = ({ map, latlng }) => {
|
||||
name="lng"
|
||||
value={longitude}
|
||||
readOnly
|
||||
className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm" // Adjusted width
|
||||
className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
|
||||
@@ -23,10 +23,16 @@ if (typeof window !== "undefined") {
|
||||
user = url.searchParams.get("u") || "484"; // Ein weiterer Parameter aus der URL, Standardwert ist '484 admin zu testen von Stationen ausblenden und einblenden in der Card'
|
||||
|
||||
// Konstruktion von URLs, die auf spezifische Ressourcen auf dem Server zeigen
|
||||
mapGisStationsStaticDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStaticDistrict?idMap=${c}&idUser=${user}`; //idMap: 10, idUser: 484
|
||||
/* mapGisStationsStaticDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStaticDistrict?idMap=${c}&idUser=${user}`; //idMap: 10, idUser: 484
|
||||
mapGisStationsStatusDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStatusDistrict?idMap=${c}&idUser=${user}`;
|
||||
mapGisStationsMeasurementsUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsMeasurements?idMap=${c}`;
|
||||
mapGisSystemStaticUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisSystemStatic?idMap=${c}&idUser=${user}`;
|
||||
mapDataIconUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GetIconsStatic`; */
|
||||
|
||||
mapGisStationsStaticDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStaticDistrict`;
|
||||
mapGisStationsStatusDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStatusDistrict`;
|
||||
mapGisStationsMeasurementsUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsMeasurements`;
|
||||
mapGisSystemStaticUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisSystemStatic`;
|
||||
mapDataIconUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GetIconsStatic`;
|
||||
}
|
||||
|
||||
|
||||
@@ -2,7 +2,8 @@
|
||||
import { createProxyMiddleware } from "http-proxy-middleware";
|
||||
|
||||
export default createProxyMiddleware({
|
||||
target: "http://10.10.0.13", // Ziel-URL des Proxys
|
||||
//target: "http://10.10.0.13", // Ziel-URL des Proxys
|
||||
target: "http://192.168.10.187:3000", // Ziel-URL des Proxys
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
"^/api": "/", // Optional: Entfernt /api aus dem Pfad, wenn das Backend dies nicht erfordert
|
||||
|
||||
Reference in New Issue
Block a user