162 lines
6.4 KiB
JavaScript
162 lines
6.4 KiB
JavaScript
// imports.js
|
|
import React, { useEffect, useRef, useState, useCallback } from "react";
|
|
import L, { marker } from "leaflet";
|
|
import "leaflet/dist/leaflet.css";
|
|
import "leaflet-contextmenu/dist/leaflet.contextmenu.css";
|
|
import "leaflet-contextmenu";
|
|
import * as config from "../config/config.js";
|
|
import * as urls from "../config/urls.js";
|
|
import "leaflet.smooth_marker_bouncing";
|
|
import OverlappingMarkerSpiderfier from "overlapping-marker-spiderfier-leaflet";
|
|
import DataSheet from "./DataSheet.js";
|
|
import { useRecoilState, useRecoilValue, useSetRecoilState } from "recoil";
|
|
import { gisStationsStaticDistrictState } from "../store/atoms/gisStationState.js";
|
|
import { gisSystemStaticState } from "../store/atoms/gisSystemState.js";
|
|
import { mapLayersState } from "../store/atoms/mapLayersState.js";
|
|
import { selectedAreaState } from "../store/atoms/selectedAreaState.js";
|
|
import { zoomTriggerState } from "../store/atoms/zoomTriggerState.js";
|
|
import { poiTypState } from "../store/atoms/poiTypState.js";
|
|
import AddPoiModalWindow from "./pois/AddPoiModalWindow.js";
|
|
import { poiReadFromDbTriggerAtom } from "../store/atoms/poiReadFromDbTriggerAtom.js";
|
|
import { InformationCircleIcon } from "@heroicons/react/20/solid"; // oder 'outline'
|
|
import PoiUpdateModal from "./pois/PoiUpdateModal.js";
|
|
import { selectedPoiState } from "../store/atoms/poiState.js";
|
|
import { currentPoiState } from "../store/atoms/currentPoiState.js";
|
|
import { ToastContainer, toast } from "react-toastify";
|
|
import "react-toastify/dist/ReactToastify.css";
|
|
import { mapIdState, userIdState } from "../store/atoms/urlParameterState.js";
|
|
import { poiLayerVisibleState } from "../store/atoms/poiLayerVisibleState.js";
|
|
import plusRoundIcon from "./PlusRoundIcon.js";
|
|
import { parsePoint, findClosestPoints } from "../utils/geometryUtils.js";
|
|
import { insertNewMarker, removeMarker, createAndSetMarkers, handleEditPoi } from "../utils/markerUtils.js";
|
|
import { redrawPolyline, restoreMapSettings, checkOverlappingMarkers } from "../utils/mapUtils.js";
|
|
import circleIcon from "./gisPolylines/icons/CircleIcon.js";
|
|
import startIcon from "./gisPolylines/icons/StartIcon.js";
|
|
import endIcon from "./gisPolylines/icons/EndIcon.js";
|
|
import { fetchGisStatusStations, fetchPriorityConfig, fetchPoiData, updateLocationInDatabase, fetchUserRights, fetchDeviceNameById } from "../services/apiService.js";
|
|
import { addContextMenuToMarker } from "../utils/contextMenuUtils.js";
|
|
import { MAP_VERSION } from "../config/settings.js";
|
|
import * as layers from "../config/layers.js";
|
|
import { zoomIn, zoomOut, centerHere } from "../utils/zoomAndCenterUtils.js";
|
|
import { initializeMap } from "../utils/mapInitialization.js";
|
|
import { addItemsToMapContextMenu } from "./useMapContextMenu.js";
|
|
import useGmaMarkersLayer from "../hooks/layers/useGmaMarkersLayer.js"; // Import the custom hook
|
|
import useTalasMarkersLayer from "../hooks/layers/useTalasMarkersLayer.js"; // Import the custom hook
|
|
import useEciMarkersLayer from "../hooks/layers/useEciMarkersLayer.js";
|
|
import useGsmModemMarkersLayer from "../hooks/layers/useGsmModemMarkersLayer.js";
|
|
import useCiscoRouterMarkersLayer from "../hooks/layers/useCiscoRouterMarkersLayer.js";
|
|
import useWagoMarkersLayer from "../hooks/layers/useWagoMarkersLayer.js";
|
|
import useSiemensMarkersLayer from "../hooks/layers/useSiemensMarkersLayer.js";
|
|
import useOtdrMarkersLayer from "../hooks/layers/useOtdrMarkersLayer.js";
|
|
import useWdmMarkersLayer from "../hooks/layers/useWdmMarkersLayer.js";
|
|
import useMessstellenMarkersLayer from "../hooks/layers/useMessstellenMarkersLayer.js";
|
|
import useTalasiclMarkersLayer from "../hooks/layers/useTalasiclMarkersLayer.js";
|
|
import useDauzMarkersLayer from "../hooks/layers/useDauzMarkersLayer.js";
|
|
import useSmsfunkmodemMarkersLayer from "../hooks/layers/useSmsfunkmodemMarkersLayer.js";
|
|
import useUlafMarkersLayer from "../hooks/layers/useUlafMarkersLayer.js";
|
|
import useSonstigeMarkersLayer from "../hooks/layers/useSonstigeMarkersLayer.js";
|
|
import handlePoiSelect from "../utils/handlePoiSelect.js";
|
|
import { fetchGisStationsStaticDistrict, fetchGisStationsStatusDistrict, fetchGisStationsMeasurements, fetchGisSystemStatic } from "../services/fetchData.js";
|
|
import { setupPolylines } from "../utils/setupPolylines.js";
|
|
import { setupPOIs } from "../utils/setupPOIs.js";
|
|
import VersionInfoModal from "./VersionInfoModal.js";
|
|
//--------------------------------------------
|
|
import PoiUpdateModalWrapper from "./pois/PoiUpdateModalWrapper";
|
|
import AddPoiModalWindowWrapper from "./pois/AddPoiModalWindowWrapper";
|
|
import useFetchPoiData from "../hooks/useFetchPoiData";
|
|
import usePoiTypData from "../hooks/usePoiTypData";
|
|
import useMarkerLayers from "../hooks/useMarkerLayers";
|
|
import useLayerVisibility from "../hooks/useLayerVisibility";
|
|
import useLineData from "../hooks/useLineData.js";
|
|
|
|
export {
|
|
React,
|
|
useEffect,
|
|
useRef,
|
|
useState,
|
|
useCallback,
|
|
L,
|
|
marker,
|
|
config,
|
|
urls,
|
|
OverlappingMarkerSpiderfier,
|
|
DataSheet,
|
|
useRecoilState,
|
|
useRecoilValue,
|
|
useSetRecoilState,
|
|
gisStationsStaticDistrictState,
|
|
gisSystemStaticState,
|
|
mapLayersState,
|
|
selectedAreaState,
|
|
zoomTriggerState,
|
|
poiTypState,
|
|
AddPoiModalWindow,
|
|
poiReadFromDbTriggerAtom,
|
|
InformationCircleIcon,
|
|
PoiUpdateModal,
|
|
selectedPoiState,
|
|
currentPoiState,
|
|
ToastContainer,
|
|
toast,
|
|
mapIdState,
|
|
userIdState,
|
|
poiLayerVisibleState,
|
|
plusRoundIcon,
|
|
parsePoint,
|
|
findClosestPoints,
|
|
insertNewMarker,
|
|
removeMarker,
|
|
createAndSetMarkers,
|
|
handleEditPoi,
|
|
redrawPolyline,
|
|
restoreMapSettings,
|
|
checkOverlappingMarkers,
|
|
circleIcon,
|
|
startIcon,
|
|
endIcon,
|
|
fetchGisStatusStations,
|
|
fetchPriorityConfig,
|
|
fetchPoiData,
|
|
updateLocationInDatabase,
|
|
fetchUserRights,
|
|
fetchDeviceNameById,
|
|
addContextMenuToMarker,
|
|
MAP_VERSION,
|
|
layers,
|
|
zoomIn,
|
|
zoomOut,
|
|
centerHere,
|
|
initializeMap,
|
|
addItemsToMapContextMenu,
|
|
useGmaMarkersLayer,
|
|
useTalasMarkersLayer,
|
|
useEciMarkersLayer,
|
|
useGsmModemMarkersLayer,
|
|
useCiscoRouterMarkersLayer,
|
|
useWagoMarkersLayer,
|
|
useSiemensMarkersLayer,
|
|
useOtdrMarkersLayer,
|
|
useWdmMarkersLayer,
|
|
useMessstellenMarkersLayer,
|
|
useTalasiclMarkersLayer,
|
|
useDauzMarkersLayer,
|
|
useSmsfunkmodemMarkersLayer,
|
|
useUlafMarkersLayer,
|
|
useSonstigeMarkersLayer,
|
|
handlePoiSelect,
|
|
fetchGisStationsStaticDistrict,
|
|
fetchGisStationsStatusDistrict,
|
|
fetchGisStationsMeasurements,
|
|
fetchGisSystemStatic,
|
|
setupPolylines,
|
|
setupPOIs,
|
|
VersionInfoModal,
|
|
PoiUpdateModalWrapper,
|
|
AddPoiModalWindowWrapper,
|
|
useFetchPoiData,
|
|
usePoiTypData,
|
|
useMarkerLayers,
|
|
useLayerVisibility,
|
|
useLineData,
|
|
};
|