UI: Server-seitiges UI-Skeleton — feature/ui-layout (Fixes T1044) #8

Merged

muke merged 11 commits from feature/ui-layout into main

2026-03-07 18:54:30 +01:00

muke commented

2026-03-07 18:35:57 +01:00

Owner

Zusammenfassung

Server-seitiges UI‑Skeleton: Top‑Navigation, linke Seitenleiste, Footer sowie grundlegende statische Seiten
(Dashboard, Runs, Run-Detail, Logs). Hinzu kommen freundliche Fehlerseiten (404/500) und
ein erstes UI‑Stylesheet (public/assets/css/ui.css) mit Kontrast‑ und Layoutanpassungen.

Bezug zu Phorge

Fixes T1044
Refs T1038, T1037

Art der Änderung

UI / Frontend (serverseitige Templates, CSS)
Task-Management (Maniphest API, Taskabfragen)
API-Integration / Phorge-Kommunikation
Datenbanklogik (DBManager, Queries)
Logging / Fehlerbehandlung
CLI / Automation
Konfiguration
Tests / Dokumentation
Infrastruktur / Wartung

Details / Kontext

Router src/UI/Router.php liefert serverseitige Routen für die statischen Seiten.
Templates in templates/ (Layout, Partials: topnav, sidebar, footer, Seiten, Fehlerseiten).
Fehlerseiten (templates/errors/404.php, 500.php) verwenden eine zentrierte Error‑Card mit SVG‑Icon.
public/assets/css/ui.css enthält Farben, Panels, Tabellenstil, Footer‑Fix und Error‑Card‑Styles.
Temporäre Debug‑Route /__trigger_500 wurde entfernt vor PR.

Lokale Tests

Smoke‑Test im UI‑Container: /, /dashboard, /runs, /runs/R123, /logs → HTTP 200
Nicht existente Seite /no-such-page → HTTP 404 (Fehlerseite gerendert)
Visuelle Prüfung: Topnav, Sidebar, Footer, Runs‑Tabelle, Fehlerseiten

Anmerkungen für Reviewer

Branch: feature/ui-layout
Wesentliche geänderte Dateien (Auszug):

public/assets/css/ui.css
templates/layout.php
templates/partials/topnav.php
templates/partials/sidebar.php
templates/partials/footer.php
templates/pages/dashboard.php
templates/pages/runs.php
templates/pages/run.php
templates/pages/logs.php
templates/errors/404.php (+ fragment)
templates/errors/500.php (+ fragment)
src/UI/Router.php

Hinweise

public/assets/css ist in .gitignore; CSS-Änderungen wurden nach Rücksprache per Force‑Add committed,
damit der Design‑Entwurf reproduzierbar ist. Falls erwünscht, entferne ich die CSS‑Datei wieder aus dem
Commit und liefere stattdessen ein Build‑Artefakt.

Offene Punkte

Datenbindung an Phorge (API‑Integration) noch offen — folgt in separaten Tickets (T1038/T1037).
Finale UI‑Feinschliff nach User‑Review (Farben/Abstände/Accessibilty).

PR zum Review: bitte visuell prüfen und ggf. Reviewer/Labels ergänzen.

