37693a09a1
Setzt Phase 2 aus Visualization.md um: Vanilla-SVG-Buero-Szene (Waende, 2 Tueren, 8 Schreibtische, Kanban-Board-Rahmen mit 7 Spalten, Monitor-Wand mit Event-/System-/ KPI-Monitor) ohne Animation, gespeist mit statischen Demo-Daten im Format der Phase-1-API-Responses. Board-Stapel-Logik (>5 Tickets, Done-Spalte als Dauerstapel) folgt Detailantworten.md F2/F3. Reine Layout-Logik (html/js/office-scene.js) ist ausgelagert und mit dem Node- Testrunner abgedeckt (100% Zeilenabdeckung, tests/frontend/), das DOM-Rendering (office-render.js) bleibt bewusst duenne Glue-Logik. Docker-Compose um web- (nginx, serviert html/) und frontend-Service (node, "npm test") erweitert, analog zum bestehenden api-Service und zum NC-Gantt-Vorbild: kein PHP/Node auf dem Host noetig. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
24 lines
814 B
HTML
24 lines
814 B
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" type="image/png" href="/favicon.png">
|
|
<title>FDS Buero-Visualisierung</title>
|
|
<link rel="stylesheet" href="css/office.css">
|
|
</head>
|
|
<body>
|
|
<header class="office-header">
|
|
<h1>Buero</h1>
|
|
<p>
|
|
Statische Vorschau (Phase 2) mit Demo-Daten - Kanban-Board, Monitor-Wand und
|
|
Schreibtische werden ab den naechsten Phasen mit echten Daten aus der
|
|
<a href="/API.md">REST-API</a> gespeist und interaktiv (Klick auf Board/Monitore).
|
|
</p>
|
|
</header>
|
|
|
|
<main id="office-scene" aria-label="Buero-Szene"></main>
|
|
|
|
<script type="module" src="js/office-render.js"></script>
|
|
</body>
|
|
</html>
|