Changes for page Schwarmspeicher Electrify

Last modified by Patrizia Gurschka on 2026/09/10 14:58

From version 3.1
edited by Dimitri Rupp
on 2026/07/08 12:34
Change comment: There is no comment for this version
To version 7.1
edited by Patrizia Gurschka
on 2026/09/09 14:25
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.drupp
1 +XWiki.gurschkap
Content
... ... @@ -1,102 +1,166 @@
1 -{{box cssClass="floatinginfobox" title="**Auf dieser Seite**"}}
2 -{{toc/}}
3 -{{/box}}
1 += 🔋  Schwarmspeicher Electrify =
4 4  
5 -= 🔋 Schwarmspeicher Electrify =
3 +|**ⓘ   Zweck: **Webbasiertes Projektmanagementsystem zur Verwaltung von Batterie-Großspeicherprojekten in Deutschland und Österreich — vom Standort über Genehmigungen bis zur Projektsteuerung und Dokumentation. Die aktuelle Anwendung enthält zusätzlich den eigenständigen Use-Case PV Co-Location.|(((
4 +**Auf dieser Seite**
6 6  
7 -{{info}}
8 -**Zweck:** Webbasiertes Projektmanagementsystem zur Verwaltung von Batterie-Großspeicherprojekten in Deutschland und Österreich — vom Standort über Genehmigungen bis zur Projektsteuerung und Dokumentation.
9 -{{/info}}
6 +• 🔋 Schwarmspeicher Electrify
10 10  
8 +• Übersicht
9 +
10 +• Technologie-Stack
11 +
12 +• Projektstruktur
13 +
14 +• Hauptfunktionen
15 +
16 +▪ Dashboard
17 +
18 +▪ Projektverwaltung
19 +
20 +▪ Standortverwaltung
21 +
22 +▪ Gemeinden
23 +
24 +▪ Kartenansicht
25 +
26 +▪ Potenzialanalyse
27 +
28 +▪ Pipeline
29 +
30 +▪ Meilensteinverwaltung
31 +
32 +▪ Aufgabenverwaltung
33 +
34 +▪ Dokumentenverwaltung
35 +
36 +▪ Standortpartner
37 +
38 +▪ Stockende Projekte
39 +
40 +▪ Forecast
41 +
42 +▪ PV Co-Location
43 +
44 +▪ Benutzerverwaltung
45 +
46 +▪ Audit Log
47 +
48 +• Routing
49 +
50 +• Datenzugriff
51 +
52 +• Supabase
53 +
54 +• Architektur
55 +
56 +• Server
57 +)))
58 +
59 +
60 +
11 11  == Übersicht ==
12 12  
13 -**Schwarmspeicher Electrify** unterstützt den gesamten Projektlebenszyklus: Standortidentifikation, Genehmigungen, Projektsteuerung und Dokumentation.
63 +**Schwarmspeicher Electrify** unterstützt den gesamten Projektlebenszyklus: Standortidentifikation, Pipeline, Genehmigungen, Projektsteuerung, Forecast, Aufgaben und Dokumentation. Über einen Use-Case-Switcher kann zwischen **Schwarmspeicher** und **PV Co-Location** gewechselt werden. Der aktive Use-Case wird aus dem URL-Pfad abgeleitet.
14 14  
15 15  == Technologie-Stack ==
16 16  
17 -**Frontend:** React 18 · TypeScript · Vite · Tailwind CSS · shadcn/ui · React Router · React Query · React Hook Form · Leaflet (Kartendarstellung) · Recharts (Diagramme)
67 +**Frontend: **React 18.3.1 · TypeScript 5.8.3 · Vite 5.4.19 · Tailwind CSS 3.4.17 · shadcn/ui / Radix UI · React Router DOM 6.30.1 · TanStack React Query 5.83.0 · React Hook Form 7.61.1 · Zod 3.25.76 · Leaflet 1.9.4 / React Leaflet 4.2.1 · Recharts 2.15.4 · xlsx 0.18.5
18 18  
19 -**Backend:** Supabase — PostgreSQL, Authentication, Storage, Edge Functions, Row Level Security (RLS)
69 +**Backend: **Supabase — PostgreSQL, Authentication, Storage, Edge Functions, Row Level Security (RLS)
20 20  
71 +**Tests: **Vitest 3.2.4 · Playwright 1.57.0
72 +
21 21  == Projektstruktur ==
22 22  
23 -{{code}}
24 -src/
25 - ├── components/ UI-Komponenten
26 - ├── pages/ Seiten der Anwendung
27 - ├── hooks/ Datenzugriffe und Business-Logik
28 - ├── integrations/ Supabase Client
29 - ├── types/ TypeScript-Modelle
30 - └── lib/ Hilfsfunktionen
75 +|src/
76 +├── components/          UI-Komponenten und Fachkomponenten
77 +├── pages/               Seiten der Anwendung
78 +├── hooks/               Datenzugriffe und Business-Logik
79 +├── integrations/        Supabase Client und generierte Typen
80 +├── types/               TypeScript-Modelle, inkl. PV Co-Location
81 +└── lib/                 Hilfsfunktionen
82 +\\supabase/
83 +├── migrations/
84 +├── functions/
85 +└── config.toml
31 31  
32 -supabase/
33 - ├── migrations/
34 - ├── functions/
35 - └── config.toml
36 -{{/code}}
37 37  
88 +
38 38  == Hauptfunktionen ==
39 39  
40 40  === Dashboard ===
41 41  
42 -Zentrale Übersicht über Projekte, Status, offene Aufgaben, Kennzahlen und Projektfortschritt (Komponente ##Dashboard.tsx##).
93 +Zentrale Übersicht über Projekte, Status, offene Aufgaben, Kennzahlen und Projektfortschritt. Für PV Co-Location existiert ein eigenes Dashboard mit Kennzahlen zu aktiven Standorten, Modulleistung, BESS-Leistung, Standortpartnern, Pipeline sowie Plan-/Ist-Werten.
43 43  
44 44  === Projektverwaltung ===
45 45  
46 -Verwaltung aller Batteriespeicherprojekte: anzeigen, Detailansicht, bearbeiten, Projektstatus, Meilensteine. Komponenten: ProjectTable, ProjectDetail.
97 +Verwaltung aller Batteriespeicherprojekte: anzeigen, Detailansicht, bearbeiten, Projektstatus und Meilensteine. Komponenten: ProjectTable, ProjectDetail. PV Co-Location besitzt eine eigene Projektansicht mit CoLocationProjectTable und CoLocationStandortDetail.
47 47  
48 -=== Standortverwaltung ===
99 +Standortverwaltung
49 49  
50 -Standorte anlegen, bearbeiten, importieren, Historie, Dokumente. Komponenten: StandortDetail, CreateStandortForm, StandortImportDialog, StandortDokumente.
101 +Standorte anlegen, bearbeiten, importieren, Historie und Dokumente. Komponenten: StandortDetail, CreateStandortForm, StandortImportDialog, StandortDokumente. PV Co-Location ergänzt eigene Formulare, Import, Bulk-Edit und Detailansichten.
51 51  
52 -=== Gemeinden ===
103 +Gemeinden
53 53  
54 -Verwaltung der Gemeinden (Komponente CreateGemeindeForm). Zusätzlich existiert eine Supabase Edge Function zum Abruf von NÖ-Gemeinden (##supabase/functions/fetch-noe-gemeinden##).
105 +Verwaltung der Gemeinden (Komponente CreateGemeindeForm). Zusätzlich existiert eine Supabase Edge Function zum Abruf von NÖ-Gemeinden (supabase/functions/fetch-noe-gemeinden).
55 55  
56 -=== Kartenansicht ===
107 +Kartenansicht
57 57  
58 -Darstellung aller Standorte auf einer interaktiven Karte (Leaflet, React Leaflet). Komponenten: ProjectMap, LocationPickerMap.
109 +Darstellung aller Standorte auf einer interaktiven Karte mit Leaflet / React Leaflet. Komponenten: ProjectMap, LocationPickerMap. PV Co-Location besitzt eine eigene Karte mit Standortselektion, Partnerfilter und Übergabe ausgewählter Standort-IDs an die Projektansicht.
59 59  
60 -=== Potenzialanalyse ===
111 +Potenzialanalyse
61 61  
62 -Bewertung möglicher Standorte. Komponenten: PotenzialTabelle, PotenzialPage.
113 +Bewertung möglicher Standorte. Komponenten: PotenzialTabelle, PotenzialPage. Die Potenzialanalyse ist aktuell dem Schwarmspeicher-Use-Case zugeordnet.
63 63  
64 -=== Pipeline ===
115 +Pipeline
65 65  
66 -Verwaltung von Vorprojekten. Komponenten: VorprojektePipeline, VorprojektTimeline.
117 +Verwaltung von Vorprojekten. Komponenten: VorprojektePipeline, VorprojektTimeline. PV Co-Location besitzt eine separate Pipeline für co_vorprojekte mit Standortpartner, Kontakt, Standort-/kWp-/BESS-Potenzial, Realisierungswahrscheinlichkeit, Follow-up und nächsten Schritten.
67 67  
68 -=== Meilensteinverwaltung ===
119 +Meilensteinverwaltung
69 69  
70 -Projektfortschritt über Meilensteine. Komponenten: MeilensteinMatrix, MeilensteinQuickEdit.
121 +Projektfortschritt über Meilensteine. Komponenten: MeilensteinMatrix, MeilensteinQuickEdit. PV Co-Location verwendet eine eigene Meilensteinmatrix und Quick-Edit-Logik. Zu den dort abgebildeten Schritten gehören u. a. Grundstücksvertrag, Netzzugangsvertrag, Fertigstellungsmeldung, BESS-Bezugsleistung und Inbetriebnahme.
71 71  
72 -=== Aufgabenverwaltung ===
123 +Aufgabenverwaltung
73 73  
74 -Projektbezogene Aufgaben. Komponenten: TaskManager, TasksPage. Hook: ##useTasks()##.
125 +Projektbezogene Aufgaben. Komponenten: TaskManager, TasksPage. Hook: useTasks(). PV Co-Location verwendet mit CoTaskManager, CoLocationTasksPage und useCoTasks() eine eigene, vom Schwarmspeicher getrennte Aufgabenliste.
75 75  
76 -=== Dokumentenverwaltung ===
127 +Dokumentenverwaltung
77 77  
78 -Zu jedem Standort können Dokumente verwaltet werden. Komponenten: StandortDokumente, PartnerDokumente.
129 +Zu jedem Standort können Dokumente verwaltet werden. Komponenten: StandortDokumente, PartnerDokumente. PV Co-Location besitzt eigene Standort- und Partnerdokumente sowie den separaten Frontend-Zugriff auf den Storage-Bucket co-dokumente; Downloads werden als Signed URLs erzeugt.
79 79  
80 -=== Standortpartner ===
131 +Standortpartner
81 81  
82 -Verwaltung von Projektpartnern. Komponenten: StandortpartnerManager, StandortpartnerTable.
133 +Verwaltung von Projektpartnern. Komponenten: StandortpartnerManager, StandortpartnerTable. Für PV Co-Location existieren separate Komponenten und Datenzugriffe für Standortpartner.
83 83  
84 -=== Benutzerverwaltung ===
135 +Stockende Projekte
85 85  
86 -Anmeldung, Passwortänderung, Rollen. Komponenten: AuthProvider, ProtectedRoute, BenutzerPage, ChangePasswordDialog. Backend: Supabase Authentication.
137 +Erkennung von Projekten bzw. Standorten, deren definierte Lead Times zwischen Meilensteinen überschritten sind. Für PV Co-Location sind die Lead-Time-Regeln in der UI anpassbar und werden derzeit im Browser-localStorage gespeichert.
87 87  
88 -=== Audit Log ===
139 +Forecast
89 89  
90 -Nachvollziehbarkeit von Änderungen (Seite AuditLogPage).
141 +Forecast auf Basis von Monatszielen und erreichten Meilensteinen. PV Co-Location enthält Plan-/Ist-Auswertungen für Netzzugangsvertrag, BESS beantragt, BESS bewilligt und BESS in Betrieb sowie eine Jahresauswahl und editierbare Monatsziele.
91 91  
92 -== Routing ==
143 +PV Co-Location
93 93  
94 -|=Seite|=Beschreibung
145 +Zweiter fachlich getrennter Use-Case mit eigenen Routen, Seiten, Hooks und Datenobjekten. Enthalten sind Dashboard, Karte, Projekte, Pipeline, stockende Standorte, Forecast und Tasks. Die Use-Case-Umschaltung erfolgt über den Sidebar-Switcher; /pv-colocation/* aktiviert PV Co-Location, die übrigen Anwendungspfade den Schwarmspeicher.
146 +
147 +Benutzerverwaltung
148 +
149 +Anmeldung, Passwortänderung und Rollen. Komponenten: AuthProvider, ProtectedRoute, BenutzerPage, ChangePasswordDialog. Backend: Supabase Authentication. Die Anwendung unterstützt zudem eine verpflichtende Passwortänderung über useMustChangePassword().
150 +
151 +Audit Log
152 +
153 +Nachvollziehbarkeit von Änderungen über AuditLogPage und audit_log. Der Zugriff auf das Änderungsprotokoll ist über die vorhandenen Datenbankregeln auf Administratoren eingeschränkt.
154 +
155 +Routing
156 +
157 +|**Seite**|**Beschreibung**
95 95  |Dashboard|Startseite
96 96  |Projekte|Projektübersicht
97 97  |Pipeline|Vorprojekte
98 98  |Potenziale|Standortpotenziale
99 99  |Karte|Kartenansicht
163 +|Stockend|Stockende Projekte / Standorte
100 100  |Forecast|Forecast
101 101  |Aufgaben|Aufgabenverwaltung
102 102  |Audit Log|Änderungsprotokoll
... ... @@ -103,11 +103,17 @@
103 103  |Benutzer|Benutzerverwaltung
104 104  |Login|Anmeldung
105 105  
106 -== Datenzugriff ==
107 107  
108 -Der Zugriff erfolgt über Custom Hooks, die sämtliche Kommunikation mit Supabase kapseln:
109 109  
110 -{{code}}
172 +**Schwarmspeicher-Routen: **/ · /projekte · /pipeline · /potenzial · /karte · /stockend · /forecast · /tasks · /benutzer · /historie
173 +
174 +**PV-Co-Location-Routen: **/pv-colocation · /pv-colocation/projekte · /pv-colocation/pipeline · /pv-colocation/karte · /pv-colocation/stockend · /pv-colocation/forecast · /pv-colocation/tasks
175 +
176 +Datenzugriff
177 +
178 +Der Zugriff erfolgt über Custom Hooks, die die Kommunikation mit Supabase kapseln. React Query übernimmt Laden, Mutationen und Cache-Invalidierung.
179 +
180 +|Schwarmspeicher:
111 111  useStandorte()
112 112  useGemeinden()
113 113  useVorprojekte()
... ... @@ -115,34 +115,54 @@
115 115  usePotenzialDaten()
116 116  useStandortpartner()
117 117  useMonatsziele()
118 -{{/code}}
188 +useDokumente()
189 +\\PV Co-Location:
190 +useCoLocationStandorte()
191 +useCoLocationStandortpartner()
192 +useCoVorprojekte()
193 +useCoTasks()
194 +useCoMonatsziele()
195 +useCoDokumente()
119 119  
120 -== Supabase ==
121 121  
122 -**Authentication:** Login, Passwortänderung, Rollenverwaltung.
123 123  
124 -**Datenbank:** Wird über SQL-Migrationen verwaltet (##supabase/migrations/##). Die Migrationen definieren Tabellen, Policies und Datenbankfunktionen.
199 +Supabase
125 125  
201 +**Authentication: **Login, Passwortänderung, Rollenverwaltung und geschützte Routen.
202 +
203 +**Datenbank: **Wird über SQL-Migrationen verwaltet (supabase/migrations/). Die Migrationen definieren Tabellen, Policies und Datenbankfunktionen.
204 +
205 +**Storage: **Der bestehende Bucket dokumente ist laut Migration privat und auf authentifizierte Zugriffe beschränkt. Das PV-Co-Location-Frontend referenziert zusätzlich den Bucket co-dokumente.
206 +
207 +**Audit: **Änderungen werden über audit_log und Datenbank-Trigger protokolliert; die Audit-Funktion ist gegen direkte Ausführung durch PUBLIC/anon/authenticated gehärtet.
208 +
126 126  **Edge Functions:**
127 127  
128 -* ##fetch-noe-gemeinden## — lädt Gemeinden aus Niederösterreich
129 -* ##manage-users## — Benutzerverwaltung
211 +• fetch-noe-gemeinden — lädt Gemeinden aus Niederösterreich
130 130  
131 -== Architektur ==
213 + manage-users — Benutzerverwaltung
132 132  
133 -{{mermaid}}
134 -flowchart TD
135 - FE["React Frontend"] --> RQ["React Query"]
136 - RQ --> SC["Supabase Client"]
137 - SC --> AUTH["Auth"]
138 - SC --> DBS["Database"]
139 - SC --> ST["Storage"]
140 - DBS --> EF["Edge Functions"]
141 -{{/mermaid}}
215 +|**ⓘ  Technischer Hinweis: **Die Frontend-Hooks referenzieren mehrere co_* Datenobjekte (u. a. co_standorte, co_prozessschritte, co_standortpartner, co_vorprojekte, co_tasks, co_monatsziele und co_dokumente) sowie den Storage-Bucket co-dokumente. Im bereitgestellten supabase/migrations-Verzeichnis und in den generierten Supabase-Typen sind diese Co-Location-Objekte nicht vollständig enthalten. Für ein reproduzierbares Deployment sollten die fehlenden Schema-, RLS- und Storage-Migrationen ergänzt und die Typen anschließend neu generiert werden.
142 142  
143 -== Server ==
217 +Architektur
144 144  
145 -Das Projekt liegt unter ##/mnt/data/schwarmspeicher/schwarmspeicher-electrify_lokal## und läuft in einem Docker-Compose-Stack (##schwarmspeicher-electrify_lokal##).
219 +|flowchart TD
220 + FE["React Frontend"] ~-~-> UC["UseCaseProvider / Router"]
221 + UC ~-~-> SS["Schwarmspeicher Pages"]
222 + UC ~-~-> CO["PV Co-Location Pages"]
223 + SS ~-~-> RQ["React Query"]
224 + CO ~-~-> RQ
225 + RQ ~-~-> SC["Supabase Client"]
226 + SC ~-~-> AUTH["Auth"]
227 + SC ~-~-> DBS["Database / RLS"]
228 + SC ~-~-> ST["Storage"]
229 + DBS ~-~-> EF["Edge Functions"]
230 + DBS ~-~-> AL["Audit Log / Trigger"]
146 146  
147 -Erreichbar unter [[http://schwarmspeicher.spl-tele.com:8200>>http://schwarmspeicher.spl-tele.com:8200/]] — mit VPN und im SPL-TELE-Netzwerk.
148 148  
233 +
234 +Server
235 +
236 +Für die lokale Entwicklung nennt die aktuelle README Node.js ≥ 18 oder Bun, Docker / Docker Compose und die Supabase CLI. Der Vite-Dev-Server läuft laut README auf Port 8200, Supabase Studio auf 127.0.0.1:54323.
237 +
238 +Die bisherige Dokumentation nennt zusätzlich den Betrieb unter /mnt/data/schwarmspeicher/schwarmspeicher-electrify_lokal in einem Docker-Compose-Stack sowie die Adresse http:~/~/schwarmspeicher.spl-tele.com:8200 im VPN und SPL-TELE-Netzwerk. Diese konkrete produktive Serverkonfiguration ist im bereitgestellten Quellpaket nicht enthalten und konnte daraus nicht erneut verifiziert werden.