🧩 components/ – Übersicht über alle UI-Komponenten
Dieses Verzeichnis enthält die gesamten React-Komponenten der TALAS-Kartenanwendung.
Sie sind thematisch gegliedert in Teilbereiche für Kontextmenüs, POIs, Polylinien, Modale und die zentrale MapComponent.
📁 Strukturübersicht
components/
├── contextmenu/ # Komponenten für rechte Maustaste & Kontextaktionen
│ ├── CoordinatePopup.js
│ └── useMapContextMenu.js
├── gisPolylines/ # Polylinien (Kabelstrecken)
│ ├── PolylineContextMenu.js
│ └── icons/
│ ├── CircleIcon.js
│ ├── EndIcon.js
│ ├── StartIcon.js
│ └── SupportPointIcons.js
├── icons/devices/overlapping/ # Zusätzliche Overlap-Icons für Geräte
│ └── PlusRoundIcon.js
├── mainComponent/ # Hauptkomponenten für Karteninitialisierung
│ ├── MapComponent.js
│ └── hooks/
│ └── useInitializeMap.js
├── pois/ # POI-spezifische Modale
│ ├── AddPOIModal.js
│ └── PoiUpdateModal.js
├── uiWidgets/ # UI-Widgets
│ ├── CoordinateInput.js
│ ├── VersionInfoModal.js
│ ├── TestScript.js
│ └── mapLayersControlPanel/
│ ├── EditModeToggle.js
│ └── MapLayersControlPanel.js
🔎 Beschreibung der Hauptbereiche
contextmenu/
Rechtsklick-Menüs für Marker, POIs, Polylinien. Steuert Anzeige & Verhalten.
gisPolylines/
Komponenten für das Zeichnen, Bearbeiten und Interagieren mit Linien/Strecken.
mainComponent/
Zentrale Leaflet-Map-Logik & Initialisierung via MapComponent und useInitializeMap.
pois/
Modale für das Hinzufügen und Bearbeiten von POIs (Points of Interest).
uiWidgets/
Komponenten wie Eingabefelder für Koordinaten-Suche, Infoboxen und Control Panel für Geräte Layers .
✅ Besonderheiten
- Verwendet Tailwind CSS für Styling
- Integration mit Redux, Leaflet, OverlappingMarkerSpiderfier
- Vollständig modular & testbar aufgebaut