Changes for page Schwarmspeicher Electrify
Last modified by Patrizia Gurschka on 2026/09/10 14:58
From version 8.4
edited by Patrizia Gurschka
on 2026/09/10 07:32
on 2026/09/10 07:32
Change comment:
Auto-saved during real-time collaboration
To version 27.3
edited by Patrizia Gurschka
on 2026/09/10 14:33
on 2026/09/10 14:33
Change comment:
Auto-saved during real-time collaboration
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 4 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,108 +1,34 @@ 1 -**🔋 Schwarmspeicher Electrify** 1 +|(% style="width:650px" %)((( 2 += 🔋 Schwarmspeicher Electrify = 2 2 3 -|(% style="width:788px" %)((( 4 -|((( 5 -ℹ️ **Zweck: **Webbasiertes Projektmanagementsystem zur Verwaltung von Batterie-Großspeicherprojekten in Deutschland und Österreich — vom Standort über Genehmigungen bis zur Projektsteuerung und Dokumentation. Deckt zwei Use-Cases ab: klassische Schwarmspeicher-Standorte und PV-Co-Location-Standorte. 4 +{{info}} 5 +**Zweck:** Webbasiertes Projektmanagementsystem zur Verwaltung von Batterie-Großspeicherprojekten in Deutschland und Österreich — vom Standort über Genehmigungen bis zur Projektsteuerung und Dokumentation. Deckt zwei Use-Cases ab: klassische Schwarmspeicher-Standorte und PV Co-Location-Standorte. 6 6 7 7 **Zielgruppe: **Vertriebs-/Projektentwicklungsteam und IT/DevOps-Betrieb. 8 -))) 8 +{{/info}} 9 +)))|(% style="width:418px" %)((( 10 +**Auf dieser Seite** 9 9 10 - == Projektstruktur ==12 +{{toc/}} 11 11 12 - |(((13 - 📁 src/14 + 15 +))) 14 14 15 - 📁components/ UI-Komponenten (Schwarmspeicher+ CoLocation*-Pendants)17 +== Überblick == 16 16 17 - 📁 pages/Seiten derAnwendung19 +**Schwarmspeicher Electrify **unterstützt den gesamten Projektlebenszyklus: Standortidentifikation, Genehmigungen, Projektsteuerung und Dokumentation — für beide Use-Cases parallel, über einen Umschalter in der Seitenleiste. 18 18 19 -📁 hooks/ Datenzugriffe und Business-Logik 21 +* **Frontend:** React 18 · TypeScript · Vite · Tailwind CSS · shadcn/ui · React Router · React Query · Leaflet + leaflet.markercluster (Kartendarstellung) · Recharts (Diagramme) · XLSX (Excel-Import/-Export) 22 +* **Backend:** Supabase (self-hosted) — PostgreSQL, Authentication, Storage, Edge Functions, Row Level Security (RLS) 23 +* **Datenquellen:** Nominatim/OpenStreetMap (Geocoding) · Edge Function fetch-noe-gemeinden (NÖ-Gemeindedaten) · EVN-Trafokarte (WMS-Layer, Netzkapazitäten) 24 +* **Orchestrierung:** eigener Docker-Compose-Stack, nginx als Reverse-Proxy (TLS-Terminierung + same-origin-Routing zu Supabase/Kong) 20 20 21 -📁 integrations/ Supabase Client 22 - 23 -📁 types/ TypeScript-Modelle 24 - 25 -📁 lib/ Hilfsfunktionen (u.a. mapCoordinates.ts) 26 - 27 -📁 supabase/ 28 - 29 -📁 migrations/ SQL-Migrationen (inkl. komplettes PV-Co-Location-Schema) 30 - 31 -📁 functions/ Edge Functions 32 -))) 33 - 34 34 == Architektur == 35 35 36 -[[image:178901 7284336-190.png]]28 +[[image:1789039138746-630.png||height="586" width="598"]] 37 37 38 38 Zusätzlich übernimmt nginx im Frontend-Container TLS-Terminierung und same-origin-Routing (/auth, /rest, /storage, /realtime, /functions → supabase-kong) — dadurch läuft die App ohne CORS- oder Private-Network-Access-Probleme im Browser 39 -)))|(% style="width:280px" %)((( 40 -|((( 41 -**Auf dieser Seite** 42 42 43 -▪ Schwarmspeicher Electrify 44 - 45 -○ Projektstruktur 46 - 47 -○ Übersicht 48 - 49 -○ Technologie-Stack 50 - 51 -○ Use-Case-Umschalter 52 - 53 -○ Hauptfunktionen 54 - 55 -▫ Dashboard 56 - 57 -▫ Projektverwaltung 58 - 59 -▫ Gemeinden 60 - 61 -▫ Kartenansicht 62 - 63 -▫ Potenzialanalyse 64 - 65 -▫ Pipeline 66 - 67 -▫ Meilensteinverwaltung 68 - 69 -▫ Stockend 70 - 71 -▫ Forecast 72 - 73 -▫ Aufgabenverwaltung 74 - 75 -▫ Dokumentenverwaltung 76 - 77 -▫ Standortpartner 78 - 79 -▫ Benutzerverwaltung 80 - 81 -▫ Audit Log 82 - 83 -▫ Landingpage "Fläche verpachten" 84 - 85 -○ Routing 86 - 87 -○ Datenzugriff 88 - 89 -○ Supabase 90 - 91 - 92 -○ Offene Punkte / zu verifizieren 93 - 94 -○ Server 95 -))) 96 - 97 - 98 -))) 99 - 100 - 101 - 102 -== Übersicht == 103 - 104 -**Schwarmspeicher Electrify **unterstützt den gesamten Projektlebenszyklus: Standortidentifikation, Genehmigungen, Projektsteuerung und Dokumentation — für beide Use-Cases parallel, über einen Umschalter in der Seitenleiste. 105 - 106 106 == Technologie-Stack == 107 107 108 108 **Frontend: **React 18 · TypeScript · Vite · Tailwind CSS · shadcn/ui · React Router · React Query · Leaflet + leaflet.markercluster (Kartendarstellung) · Recharts (Diagramme) · XLSX (Excel-Import/-Export) ... ... @@ -109,13 +109,9 @@ 109 109 110 110 **Backend: **Supabase (self-hosted) — PostgreSQL, Authentication, Storage, Edge Functions, Row Level Security (RLS) 111 111 112 -== Use-Case-Umschalter == 113 - 114 -Zwei Buttons oben in der Seitenleiste ("Schwarmspeicher" / "PV-Co-Location"). Welcher Use-Case aktiv angezeigt wird, leitet sich direkt aus der aktuellen URL ab (Hook useUseCase.tsx, /pv-colocation/*-Pfade vs. Rest) — nicht aus einem gespeicherten Zustand. Dadurch zeigt die Seitenleiste nach Login oder direktem Aufruf eines Links immer konsistent den richtigen Use-Case. 115 - 116 116 == Hauptfunktionen == 117 117 118 -=== Dashboard === 40 +=== 1. Dashboard === 119 119 120 120 Zentrale Übersicht über Projekte, Status, Kennzahlen und Projektfortschritt. 121 121 ... ... @@ -122,7 +122,7 @@ 122 122 * Schwarmspeicher: Dashboard.tsx — Pipeline-Summary, kW/kWh-KPIs, Plan-vs-Ist-Charts pro Meilenstein 123 123 * PV-Co-Location: CoLocationDashboard.tsx — gleiche Struktur, Einheiten angepasst (kWp/kW), zweite Übersichtskarte zeigt Standortpartner-Anzahl statt Gemeinden 124 124 125 -=== Projektverwaltung / Standortverwaltung === 47 +=== 2. Projektverwaltung / Standortverwaltung === 126 126 127 127 Standorte anlegen, bearbeiten, importieren, Historie, Dokumente, sortierbare Tabelle mit Meilenstein-Filter, Bulk-Bearbeitung, Als-abgebrochen-markieren/Reaktivieren. 128 128 ... ... @@ -131,11 +131,18 @@ 131 131 132 132 Import-Dialoge (beide Use-Cases) unterstützen: direkte Koordinatenspalten, DMS-Format, Koordinatenpaare im Adressfeld, Gemeinde-Auflösung per PLZ, mehrstufige strukturierte Geocoding-Anfragen (inkl. Konskriptionsnummern) mit Validierung gegen Gemeinde-Zentroide, sowie automatische Erkennung der Kopfzeile. 133 133 134 -=== Gemeinden ===56 +==== Meilensteinverwaltung ==== 135 135 58 +Projektfortschritt über Meilensteine, matrixartige Übersicht mit Bulk-Setzen, Gruppierung. 59 + 60 +* Schwarmspeicher: MeilensteinMatrix, MeilensteinQuickEdit (inkl. Sonderfall-Dialog NetzvertragAnpassungDialog) 61 +* PV-Co-Location: CoLocationMeilensteinMatrix, CoLocationMeilensteinQuickEdit — eigene Meilensteinkette: Vollmacht gestellt → Vollmacht erhalten → Netzantrag gestellt → Netzvertrag erhalten → Pachtvertrag unterschrieben → Standort gebaut → Standort live Trading (Kurzbeschriftungen: VM ges. / VM erh. / NA gest. / NV erh. / PV unt. / Gebaut / Trading) 62 + 63 +=== 3. Gemeinden === 64 + 136 136 Verwaltung der Gemeinden (CreateGemeindeForm, nur Schwarmspeicher). Edge Function fetch-noe-gemeinden lädt NÖ-Gemeinden. 137 137 138 -=== Kartenansicht === 67 +=== 4. Kartenansicht === 139 139 140 140 Interaktive Karte aller Standorte (Leaflet + Clustering), Adresssuche, Vollbildmodus, Flächenauswahl (Shift+Ziehen), Trafokarte-NÖ-Layer mit Legende. 141 141 ... ... @@ -143,30 +143,23 @@ 143 143 * PV-Co-Location: CoLocationMap 144 144 * Gemeinsam genutzt: LocationPickerMap (Einzelstandort-Kartenauswahl), src/lib/mapCoordinates.ts (dedupeCoordinates — verhindert sofortiges Auftrennen bei identischen Koordinaten) 145 145 146 -=== Potenzialanalyse === 75 +=== 5. Potenzialanalyse === 147 147 148 148 Bewertung möglicher Standorte (PotenzialTabelle, PotenzialPage) — nur Schwarmspeicher, kein Pendant bei PV-Co-Location. 149 149 150 -=== Pipeline === 79 +=== 6. Pipeline === 151 151 152 152 * Schwarmspeicher: VorprojektePipeline, VorprojektTimeline 153 153 * PV-Co-Location: CoLocationPipeline (Felder an kWp/BESS-kW angepasst; kein Pendant zu VorprojektTimeline) 154 154 155 -=== Meilensteinverwaltung===84 +=== 7. Stockend === 156 156 157 -Projektfortschritt über Meilensteine, matrixartige Übersicht mit Bulk-Setzen, Gruppierung. 158 - 159 -* Schwarmspeicher: MeilensteinMatrix, MeilensteinQuickEdit (inkl. Sonderfall-Dialog NetzvertragAnpassungDialog) 160 -* PV-Co-Location: CoLocationMeilensteinMatrix, CoLocationMeilensteinQuickEdit — eigene Meilensteinkette: Vollmacht gestellt → Vollmacht erhalten → Netzantrag gestellt → Netzvertrag erhalten → Pachtvertrag unterschrieben → Standort gebaut → Standort live Trading (Kurzbeschriftungen: VM ges. / VM erh. / NA gest. / NV erh. / PV unt. / Gebaut / Trading) 161 - 162 -=== Stockend === 163 - 164 164 Zeigt Standorte, bei denen die Lead-Time zwischen zwei Meilensteinen überschritten ist, konfigurierbare Regeln. 165 165 166 166 * Schwarmspeicher: StuckPage 167 167 * PV-Co-Location: CoLocationStuckPage (eigene, getrennt gespeicherte Lead-Time-Regeln entlang der neuen Meilensteinkette) 168 168 169 -=== Forecast === 91 +=== 8. Forecast === 170 170 171 171 Monatliche Zielvorgaben, Plan-vs-Ist-Charts pro Kennzahl. 172 172 ... ... @@ -173,7 +173,7 @@ 173 173 * Schwarmspeicher: ForecastPage (kW und kWh pro Monat/Meilenstein, nach Land AT/DE getrennt) 174 174 * PV-Co-Location: CoLocationForecastPage — 4 KPI-Charts entlang Netzantrag gestellt / Netzvertrag erhalten / Standort gebaut / Standort live Trading (kein Land-Split) 175 175 176 -=== Aufgabenverwaltung === 98 +=== 9. Aufgabenverwaltung === 177 177 178 178 Projektbezogene Aufgaben, jeweils eigene, komplett getrennte Liste pro Use-Case. 179 179 ... ... @@ -180,7 +180,7 @@ 180 180 * Schwarmspeicher: TaskManager, TasksPage, Hook useTasks() 181 181 * PV-Co-Location: CoTaskManager, CoLocationTasksPage, Hook useCoTasks() 182 182 183 -=== Dokumentenverwaltung === 105 +=== 10. Dokumentenverwaltung === 184 184 185 185 Zu jedem Standort und jedem Standortpartner können Dokumente hochgeladen werden. 186 186 ... ... @@ -187,7 +187,7 @@ 187 187 * Schwarmspeicher: StandortDokumente, PartnerDokumente, Hook useDokumente() 188 188 * PV-Co-Location: CoLocationStandortDokumente, CoLocationPartnerDokumente, Hook useCoDokumente() — eigener Storage-Bucket co-dokumente 189 189 190 -=== Standortpartner === 112 +=== 11. Standortpartner === 191 191 192 192 Verwaltung von Projektpartnern, eigene, komplett getrennte Partnerliste pro Use-Case. 193 193 ... ... @@ -194,15 +194,15 @@ 194 194 * Schwarmspeicher: StandortpartnerManager, StandortpartnerTable 195 195 * PV-Co-Location: CoLocationStandortpartnerManager, CoLocationStandortpartnerTable 196 196 197 -=== Benutzerverwaltung === 119 +=== 12. Benutzerverwaltung === 198 198 199 199 Anmeldung, Passwortänderung, Rollen (admin/user). Komponenten: AuthProvider, ProtectedRoute, BenutzerPage, LoginPage. Läuft über die Edge Function manage-users (Supabase Admin-API, prüft Admin-Rechte serverseitig). Nach Login wird immer auf "/" weitergeleitet, unabhängig von der zuvor besuchten URL. 200 200 201 -=== Audit Log === 123 +=== 13. Audit Log === 202 202 203 203 Nachvollziehbarkeit von Änderungen (AuditLogPage), tabellenübergreifend über beide Use-Cases. 204 204 205 -=== Landingpage „Fläche verpachten" === 127 +=== 14. Landingpage „Fläche verpachten" === 206 206 207 207 Öffentlich erreichbare Seite ohne Login unter /flaeche-verpachten — für Grundstückseigentümer, die eine Fläche für einen Batteriespeicher zur Verfügung stellen wollen. Kartenbasierte Standortauswahl, Formular mit Honeypot-Spamschutz. 208 208 ... ... @@ -217,8 +217,6 @@ 217 217 * In FlaecheVerpachtenPage.tsx sind Firmenname und Telefonnummer aktuell Platzhalter (Rateware). Vor dem Livegang unbedingt durch die echten Kontaktdaten ersetzen. 218 218 ))) 219 219 220 - 221 - 222 222 == Routing == 223 223 224 224 |**Pfad**|**Seite**|**Use-Case**|**Login nötig** ... ... @@ -241,8 +241,6 @@ 241 241 |/pv-colocation/stockend|Stockende Standorte|PV-Co-Location|ja 242 242 |/flaeche-verpachten|Landingpage „Fläche verpachten"|—|NEIN – öffentlich 243 243 244 - 245 - 246 246 == Datenzugriff == 247 247 248 248 Der Zugriff erfolgt über Custom Hooks, die sämtliche Kommunikation mit Supabase kapseln: ... ... @@ -269,8 +269,6 @@ 269 269 useUseCase() useAuth() 270 270 ))) 271 271 272 - 273 - 274 274 == Supabase == 275 275 276 276 **Authentication: **Login, Passwortänderung, Rollenverwaltung. ... ... @@ -285,8 +285,10 @@ 285 285 286 286 **Storage: **zwei Buckets — dokumente (Schwarmspeicher) und co-dokumente (PV-Co-Location). 287 287 288 -== ==204 +== Use-Case-Umschalter == 289 289 206 +Zwei Buttons oben in der Seitenleiste ("Schwarmspeicher" / "PV-Co-Location"). Welcher Use-Case aktiv angezeigt wird, leitet sich direkt aus der aktuellen URL ab (Hook useUseCase.tsx, /pv-colocation/*-Pfade vs. Rest) — nicht aus einem gespeicherten Zustand. Dadurch zeigt die Seitenleiste nach Login oder direktem Aufruf eines Links immer konsistent den richtigen Use-Case. 207 + 290 290 == Offene Punkte / zu verifizieren == 291 291 292 292 |((( ... ... @@ -298,8 +298,6 @@ 298 298 * KPI-Zuordnung im PV-Co-Location-Forecast (Netzantrag = kWp, die übrigen drei Meilensteine = kW) ist eine Annahme — bei Bedarf auf eine einheitliche Einheit umstellen. 299 299 ))) 300 300 301 - 302 - 303 303 == Server == 304 304 305 305 Das Projekt liegt unter /mnt/data/schwarmspeicher/schwarmspeicher-electrify_lokal und läuft in einem eigenständigen Docker-Compose-Stack (schwarmspeicher-electrify_lokal).
- 1789037109962-994.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.gurschkap - Size
-
... ... @@ -1,0 +1,1 @@ 1 +60.0 KB - Content
- 1789039075740-139.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.gurschkap - Size
-
... ... @@ -1,0 +1,1 @@ 1 +303.9 KB - Content
- 1789039120837-667.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.gurschkap - Size
-
... ... @@ -1,0 +1,1 @@ 1 +114.2 KB - Content
- 1789039138746-630.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.gurschkap - Size
-
... ... @@ -1,0 +1,1 @@ 1 +302.8 KB - Content