Files
KanbanGit/docs/ui-rework/epic-1-issue-13.md
T
Twyco 642e49d7b0
CI/CD / test_and_check_app (push) Failing after 2m11s
CI/CD / Publish immutable image (push) Skipped
feat: added ui docs
2026-09-09 08:15:37 +02:00

2.9 KiB

UI Rework 13: Drag-and-drop für bestehende Statuswechsel

Epic: Epic 1

Abhängigkeiten: Issue 5, Issue 12

Ziel und Grenzen

Drag-and-drop für bestehende Statuswechsel als abgegrenzten Teil des vollständigen Frontend-Neubaus umsetzen. Grundlage: Vue 3/Inertia 2 mit Laravel, Tauri 2 für Apps, gemeinsames Repository, servergeladene Oberfläche, HTTPS, Hell/Dunkel/System und englische Texte über Übersetzungsschlüssel. Bestehende Fachlogik bleibt maßgeblich; Resources und Routen nur soweit für diese Oberfläche erforderlich anpassen. Keine zusätzlichen Produktmodule.

Einstieg

Gezielt prüfen: resources/js/pages/projects/Board.vue; app/Http/Requests/MoveProjectTicketRequest.php; app/Actions/Tickets/MoveProjectTicket.php. Die Pfade sind Einstiegspunkte, keine Erlaubnis zu fachlichen Umbauten. AGENTS.md und die für den tatsächlich geänderten Bereich geltenden Skills beachten. Vor Codeänderungen die zur installierten Version passende Dokumentation prüfen.

Design: Fluid Emerald Kanban Relevanter Stitch-Screen: Board View — 1a8363ad911a494f92cc4468955ce2f2. Zugriff über Stitch-MCP, Projekt 9754281177402648015.

Implementierungsweg

  1. Ziehen per Maus und Touch ergänzen.
  2. Zulässige Ziele aus Workflowdaten ableiten.
  3. Bei mehreren Zielstatus Auswahl zeigen.
  4. Vorhandenen Statusendpunkt über Wayfinder verwenden und Fehler zurückrollen.

Akzeptanzkriterien

  • Unzulässige Ziele sind gesperrt.
  • Alternative Tastatur-/Menübedienung bleibt möglich.
  • Kein doppeltes Worklog.
  • Keine persistierte freie Kartenreihenfolge.

Prüfung

Vorhandene gezielte Abdeckung: tests/Feature/Projects/ProjectBoardControllerTest.php. Nur bei Berührung des jeweiligen Verhaltens aktualisieren bzw. ausführen.

Gezielte Verhaltenstests für die Änderung; betroffene PHPUnit-Featuretests bei Controller-/Resource-/Route-Anpassungen. Oberfläche mit Tastatur und bei mobiler Breite in beiden Themes prüfen. Projektvorgaben für Lint/Build und bei Vue/TypeScript abschließend npm run types:check erfüllen. Keine ausschließlich optischen Momentaufnahmen als Ersatz für Verhaltenstests.

Grenze der Agentensitzung

Nur dieses Ticket und bereits erfüllte Abhängigkeiten bearbeiten. Ein zusammenhängendes Ergebnis mit passenden Tests liefern; keine Nachbartickets mitziehen. Die Aufteilung zielt auf eine begrenzte Sitzung mit Reserve für Prüfung, garantiert aber kein festes Zeit- oder Tokenbudget. Wenn unerwartete Voraussetzungen den Umfang wesentlich vergrößern, rechtzeitig den Stand, betroffene Dateien, bereits ausgeführte Prüfungen und den konkret nötigen Folgeschritt festhalten.