diff --git a/components/DataSheet.js b/components/DataSheet.js index ffda342ec..8c282129f 100644 --- a/components/DataSheet.js +++ b/components/DataSheet.js @@ -67,7 +67,18 @@ function DataSheet() { }, [GisStationsStaticDistrict]); const [checkedStations, setCheckedStations] = useState({}); - + /* const TALAS = new L.layerGroup(); + const ECI = new L.layerGroup(); + const ULAF = new L.layerGroup(); + const GSMModem = new L.layerGroup(); + const CiscoRouter = new L.layerGroup(); + const WAGO = new L.layerGroup(); + const Siemens = new L.layerGroup(); + const OTDR = new L.layerGroup(); + const WDM = new L.layerGroup(); + const GMA = new L.layerGroup(); + const Sonstige = new L.layerGroup(); + const TALASICL = new L.layerGroup(); */ const handleCheckboxChangeTALAS = (event) => { const { checked } = event.target; setMapLayersVisibility((prev) => ({ @@ -75,6 +86,112 @@ function DataSheet() { TALAS: checked, })); }; + const handleCheckboxChangeECI = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + ECI: checked, + })); + }; + const handleCheckboxChangeULAF = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + ULAF: checked, + })); + }; + const handleCheckboxChangeGSMModem = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + GSMModem: checked, + })); + }; + const handleCheckboxChangeCiscoRouter = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + CiscoRouter: checked, + })); + }; + const handleCheckboxChangeWAGO = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + WAGO: checked, + })); + }; + const handleCheckboxChangeSiemens = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + Siemens: checked, + })); + }; + const handleCheckboxChangeOTDR = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + OTDR: checked, + })); + }; + const handleCheckboxChangeWDM = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + WDM: checked, + })); + }; + const handleCheckboxChangeGMA = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + GMA: checked, + })); + }; + const handleCheckboxChangeSonstige = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + Sonstige: checked, + })); + }; + const handleCheckboxChangeTALASICL = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + TALASICL: checked, + })); + }; + const handleCheckboxChangeDAUZ = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + DAUZ: checked, + })); + }; + const handleCheckboxChangeSMSFunkmodem = (event) => { + const { checked } = event.target; + + setMapLayersVisibility((prev) => ({ + ...prev, + SMSFunkmodem: checked, + })); + }; + const handleCheckboxChangeMessstellen = (event) => { + const { checked } = event.target; + setMapLayersVisibility((prev) => ({ + ...prev, + Messstellen: checked, + })); + }; + const handleCheckboxChange = (event) => { + const { checked, value } = event.target; + setCheckedStations((prev) => ({ + ...prev, + [value]: checked, + })); + }; const handleStationChange = (event) => { console.log("Station selected:", event.target.value); @@ -96,6 +213,34 @@ function DataSheet() { ); } }, [checkedStations, systemListing]); + const eciStation = systemListing.find((station) => station.name === "ECI"); + const ulafStation = systemListing.find((station) => station.name === "ULAF"); + const gsmModemStation = systemListing.find( + (station) => station.name === "GSMModem" + ); + const ciscoRouterStation = systemListing.find( + (station) => station.name === "CiscoRouter" + ); + const wagoStation = systemListing.find((station) => station.name === "WAGO"); + const siemensStation = systemListing.find( + (station) => station.name === "Siemens" + ); + const otdrStation = systemListing.find((station) => station.name === "OTDR"); + const wdmStation = systemListing.find((station) => station.name === "WDM"); + const gmaStation = systemListing.find((station) => station.name === "GMA"); + const sonstigeStation = systemListing.find( + (station) => station.name === "Sonstige" + ); + const talasiclStation = systemListing.find( + (station) => station.name === "TALASICL" + ); + const dauzStation = systemListing.find((station) => station.name === "DAUZ"); + const smsFunkmodemStation = systemListing.find( + (station) => station.name === "SMSFunkmodem" + ); + const messstellenStation = systemListing.find( + (station) => station.name === "Messstellen" + ); return (
- {/* Weitere Inhalte der Datenblattkomponente */} +