docs: [Zurück zur Übersicht](../README.md) in Alle in README für jeder Verzeichnis
This commit is contained in:
@@ -2,8 +2,10 @@
|
||||
|
||||
# 📍 CoordinateInput.js
|
||||
|
||||
Die Komponente `CoordinateInput` stellt ein einfaches Eingabefeld für geografische Koordinaten (Latitude, Longitude) bereit.
|
||||
Sie dient typischerweise dazu, einen bestimmten Punkt auf der Karte zu fokussieren bzw. zu markieren.
|
||||
Die Komponente `CoordinateInput` stellt ein einfaches Eingabefeld für geografische Koordinaten
|
||||
(Latitude, Longitude) bereit.
|
||||
Sie dient typischerweise dazu, einen bestimmten Punkt auf der Karte zu fokussieren bzw. zu
|
||||
markieren.
|
||||
|
||||
---
|
||||
|
||||
@@ -85,7 +87,7 @@ Beispiel in einer Map-Komponente:
|
||||
|
||||
```jsx
|
||||
<CoordinateInput
|
||||
onCoordinatesSubmit={(coords) => {
|
||||
onCoordinatesSubmit={coords => {
|
||||
const [lat, lng] = coords.split(",").map(Number);
|
||||
map.setView([lat, lng], 16); // Leaflet
|
||||
}}
|
||||
@@ -99,3 +101,7 @@ Beispiel in einer Map-Komponente:
|
||||
- `MapComponent.js` – kann die übergebenen Koordinaten zur Zentrierung oder Marker-Erstellung nutzen
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
[Zurück zur Übersicht](../../README.md)
|
||||
|
||||
4
docs/components/uiWidgets/README.md
Normal file
4
docs/components/uiWidgets/README.md
Normal file
@@ -0,0 +1,4 @@
|
||||
# 📄 Übersicht: docs/components/uiWidgets
|
||||
|
||||
- [CoordinateInput](CoordinateInput.md)
|
||||
- [VersionInfoModal](VersionInfoModal.md)
|
||||
@@ -2,7 +2,8 @@
|
||||
|
||||
# 🪪 VersionInfoModal.js
|
||||
|
||||
Das `VersionInfoModal` ist ein modales Fenster zur Anzeige von Unternehmensinformationen und der aktuellen App-Version.
|
||||
Das `VersionInfoModal` ist ein modales Fenster zur Anzeige von Unternehmensinformationen und der
|
||||
aktuellen App-Version.
|
||||
Es wird meist im Footer oder als Info-Schaltfläche in der Benutzeroberfläche eingeblendet.
|
||||
|
||||
---
|
||||
@@ -38,8 +39,10 @@ Die Komponente informiert Nutzer über:
|
||||
|
||||
## 💡 Verhalten
|
||||
|
||||
- Wird `showVersionInfoModal` auf `true` gesetzt, erscheint das Modal zentriert über einem halbtransparenten Overlay
|
||||
- Klick auf den Hintergrund (schwarzes Overlay) oder auf „Schließen“ führt `closeVersionInfoModal()` aus
|
||||
- Wird `showVersionInfoModal` auf `true` gesetzt, erscheint das Modal zentriert über einem
|
||||
halbtransparenten Overlay
|
||||
- Klick auf den Hintergrund (schwarzes Overlay) oder auf „Schließen“ führt `closeVersionInfoModal()`
|
||||
aus
|
||||
|
||||
---
|
||||
|
||||
@@ -90,3 +93,7 @@ Die Komponente informiert Nutzer über:
|
||||
- Automatischer Import von Version via `process.env.NEXT_PUBLIC_APP_VERSION`
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
[Zurück zur Übersicht](../../README.md)
|
||||
|
||||
@@ -2,8 +2,10 @@
|
||||
|
||||
# ✏️ EditModeToggle.js
|
||||
|
||||
Die Komponente `EditModeToggle` stellt einen interaktiven Umschalter für den Bearbeitungsmodus bereit.
|
||||
Sie ermöglicht das Ein- und Ausschalten des Modus, in dem POIs, Polylines (Strecken) und Bereiche bearbeitet werden können.
|
||||
Die Komponente `EditModeToggle` stellt einen interaktiven Umschalter für den Bearbeitungsmodus
|
||||
bereit.
|
||||
Sie ermöglicht das Ein- und Ausschalten des Modus, in dem POIs, Polylines (Strecken) und Bereiche
|
||||
bearbeitet werden können.
|
||||
|
||||
---
|
||||
|
||||
@@ -79,7 +81,12 @@ const [editMode, setEditMode] = useState(() => localStorage.getItem("editMode")
|
||||
|
||||
## 📄 Verwandte Komponenten
|
||||
|
||||
- `MapLayersControlPanel.js`: liest `localStorage.editMode` und deaktiviert Layer-Checkboxen im aktiven Modus
|
||||
- `MapLayersControlPanel.js`: liest `localStorage.editMode` und deaktiviert Layer-Checkboxen im
|
||||
aktiven Modus
|
||||
- `PoiUpdateModal`, `AddPOIModal`: nutzen den Bearbeitungsmodus für UI-Freigabe
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
[Zurück zur Übersicht](../../../README.md)
|
||||
|
||||
@@ -2,8 +2,10 @@
|
||||
|
||||
# 🧭 MapLayersControlPanel.js
|
||||
|
||||
Dieses UI-Widget zeigt eine interaktive Steuereinheit für Layer, POIs und Stationsbereiche auf der rechten Seite der Karte.
|
||||
Es ist vollständig an den Redux-Store angebunden und reagiert auf Änderungen der Layer-Sichtbarkeit, Bearbeitungsmodus und Stationsauswahl.
|
||||
Dieses UI-Widget zeigt eine interaktive Steuereinheit für Layer, POIs und Stationsbereiche auf der
|
||||
rechten Seite der Karte.
|
||||
Es ist vollständig an den Redux-Store angebunden und reagiert auf Änderungen der Layer-Sichtbarkeit,
|
||||
Bearbeitungsmodus und Stationsauswahl.
|
||||
|
||||
---
|
||||
|
||||
@@ -52,7 +54,8 @@ Das `MapLayersControlPanel` ermöglicht Nutzern:
|
||||
Sonderfall: `TALAS` erhält ein Untermenü für „Kabelstrecken“
|
||||
|
||||
- **Lokale Speicherung:**
|
||||
Sichtbarkeiten, Bearbeitungsmodus und POI-Zustand werden in `localStorage` geschrieben und bei Initialisierung geladen
|
||||
Sichtbarkeiten, Bearbeitungsmodus und POI-Zustand werden in `localStorage` geschrieben und bei
|
||||
Initialisierung geladen
|
||||
|
||||
- **Bearbeitungsmodus:**
|
||||
Wenn aktiv (`editMode === true`), sind Layer-Checkboxen deaktiviert
|
||||
@@ -148,3 +151,7 @@ Das `MapLayersControlPanel` ermöglicht Nutzern:
|
||||
- `redux/slices/database/pois/poiLayerVisibleSlice.js`
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
[Zurück zur Übersicht](../../../README.md)
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
# 📄 Übersicht: docs/components/uiWidgets/mapLayersControlPanel
|
||||
|
||||
- [EditModeToggle](EditModeToggle.md)
|
||||
- [MapLayersControlPanel](MapLayersControlPanel.md)
|
||||
Reference in New Issue
Block a user