code auf einzelne Datein aufgeteilt

README.md

@@ -3,7 +3,7 @@
 ## Übersicht
 Dieses Projekt ist eine lokale Single-Page-Webanwendung zur Verwaltung elektrotechnischer Projekte und Sitzungsübersichten. Die Anwendung besteht aus:
 
-- einem Frontend in `Test.html`, `styles.css` und `main.v2.js`
+- einem Frontend in `Test.html`, `styles.css` und den JS-Modulen unter `public/js/`
 - einem einfachen Node.js-Server in `server.js`
 - einem Datenspeicher in CSV-Dateien unter `sessions/`
 - einem Docker-Setup unter `Docker/`
@@ -14,7 +14,7 @@ Dieses Projekt ist eine lokale Single-Page-Webanwendung zur Verwaltung elektrote
 - `server.js`
   - Node.js/Express-Server
   - dient als API für das Frontend
-  - stellt statische Dateien (`Test.html`, `main.v2.js`, `styles.css`, etc.) bereit
+  - stellt statische Dateien (`Test.html`, die Module unter `js/`, `styles.css`, etc.) bereit
   - implementiert Endpunkte:
     - `GET /` → liefert `Test.html`
     - `GET /load-all` → lädt alle CSV-Dateien aus dem aktiven `sessions/<DEPARTMENT>/`-Ordner inkl. `_people.csv`
@@ -31,8 +31,12 @@ Dieses Projekt ist eine lokale Single-Page-Webanwendung zur Verwaltung elektrote
 - `package-lock.json`
   - wird für reproduzierbare Docker-Builds verwendet (`npm ci`)
 
-- `main.v2.js`
-  - komplette Client-Logik der Anwendung
+- `public/js/` (Module)
+  - Die Client-Logik ist in kleine klassische Script-Dateien aufgeteilt (alle Funktionen global auf `window`):
+    `globals.js`, `utils.js`, `ui.js`, `date-picker.js`, `csv.js`, `server.js`, `store.js`, `weeks.js`,
+    `board.js`, `people.js`, `projects.js`, `load.js`, `gantt.js`, `showmode.js`, `tabs-auth.js`, `pdf.js`,
+    `init.js` sowie die Plan-Module unter `js/plan/` (`plan-state`, `plan-build-gantt`, `plan-gantt`,
+    `plan-drag`, `plan-modals`, `plan-schedule`).
   - rendert das Projektboard, die Projekt- und Personenverwaltung sowie die Auslastungsansicht
   - lädt Daten über den Server und speichert Änderungen zurück als CSV
   - verwendet `currentDepartment` zur Trennung von Abteilungen (`ELT`, `HLS`, `ARCH`)
@@ -45,9 +49,14 @@ Dieses Projekt ist eine lokale Single-Page-Webanwendung zur Verwaltung elektrote
 
 - `Test.html`
   - die Benutzeroberfläche der Anwendung
-  - lädt `styles.css` und `main.v2.js`
+  - lädt `styles.css` und die JS-Module aus `js/` in fester Reihenfolge (siehe `AGENTS.md`)
   - enthält die Abteilungsauswahl, Sitzungsnavigation, Tab-Navigation und das Passwort-Modal
 
+- `project-plan.html`
+  - die Planungsansicht (GANTT/TODOs/Meilensteine) pro Projekt
+  - öffnet sich in einem neuen Tab über `openProjectPlan()` (`js/gantt.js`)
+  - lädt nur die gemeinsamen Helfermodule plus `js/plan/*`
+
 - `styles.css`
   - Layout und Styling der Oberfläche
 
@@ -98,7 +107,7 @@ Dieses Projekt ist eine lokale Single-Page-Webanwendung zur Verwaltung elektrote
 
 ### Wo werden die Dateien gespeichert?
 - Das Frontend schreibt über den Server in das Dateisystem.
-- In `main.v2.js` ruft die Anwendung beim Speichern `/save-csv` auf.
+- In `js/store.js` ruft die Anwendung beim Speichern `/save-csv` auf.
 - Der Server legt CSV-Dateien unter `sessions/<DEPARTMENT>/` ab.
 - Beispiel:
   - `sessions/ELT/KW_32___2026.csv`
@@ -134,6 +143,6 @@ http://localhost:3003
 ## Wichtige Hinweise
 - Der Server benötigt Lese-/Schreibzugriff auf `sessions/`.
 - Die Docker-Compose-Konfiguration mountet `./sessions` in den Container. Achte darauf, dass der relative Pfad im Kontext korrekt ist, wenn du `docker compose` aus einem anderen Verzeichnis startest.
-- `main.v2.js` arbeitet mit Abteilungsparametern und speichert Daten abteilungsweise in separaten Unterordnern.
+- `js/store.js` und `js/server.js` arbeiten mit Abteilungsparametern und speichern Daten abteilungsweise in separaten Unterordnern.
 - Die Passwortfunktion ist nur ein einfacher Client-Mechanismus im Frontend und kein echter Sicherheitsmechanismus.
 - Globale Personen werden in `_people.csv` verwaltet. Wird eine Person global gelöscht, bleibt sie in bereits existierenden Sitzungen sichtbar.