## Zusammenfassung Server-seitiges UI‑Skeleton: Top‑Navigation, linke Seitenleiste, Footer sowie grundlegende statische Seiten (`Dashboard`, `Runs`, `Run-Detail`, `Logs`). Hinzu kommen freundliche Fehlerseiten (404/500) und ein erstes UI‑Stylesheet (`public/assets/css/ui.css`) mit Kontrast‑ und Layoutanpassungen. ## Bezug zu Phorge Fixes T1044 Refs T1038, T1037 ## Art der Änderung - [x] UI / Frontend (serverseitige Templates, CSS) - [ ] Task-Management (Maniphest API, Taskabfragen) - [ ] API-Integration / Phorge-Kommunikation - [ ] Datenbanklogik (DBManager, Queries) - [ ] Logging / Fehlerbehandlung - [ ] CLI / Automation - [ ] Konfiguration - [ ] Tests / Dokumentation - [ ] Infrastruktur / Wartung ## Details / Kontext - Router `src/UI/Router.php` liefert serverseitige Routen für die statischen Seiten. - Templates in `templates/` (Layout, Partials: `topnav`, `sidebar`, `footer`, Seiten, Fehlerseiten). - Fehlerseiten (`templates/errors/404.php`, `500.php`) verwenden eine zentrierte Error‑Card mit SVG‑Icon. - `public/assets/css/ui.css` enthält Farben, Panels, Tabellenstil, Footer‑Fix und Error‑Card‑Styles. - Temporäre Debug‑Route `/__trigger_500` wurde entfernt vor PR. ## Lokale Tests - Smoke‑Test im UI‑Container: `/`, `/dashboard`, `/runs`, `/runs/R123`, `/logs` → HTTP 200 - Nicht existente Seite `/no-such-page` → HTTP 404 (Fehlerseite gerendert) - Visuelle Prüfung: Topnav, Sidebar, Footer, Runs‑Tabelle, Fehlerseiten ## Anmerkungen für Reviewer Branch: `feature/ui-layout` Wesentliche geänderte Dateien (Auszug): - public/assets/css/ui.css - templates/layout.php - templates/partials/topnav.php - templates/partials/sidebar.php - templates/partials/footer.php - templates/pages/dashboard.php - templates/pages/runs.php - templates/pages/run.php - templates/pages/logs.php - templates/errors/404.php (+ fragment) - templates/errors/500.php (+ fragment) - src/UI/Router.php Hinweise - `public/assets/css` ist in `.gitignore`; CSS-Änderungen wurden nach Rücksprache per Force‑Add committed, damit der Design‑Entwurf reproduzierbar ist. Falls erwünscht, entferne ich die CSS‑Datei wieder aus dem Commit und liefere stattdessen ein Build‑Artefakt. ## Offene Punkte - Datenbindung an Phorge (API‑Integration) noch offen — folgt in separaten Tickets (T1038/T1037). - Finale UI‑Feinschliff nach User‑Review (Farben/Abstände/Accessibilty). PR zum Review: bitte visuell prüfen und ggf. Reviewer/Labels ergänzen.

muke added 11 commits

2026-03-07 18:35:57 +01:00

UI: Grundgerüst (Router, Layout, Partials, Platzhalterseiten) — T1044 vorbereiten 00b4fc5913

Ersetzen POC-Inhalte durch UI-Version (dev) 22250b48c2

UI: Footer- und Sidebar-Farben finalisiert — erster Designentwurf 9beef475af

Verbesserter Design-Entwurf ddd6f04ec2

UI: Run-Detail Route + statische Detailseite hinzugefügt a129f57150

UI: Tabellen-Panel & Runs-Templates vervollständigt (Router bereits gepusht) dea1d4a8ad

UI: Freundliche Fehlerseiten 404/500 mit Icon e29196a65e

UI: Fehlerseiten korrekt via Layout rendern; Testroute /__trigger_500 für 500 d78a2c3400

UI: Runs-Tabelle auf helles Design umgestellt; Statusfarben für erfolgreiche/fehlgeschlagene Runs 194d00d142

UI: Footer sticky fix — remove hard min-height on main so footer anchors to viewport bottom 9ed53ac41d

UI: Entferne temporäre Testroute /__trigger_500 ca94efee7c

muke changed title from ~~UI: Server-seitiges UI-Skeleton — feature/ui-layout~~ to UI: Server-seitiges UI-Skeleton — feature/ui-layout (Fixes T1044)

2026-03-07 18:54:15 +01:00

muke merged commit 51ca419d36 into main

2026-03-07 18:54:30 +01:00

muke deleted branch feature/ui-layout

2026-03-07 18:54:30 +01:00

muke referenced this pull request from a commit

2026-03-07 18:54:32 +01:00

Merge pull request 'UI: Server-seitiges UI-Skeleton — feature/ui-layout (Fixes T1044)' (!8) from feature/ui-layout into main

muke added the

Kind/Enhancement

label

2026-03-07 18:54:47 +01:00