Finalize P8 pipeline wireframe handoff
This commit is contained in:
1 parent
8ee75ae314
commit
8266352421
33 files changed
+1389
-459
No files matched your search
@@ -5,38 +5,42 @@ ticket: D-KANBAN
|
||||
package: WF-P8 Pipelines
|
||||
id: M01
|
||||
screen: Verloren-Dialog
|
||||
typ: Modal
|
||||
subframe_name: "M01 Verloren-Dialog"
|
||||
subframe_page_id: "e0c4d9da-aff9-400b-b028-6e215e6e86db"
|
||||
typ: Modal / Pflichtentscheidung
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "beim Ziehen in eine Verloren-Spalte (S01/S02)"
|
||||
subframe: ""
|
||||
status: In Subframe
|
||||
route: "aus Projektstatus Verloren"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/e0c4d9da-aff9-400b-b028-6e215e6e86db/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# M01 — Verloren-Dialog
|
||||
|
||||
## Ziel
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Kein Projekt geht »einfach so« verloren — der Grund ist Pflicht (Reporting).
|
||||
Pflichtmoment beim Setzen eines Projekts auf „Verloren“. Gehört fachlich zu [[S01 Kanban-Board]] und [[S02 Pipelines Detailansicht]].
|
||||
|
||||
## Pattern / Archetyp
|
||||
## Sichtbare Daten
|
||||
|
||||
A5 Dialog (echtes Modal).
|
||||
- Titel „Projekt als verloren markieren“.
|
||||
- Hinweis: „Diese Aktion setzt den Status auf Verloren.“
|
||||
- Pflichtfeld „Verlust-Grund *“ mit [[S06 Verlust-Gruende|verwalteten Gründen]].
|
||||
- Optionen: Preis zu hoch, Kein Budget, Wettbewerber gewonnen, Projekt verschoben, Kunde nicht erreichbar.
|
||||
- Optionale Notiz für zusätzliche Informationen.
|
||||
- Hinweis: Grund wird fürs Reporting gespeichert; Projekt kann 24 Stunden rückgängig gemacht werden.
|
||||
|
||||
## Daten
|
||||
## Aktionen und Zustände
|
||||
|
||||
- **Grund-Auswahl (Pflicht)** aus den Verlust-Gründen ([[S06 Verlust-Gruende]]) + optionales Freitext-Feld
|
||||
- Abbrechen.
|
||||
- „Als verloren markieren“.
|
||||
- Fehlender Grund ist fachlich blockierend; die aktuelle Seite zeigt den Pflichtstern, aber keinen separaten Error-State als eigene Subframe-Seite.
|
||||
|
||||
## Aktionen
|
||||
## Implementierungsform
|
||||
|
||||
- »Als verloren markieren« → Karte wandert, 24-h-Rückgängig-Banner
|
||||
- Abbrechen → Karte springt zurück
|
||||
|
||||
## Meldungsentscheidung
|
||||
|
||||
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|
||||
|---|---|---|---|---|
|
||||
| Kein Grund gewählt | Inline-Validierung | ja | Nur dokumentieren | Pflichtfeld |
|
||||
`DialogLayout` mit `Dialog` und einer darin selbst aufgebauten, zentrierten Surface; kein `Dialog.Content` im aktuellen JSX. Außerdem `Select`, `TextArea`, `Alert`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/e0c4d9da-aff9-400b-b028-6e215e6e86db/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -1,42 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-KANBAN
|
||||
package: WF-P8 Pipelines
|
||||
id: M02
|
||||
screen: Board-Wechsel-Dialog
|
||||
typ: Modal
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "beim Einzug in eine Spalte ohne Auto-Regel (v. a. Gewonnen)"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# M02 — Board-Wechsel-Dialog
|
||||
|
||||
## Ziel
|
||||
|
||||
Davids Regel-Logik: Hat die Spalte eine Auto-Verschieben-Regel, passiert der Wechsel still. **Ohne Regel** fragt dieser Dialog: »Wohin damit?«
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A5 Dialog (echtes Modal).
|
||||
|
||||
## Daten
|
||||
|
||||
- Kurz-Bestätigung (z. B. »Projekt gewonnen 🎉«)
|
||||
- **Auswahl: Ziel-Board + Start-Spalte** (nur Boards mit Zugriff)
|
||||
- Option »Hier liegen lassen« (kein Wechsel)
|
||||
|
||||
## Aktionen
|
||||
|
||||
- »Verschieben« → Projekt wechselt Board (nur View-Wechsel, kein Kopieren), Toast + 24-h-Rückgängig
|
||||
- »Hier lassen« / Abbrechen
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
|
||||
## Notizen
|
||||
|
||||
- Spalten-Regel wird in [[S04 Board-Einstellungen]] gepflegt; Umsetzung (direkt vs. Automation-Engine) = Dev-Frage.
|
||||
@@ -0,0 +1,41 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-KANBAN
|
||||
package: WF-P8 Pipelines
|
||||
id: M03
|
||||
screen: Kontextmen_ Rechtsklick
|
||||
subframe_name: "M03 Kontextmen_ Rechtsklick"
|
||||
subframe_page_id: "78fa6fa5-e2e8-441c-aefd-e9990996b761"
|
||||
typ: Kontextmenü
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Rechtsklick auf Kanban-Karte in S01"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/78fa6fa5-e2e8-441c-aefd-e9990996b761/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# M03 — Kontextmen_ Rechtsklick
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Kontextmenü für eine Kanban-Karte in [[S01 Kanban-Board]]. Ein Rechtsklick auf die Karte öffnet M03; das Menü gehört damit zum Arbeiten innerhalb des Kanban-Boards und nicht zu einer eigenständigen Canvas-Seite.
|
||||
|
||||
## Sichtbare Aktionen
|
||||
|
||||
- Öffnen.
|
||||
- Einstellungen.
|
||||
- Rückgängig (`⌘ Z`).
|
||||
- Wiederholen (`⌘ ⇧Z`).
|
||||
- Board wechseln.
|
||||
- Duplizieren (`⌘ D`).
|
||||
- Löschen (`⌫`, destruktiv markiert).
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`SubframeCore.ContextMenu.Root/Trigger/Portal/Content` mit dem Projekt-`ContextMenu` und `BadgeShortcut`. Der Export enthält keine Aktionshandler; der Kartenkontext ist als Produktentscheidung für Development validiert.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/78fa6fa5-e2e8-441c-aefd-e9990996b761/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,51 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: M04
|
||||
screen: Pipeline-Uebergabe
|
||||
subframe_name: "M04 Pipeline-Uebergabe"
|
||||
subframe_page_id: "928e8ef6-90af-4733-8dad-38765c00c42f"
|
||||
typ: Modal / Übergabe · Notizen
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Statuswechsel in die letzte Stage der aktuellen Pipeline"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/928e8ef6-90af-4733-8dad-38765c00c42f/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# M04 — Pipeline-Übergabe
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Beim Erreichen der letzten Stage einer Pipeline auswählen, welche projektbezogenen Begleitdaten in die nächste Pipeline übernommen werden. Das Beispiel übergibt „Wärmepumpe Müller“ von Angebot nach Anlagen-Installation.
|
||||
|
||||
Der Trigger ist statusbasiert und kein eigener Button: Setzt ein Vertriebler die Kanban-Karte in [[S01 Kanban-Board]] in die letzte Stage bzw. den abschließenden Status, öffnet sich M04 automatisch. Erst nach der Auswahl wird das Projekt zusammen mit den gewählten Notizen, Dateien, Aufgaben und Terminen an die nächste Pipeline übergeben.
|
||||
|
||||
## Tabs und Varianten
|
||||
|
||||
- M04 zeigt den Reiter Notizen.
|
||||
- Dateien → [[M04a Pipeline-Uebergabe Dateien]].
|
||||
- Aufgaben → [[M04b Pipeline-Uebergabe Aufgaben]].
|
||||
- Termine → [[M04c Pipeline-Uebergabe Termine]].
|
||||
|
||||
## Sichtbarer Inhalt
|
||||
|
||||
- Drei selektierbare Notizen mit Inhalt, Autor und Datum.
|
||||
- Beispielnotizen betreffen BAFA/Förderung, Vergleichsangebote und optional weiterzugebende Informationen.
|
||||
- Auswahlzusammenfassung: 6 ausgewählt; 2 Notizen, 1 Datei, 2 Aufgaben, 1 Termin.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Abbrechen / Schließen.
|
||||
- Auswahl übernehmen → Projekt in die nächste Pipeline übergeben und die ausgewählten Begleitdaten mitnehmen.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`DialogLayout` mit `Dialog.Content`, außerdem `Tabs`, `Checkbox`, `BadgeFeedback`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/928e8ef6-90af-4733-8dad-38765c00c42f/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8 + D-P4
|
||||
package: WF-P8 Pipelines
|
||||
id: M04a
|
||||
screen: Pipeline-Uebergabe Dateien
|
||||
subframe_name: "M04a Pipeline-Uebergabe Dateien"
|
||||
subframe_page_id: "2f8d946f-2700-4ba5-b1f3-f8199ef4c07f"
|
||||
typ: Modal-Variante / Übergabe · Dateien
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Dateien-Tab von M04"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/2f8d946f-2700-4ba5-b1f3-f8199ef4c07f/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# M04a — Pipeline-Übergabe Dateien
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Dateien-Tab des Übergabe-Dialogs [[M04 Pipeline-Uebergabe]]. Es ist ein gebauter Tab-Zustand desselben Modals, kein unabhängiger linearer Schritt. Das Modal wurde bereits durch den Statuswechsel in die letzte Stage geöffnet.
|
||||
|
||||
## Sichtbarer Inhalt
|
||||
|
||||
- Angebot_v1.pdf (Angebotsdokument).
|
||||
- Auftrag.pdf (Auftragsdokument).
|
||||
- Foerderunterlagen.pdf (Förderung).
|
||||
- Fotos Vor-Ort-Termin.zip (Dateianhang).
|
||||
- Jede Datei besitzt Checkbox, Typ/Metadaten und Dateigröße/Datum.
|
||||
- Auswahlzusammenfassung: 7 ausgewählt; 2 Notizen, 2 Dateien, 2 Aufgaben, 1 Termin.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Wechsel zu Notizen, Aufgaben oder Terminen.
|
||||
- Abbrechen / Schließen.
|
||||
- Auswahl übernehmen.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`DialogLayout` mit `Dialog.Content`, `Tabs`, `Checkbox`, `BadgeFeedback`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2f8d946f-2700-4ba5-b1f3-f8199ef4c07f/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
+45
@@ -0,0 +1,45 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8 + D-P4
|
||||
package: WF-P8 Pipelines
|
||||
id: M04b
|
||||
screen: Pipeline-Uebergabe Aufgaben
|
||||
subframe_name: "M04b Pipeline-Uebergabe Aufgaben"
|
||||
subframe_page_id: "9ba224d7-3288-4027-9bd1-6c1483453b4f"
|
||||
typ: Modal-Variante / Übergabe · Aufgaben
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Aufgaben-Tab von M04"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/9ba224d7-3288-4027-9bd1-6c1483453b4f/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# M04b — Pipeline-Übergabe Aufgaben
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Aufgaben-Tab des Übergabe-Dialogs [[M04 Pipeline-Uebergabe]]. Es ist ein gebauter Tab-Zustand desselben Modals. Das Modal wurde bereits durch den Statuswechsel in die letzte Stage geöffnet.
|
||||
|
||||
## Sichtbarer Inhalt
|
||||
|
||||
- Förderzusage prüfen: offen, hoch, Markus Weber.
|
||||
- Vor-Ort-Termin vorbereiten: mittel, Sandra Koch.
|
||||
- Kunde wegen Vergleichsangebot anrufen: optional, normal.
|
||||
- Jede Aufgabe zeigt Beschreibung, Fälligkeit, Priorität und zuständige Person sowie eine Checkbox.
|
||||
- Auswahlzusammenfassung: 6 ausgewählt; 2 Notizen, 1 Datei, 2 Aufgaben, 1 Termin.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Wechsel zu Notizen, Dateien oder Terminen.
|
||||
- Abbrechen / Schließen.
|
||||
- Auswahl übernehmen.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`DialogLayout` mit `Dialog.Content`, `Tabs`, `Checkbox`, `BadgeFeedback`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/9ba224d7-3288-4027-9bd1-6c1483453b4f/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8 + D-P16
|
||||
package: WF-P8 Pipelines
|
||||
id: M04c
|
||||
screen: Pipeline-Uebergabe Termine
|
||||
subframe_name: "M04c Pipeline-Uebergabe Termine"
|
||||
subframe_page_id: "d248e3b5-4470-4c33-9e2f-c2fc2cf4006a"
|
||||
typ: Modal-Variante / Übergabe · Termine
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Termine-Tab von M04"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/d248e3b5-4470-4c33-9e2f-c2fc2cf4006a/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# M04c — Pipeline-Übergabe Termine
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Termine-Tab des Übergabe-Dialogs [[M04 Pipeline-Uebergabe]]. Es ist ein gebauter Tab-Zustand desselben Modals. Das Modal wurde bereits durch den Statuswechsel in die letzte Stage geöffnet.
|
||||
|
||||
## Sichtbarer Inhalt
|
||||
|
||||
- Vor-Ort-Termin, 12.07. um 10:30 Uhr, Kunde vor Ort, Sandra Koch.
|
||||
- Telefonat Förderung, 14.07. um 09:00 Uhr, Markus Weber.
|
||||
- Montagefenster abstimmen, 18.07. um 15:00 Uhr, Team Montage.
|
||||
- Angebot nachfassen, 21.07. um 11:00 Uhr, Markus Weber.
|
||||
- Jede Zeile zeigt Datum, Uhrzeit, Titel, Typ/Ort, Verantwortliche und Checkbox.
|
||||
- Auswahlzusammenfassung: 6 ausgewählt; 2 Notizen, 1 Datei, 2 Aufgaben, 1 Termin.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Wechsel zu Notizen, Dateien oder Aufgaben.
|
||||
- Abbrechen / Schließen.
|
||||
- Auswahl übernehmen.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`DialogLayout` mit `Dialog.Content`, `Tabs`, `Checkbox`, `BadgeFeedback`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/d248e3b5-4470-4c33-9e2f-c2fc2cf4006a/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,51 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: M05
|
||||
screen: Modal Bestandsfeld
|
||||
subframe_name: "Modal Bestandsfeld"
|
||||
subframe_page_id: "4b1c3497-6eff-48f6-9680-1cbad7e67da7"
|
||||
typ: S05-Variante mit Unterdialog
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "aus S05: Bestehendes Feld hinzufügen"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/4b1c3497-6eff-48f6-9680-1cbad7e67da7/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# Modal Bestandsfeld
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Gebauter Zustand von [[S05 Detail-Schablone Edit-Mode]] mit geöffnetem Unterdialog „Bestehendes Feld hinzufügen“. Subframe vergibt für diese Seite keinen S-/M-Präfix; `M05` ist nur das eindeutige lokale Canvas-Kürzel.
|
||||
|
||||
## Hintergrundzustand
|
||||
|
||||
Die komplette Detailfeld-Konfiguration bleibt im Hintergrund sichtbar: Feldgruppen, Bestandsfelder, Live-Vorschau und ausgewähltes Custom-Feld. Der Kopf nutzt hier „Speichern“ statt „Fertig“.
|
||||
|
||||
## Unterdialog
|
||||
|
||||
- Zielgruppe im Beispiel: Grunddaten.
|
||||
- Suchfeld „Feld suchen…“.
|
||||
- Vorhandene Felder mit Typ:
|
||||
- Fördernummer, Angebotsnummer, Zählernummer: Text.
|
||||
- Wunschtermin: Datum.
|
||||
- Objektart, Dachform, Netzbetreiber: Auswahl.
|
||||
- Interne Notiz: Langtext.
|
||||
- Fördernummer ist im Beispiel ausgewählt.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Schließen / Abbrechen.
|
||||
- Hinzufügen.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
Vollständige S05-Seite mit absolut darüberliegendem `Dialog` und `Dialog.Content`; außerdem `TextInput`, `Select`, `Switch`, `DropdownMenuSelect`, `Tag_Label`, `BadgeFeedback`, `Button`, `IconButton`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/4b1c3497-6eff-48f6-9680-1cbad7e67da7/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,55 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S00
|
||||
screen: Boards-Startseite
|
||||
subframe_name: "S00 Boards-Startseite"
|
||||
subframe_page_id: "1778cf5e-777b-439c-81b6-c51f85283cc4"
|
||||
typ: Board-Auswahl / Liste
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/1778cf5e-777b-439c-81b6-c51f85283cc4/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S00 — Boards-Startseite
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Normaler Einstieg in Pipelines: Ein verfügbares Board öffnen oder für ein gesperrtes Board die Nutzung anfragen. Der Screen trennt die normale Board-Auswahl von der Admin-Verwaltung in [[S07 Boards-Uebersicht]].
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Kopf „Boards“ mit Erklärung zu sichtbaren, aber noch nicht freigegebenen Boards.
|
||||
- Aktionen: Allgemeine Einstellungen, [[S06 Verlust-Gruende|Verlustgründe]], „Neues Board“.
|
||||
- Filter: Typ (Vertrieb/Auftrag/Eigenes), Zugriff (Freigegeben/Freigabe nötig/Nur ich), Status (Aktiv/Gesperrt/Entwurf/Archiviert).
|
||||
- Tabelle: Board, Typ, Spalten, Projekte, Zugriff, Status, Aktion.
|
||||
- Beispiel-Boards: Vertrieb: Anlagen-Verkauf, Wartungsverträge, Anlagen-Installation, Notfall-Reparatur, Controlling Board.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- „Öffnen“ bzw. Board-Name → [[S01 Kanban-Board]].
|
||||
- Zahnrad einer Zeile → [[S04 Board-Einstellungen]].
|
||||
- „Nutzung anfragen“ bleibt auf gesperrten Boards verfügbar.
|
||||
- „Neues Board“ → [[S07 Neues Board Dialog Variante]].
|
||||
- „Allgemeine Einstellungen“ gehört fachlich zur Admin-Boardverwaltung [[S07 Boards-Uebersicht]].
|
||||
|
||||
Die Ziele sind aus den sichtbaren Controls und den vorhandenen Seiten abgeleitet; die exportierten `onClick`-Handler sind leer.
|
||||
|
||||
## Permissions / Gates
|
||||
|
||||
- Freigegebene Boards sind öffnbar.
|
||||
- Gesperrte Boards bleiben gedimmt sichtbar und zeigen „Keine Berechtigung“ oder „Anfrage möglich“.
|
||||
- Fußzeile: „5 Boards sichtbar · gesperrte Boards werden nach Freigabe nutzbar“.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`Table`, `FilterBar`, `DropdownMenuMultiSelect`, `BadgeFeedback`, `Tag_Label`, `Button`, `IconButton`, `LinkButton`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/1778cf5e-777b-439c-81b6-c51f85283cc4/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -5,53 +5,55 @@ ticket: D-KANBAN
|
||||
package: WF-P8 Pipelines
|
||||
id: S01
|
||||
screen: Kanban-Board
|
||||
typ: BESPOKE Board
|
||||
subframe_name: "S01 Kanban-Board"
|
||||
subframe_page_id: "52699d37-974d-4f5d-b3d0-003de765b692"
|
||||
typ: Board-Hauptansicht
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/projects"
|
||||
subframe: ""
|
||||
status: In Subframe
|
||||
route: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/52699d37-974d-4f5d-b3d0-003de765b692/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S01 — Kanban-Board ⭐
|
||||
# S01 — Kanban-Board
|
||||
|
||||
## Ziel
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Der Vertrieb auf einen Blick: Wo steht welches Projekt, was hängt, was ist gewonnen?
|
||||
Projektarbeit in der Board-Ansicht der ausgewählten Pipeline. Das Beispiel zeigt „Vertrieb: Anlagen-Verkauf“ und ist die Board-Schwesteransicht von [[S03 Projekt-Liste]].
|
||||
|
||||
## Was das Tool können muss
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- **EIN Board-System für alle Board-Typen** (Vertrieb/Auftrag/eigene) — Boards sind Views auf denselben Projekt-Datensatz
|
||||
- **Karten ziehen = Status wechseln**, mit Validation (unerlaubte Spalte → Karte springt zurück + Klartext)
|
||||
- **Gewonnen-Spalte:** Regel greift (Auto-Verschieben nach Board X, Toast) oder [[M02 Board-Wechsel-Dialog]]
|
||||
- **Verloren-Spalte:** [[M01 Verloren-Dialog]] — Grund ist Pflicht
|
||||
- Umsatz-Aggregate nur für Berechtigte (sonst »—«)
|
||||
- Live (mehrere Nutzer sehen Änderungen sofort), Pagination je Spalte (100+)
|
||||
- Kopf: Pipelines, Board-Auswahl, Umschalter Board/Liste, Board-Einstellungen, Projekt anlegen.
|
||||
- Filter: Sachbearbeiter, Kundentyp, Tags, Zeitraum, Auftragswert; Schnellfilter „Nur meine Projekte“.
|
||||
- Aktive Filter im Beispiel: PV / Solar, Wärmepumpe, Nur meine Projekte.
|
||||
- Spalten: Neu (4), Qualifiziert (4), Angebot (3).
|
||||
- Karten: Projektname, Kontakt/Ort, Tags, Auftragswert oder „—“, Avatar, Start-/Enddatum, nächster Termin und Prioritätsvariante.
|
||||
- Die elf Beispielprojekte entsprechen der Tabellenansicht in S03.
|
||||
|
||||
## Pattern / Archetyp
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
**BESPOKE** — horizontales Spalten-Board.
|
||||
- Umschalter „Liste“ → [[S03 Projekt-Liste]].
|
||||
- „Board-Einstellungen“ → [[S04 Board-Einstellungen]].
|
||||
- Projektkarte öffnen → [[S02 Pipelines Detailansicht]] (fachlich aus Card/Detail-Seitenfamilie abgeleitet).
|
||||
- Leerer bzw. weggefilterter Zustand → [[S01a Kanban-Board Empty State]].
|
||||
- Rechtsklick auf eine Kanban-Karte → [[M03 Kontextmen_ Rechtsklick]].
|
||||
- Status „Verloren“ gehört zum Pflichtdialog [[M01 Verloren-Dialog]].
|
||||
- Wird eine Karte in die letzte Stage bzw. den abschließenden Status gezogen, öffnet sich automatisch [[M04 Pipeline-Uebergabe]]. Das ist statusgetrieben und kein eigener Button.
|
||||
|
||||
## Daten
|
||||
## Aktueller Umfang
|
||||
|
||||
- Board-Wechsler oben (nur Boards, die die Rolle sehen darf) + Umschalter Board/Liste ([[S03 Projekt-Liste]])
|
||||
- Spaltenkopf: Name · Projekt-Anzahl · Summe (gegated) · Win-%
|
||||
- Karte (fix, kein Karten-Editor v1): Titel · Umsatz (gegated) · Verantwortlicher-Avatar · Termin-/Abschlussdatum · max. 3 Tags · Hänger-Marker (zu lange in Spalte)
|
||||
- Filter: Verantwortlicher, Tags, Umsatz-Bereich, Datum · »nur meine«-Schnellfilter
|
||||
Im JSX sind drei Board-Spalten und statische `ProjectCard`-Instanzen sichtbar. Drag-and-drop-, Bulk- oder Live-Logik ist im exportierten Screen-Code nicht verdrahtet. Für Development ist jedoch validiert: Karten-Rechtsklick öffnet M03; das Setzen auf die letzte Stage öffnet statusbasiert M04.
|
||||
|
||||
## Aktionen
|
||||
## Permissions / Gates
|
||||
|
||||
- Karte öffnen → [[S02 Projekt-Detailseite]]
|
||||
- Drag&Drop · Mehrfachauswahl + Bulk (zuweisen, Spalte, Tags)
|
||||
- Admin: **»Board verwalten«** → [[S04 Board-Einstellungen]] · **Edit-Mode** → [[S05 Detail-Schablone Edit-Mode]]
|
||||
- Einzelne Auftragswerte werden als „—“ dargestellt; andere Karten zeigen Beträge.
|
||||
- Der Screen selbst erklärt den Grund dafür nicht, bildet aber damit einen gegateten Wertzustand ab.
|
||||
|
||||
## Zustände
|
||||
## Verwendete Komponenten
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Leeres Board | »Noch keine Projekte« + CTA (Lead-Eingang / anlegen) | Nur dokumentieren |
|
||||
| Live weg | Inline »aktualisiert sich gerade nicht« | Nur dokumentieren |
|
||||
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
|
||||
`KanbanColumn`, `ProjectCard`, `FilterBar`, `DropdownMenuMultiSelect`, `ToggleGroup`, `Switch`, `Tag_Label`, `Avatar`, `Button`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/52699d37-974d-4f5d-b3d0-003de765b692/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,48 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-KANBAN
|
||||
package: WF-P8 Pipelines
|
||||
id: S01a
|
||||
screen: Kanban-Board Empty State
|
||||
subframe_name: "S01a Kanban-Board Empty State"
|
||||
subframe_page_id: "99a06fd6-d3c7-407b-8a52-5ffb202d5be4"
|
||||
typ: Gebaute Empty-State-Variante
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Variante von S01"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/99a06fd6-d3c7-407b-8a52-5ffb202d5be4/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S01a — Kanban-Board Empty State
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Gebauter Leer-/Filterzustand von [[S01 Kanban-Board]]. Der Kopf und die Filter bleiben vollständig erhalten.
|
||||
|
||||
## Sichtbarer Zustand
|
||||
|
||||
- Zentrale Meldung „Keine Projekte gefunden“.
|
||||
- Erklärung „Filter zurücksetzen oder ein neues Projekt anlegen.“
|
||||
- Aktionen: Filter zurücksetzen, Projekt anlegen.
|
||||
- Zähler: 0 Projekte.
|
||||
- Die drei leeren Spalten bleiben sichtbar:
|
||||
- Neu: „Neue Projekte erscheinen hier.“
|
||||
- Qualifiziert: „Geprüfte Projekte landen hier.“
|
||||
- Angebot: „Angebotsreife Projekte landen hier.“
|
||||
|
||||
## Verknüpfungen
|
||||
|
||||
- Filter zurücksetzen → S01 mit Projekten.
|
||||
- Projekt anlegen → nicht als eigene Seite im aktuellen P8-Flow vorhanden.
|
||||
- Board/Liste-Umschalter bleibt mit [[S03 Projekt-Liste]] verbunden.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`FilterBar`, `DropdownMenuMultiSelect`, `ToggleGroup`, `KanbanColumn`, `Switch`, `Tag_Label`, `Button`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/99a06fd6-d3c7-407b-8a52-5ffb202d5be4/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,45 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8 + D-P4
|
||||
package: WF-P8 Pipelines
|
||||
id: S02-A
|
||||
screen: Modal Aufgabe erstellen
|
||||
subframe_name: "S02 Modal Aufgabe erstellen"
|
||||
subframe_page_id: "57954141-d806-4766-ba3e-a8a35f5b1902"
|
||||
typ: Schnellaktions-Modal
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Schnellaktion aus S02"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/57954141-d806-4766-ba3e-a8a35f5b1902/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S02 — Modal Aufgabe erstellen
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Neue Aufgabe direkt für das aktuelle Projekt aus der Schnellaktionsleiste von [[S02 Pipelines Detailansicht]] anlegen.
|
||||
|
||||
## Sichtbare Felder
|
||||
|
||||
- Aufgabe / Titel.
|
||||
- Fällig am.
|
||||
- Zuständig: Person oder Team; Beispiele Markus Weber, Sandra Koch, Team Vertrieb, Team Montage.
|
||||
- Priorität: Niedrig, Normal, Hoch.
|
||||
- Beschreibung.
|
||||
- Der Screen enthält einen vollständig ausgefüllten Beispieldatensatz zum Rückruf wegen eines BAFA-Antrags.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Abbrechen / Schließen.
|
||||
- Aufgabe erstellen.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`DialogLayout` mit zentrierter, selbst aufgebauter Surface; kein importiertes `Dialog`/`Dialog.Content`. Komponenten: `TextInput`, `DatePicker`, `Select`, `TextArea`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/57954141-d806-4766-ba3e-a8a35f5b1902/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,42 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8 + D-P4
|
||||
package: WF-P8 Pipelines
|
||||
id: S02-F
|
||||
screen: Modal Datei hochladen
|
||||
subframe_name: "S02 Modal Datei hochladen"
|
||||
subframe_page_id: "b2182708-1af1-45d1-8d18-c652081d04c5"
|
||||
typ: Schnellaktions-Modal
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Schnellaktion aus S02"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/b2182708-1af1-45d1-8d18-c652081d04c5/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S02 — Modal Datei hochladen
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Datei direkt zum aktuellen Projekt aus der Schnellaktionsleiste bzw. der Dateien-Seitenleiste von [[S02 Pipelines Detailansicht]] hinzufügen.
|
||||
|
||||
## Sichtbare Felder
|
||||
|
||||
- `FileUpload` im Default-Zustand.
|
||||
- Kategorie: Angebot, Rechnung, Auftragsdokument, Foto, Sonstiges.
|
||||
- Optionale Beschreibung.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Abbrechen / Schließen.
|
||||
- Datei hochladen.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`DialogLayout` mit zentrierter, selbst aufgebauter Surface; kein importiertes `Dialog`/`Dialog.Content`. Komponenten: `FileUpload`, `Select`, `TextArea`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b2182708-1af1-45d1-8d18-c652081d04c5/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S02-N
|
||||
screen: Modal Notiz erstellen
|
||||
subframe_name: "S02 Modal Notiz erstellen"
|
||||
subframe_page_id: "2dcbdcd7-d91a-4e74-96ec-103e3c545e76"
|
||||
typ: Schnellaktions-Modal
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Schnellaktion aus S02"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/2dcbdcd7-d91a-4e74-96ec-103e3c545e76/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S02 — Modal Notiz erstellen
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Projektbezogene Notiz aus der Schnellaktionsleiste von [[S02 Pipelines Detailansicht]] anlegen.
|
||||
|
||||
## Sichtbare Felder
|
||||
|
||||
- Notiz als mehrzeiliger Text.
|
||||
- Sichtbarkeit: Alle mit Projektzugriff, Nur Innendienst, Nur ich.
|
||||
- Beispielnotiz: Förderprogramm-Affinität und laufender BAFA-Antrag.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Abbrechen / Schließen.
|
||||
- Notiz erstellen.
|
||||
|
||||
## Permissions / Gates
|
||||
|
||||
Die Sichtbarkeitsauswahl ist ein explizites Berechtigungsmerkmal dieser Notiz und nicht nur ein allgemeiner Projektzugriff.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`DialogLayout` mit zentrierter, selbst aufgebauter Surface; kein importiertes `Dialog`/`Dialog.Content`. Komponenten: `TextArea`, `Select`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2dcbdcd7-d91a-4e74-96ec-103e3c545e76/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8 + D-P16
|
||||
package: WF-P8 Pipelines
|
||||
id: S02-T
|
||||
screen: Modal Termin erstellen
|
||||
subframe_name: "S02 Modal Termin erstellen"
|
||||
subframe_page_id: "2a15d9a8-03b4-45e2-8c39-5be6e18b79cf"
|
||||
typ: Schnellaktions-Modal
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Schnellaktion aus S02"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/2a15d9a8-03b4-45e2-8c39-5be6e18b79cf/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S02 — Modal Termin erstellen
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Projektbezogenen Termin aus der Schnellaktionsleiste von [[S02 Pipelines Detailansicht]] anlegen.
|
||||
|
||||
## Sichtbare Felder
|
||||
|
||||
- Terminname.
|
||||
- Datum, Von, Bis.
|
||||
- Typ: Vor-Ort-Termin, Telefontermin, Online-Termin.
|
||||
- Zuständig: Person/Team.
|
||||
- Eingeladene Personen mit Avataren, „Person hinzufügen“ und Benachrichtigungshinweis.
|
||||
- Notiz.
|
||||
- Der Beispieldatensatz plant einen Vor-Ort-Termin am 30.09.2026 von 10:30 bis 11:30 Uhr.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Abbrechen / Schließen.
|
||||
- Termin erstellen.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`Dialog` mit `Dialog.Content`; kein `DialogLayout` im aktuellen JSX. Außerdem `DatePicker`, `TextInput`, `Select`, `TextArea`, `Avatar`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2a15d9a8-03b4-45e2-8c39-5be6e18b79cf/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,67 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S02
|
||||
screen: Pipelines Detailansicht
|
||||
subframe_name: "S02 Pipelines Detailansicht"
|
||||
subframe_page_id: "8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7"
|
||||
typ: Projekt-Detail / Editor
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S02 — Pipelines Detailansicht
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Zentrale, direkt bearbeitbare Projektansicht. Der aktuelle Beispieldatensatz „Heizungsmodernisierung Familie Weber“ gehört zum Board „Auftragsabwicklung SHK“. Der Screen wird fachlich aus Projektkarten in [[S01 Kanban-Board]] und Zeilen in [[S03 Projekt-Liste]] geöffnet.
|
||||
|
||||
## Kopf und globale Aktionen
|
||||
|
||||
- Projektname und Board-Badge.
|
||||
- Projekt-ID `PRJ-2026-00482` mit Kopieraktion.
|
||||
- „Pipeline“ und „Speichern“.
|
||||
- Statusauswahl mit Neu, Qualifiziert, Aufmaß geplant, Angebot erstellt, Angebot versendet, Gewonnen, Verloren und Pausiert; aktueller Beispielwert „In Verhandlung“.
|
||||
|
||||
## Bearbeitbare Datenbereiche
|
||||
|
||||
- Grunddaten: Projektname, Status, Priorität, Quelle, Projekttyp, Promotion, potenzieller Wert, Auftragsvolumen.
|
||||
- Planung und Verantwortliche: Start, Deadline, zuständige Personen, Projektleiter, Monteure.
|
||||
- Projektkontaktdaten: E-Mail, Telefon, Fax.
|
||||
- KWP-Integration: Projektnummer, Abteilungsnummer, Sachbearbeiter, Auftragsstatus.
|
||||
- Kontakte: Firma mit Firmendaten und Notizen, primärer und sekundärer Ansprechpartner, Firma/Kontakt suchen oder neu anlegen.
|
||||
- Adressdaten: Projektadresse, separate Rechnungsadresse, separate Bauherradresse und ausführliche Zugangs-/Versandhinweise.
|
||||
|
||||
## Schnellaktionen und Unterseiten
|
||||
|
||||
- Anrufen und E-Mail bleiben direkte Aktionen ohne eigene Seite im P8-Flow.
|
||||
- Termin → [[S02 Modal Termin erstellen]].
|
||||
- Aufgabe → [[S02 Modal Aufgabe erstellen]].
|
||||
- Notiz → [[S02 Modal Notiz erstellen]].
|
||||
- Hochladen → [[S02 Modal Datei hochladen]].
|
||||
- Status Verloren → [[M01 Verloren-Dialog]].
|
||||
- Für [[M04 Pipeline-Uebergabe]] gibt es keinen eigenen Button in S02. Der validierte Haupttrigger liegt im Kanban: Wird die Karte in S01 in die letzte Stage bzw. den abschließenden Status gesetzt, öffnet sich M04 automatisch.
|
||||
|
||||
## Rechte Pipeline-Seitenleiste
|
||||
|
||||
- Bereiche: Verlauf, Termine, Dateien, Aufgaben, Notizen, Aktivitäten.
|
||||
- Im gebauten Zustand ist Dateien aktiv.
|
||||
- Enthält Upload-CTA, Drag-and-drop-Zone sowie Angebots- und Auftragsdokumente mit Download-/Mehr-Menü.
|
||||
|
||||
## Aktuelle Abgrenzung
|
||||
|
||||
Der Screen ist kein kleiner P6-Karteikarten-Platzhalter mehr, sondern ein umfangreicher Editor mit Hauptfläche, schwebender Schnellaktionsleiste und rechter Pipeline-Seitenleiste. Diese konkrete Struktur ersetzt die frühere Obsidian-Beschreibung.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
Unter anderem `Accordion`, `AccordionNested`, `TextInput`, `Select`, `MultiSelect`, `DatePicker`, `DropdownMenuSelect`, `DropdownMenuMultiSelect`, `ProjectCard`, `Avatar`, `BadgeFeedback`, `CopyToClipboardButton`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -1,51 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S02
|
||||
screen: Projekt-Detailseite
|
||||
typ: Detail (P6-Muster)
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/projects/:id"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S02 — Projekt-Detailseite
|
||||
|
||||
## Ziel
|
||||
|
||||
Alles zu einem Projekt an einem Ort — die Akte, die in P9 um Auftrags-Reiter wächst.
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- **Status sichtbar und klickbar**: Status-Leiste (Spalten des aktuellen Boards) im Kopf, Klick = Wechsel; Historie mit Verweildauer je Spalte
|
||||
- Herkunft zeigen: »Kam aus Anfrage X« (Link zum Lead)
|
||||
- Gewonnen/Verloren-Banner mit **24-h-Rückgängig**
|
||||
- Kontakte **mit Projekt-Rollen** verknüpfen: Auftraggeber · Bauherr · Rechnungsempfänger · Ansprechpartner
|
||||
- Felder je Board unterschiedlich (kommt aus der Detail-Schablone / Edit-Mode)
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A3 — **P6-Karteikarten-Muster** (Zweispalter + Reiter), erweitert um die Status-Leiste im Kopf.
|
||||
|
||||
## Aufbau
|
||||
|
||||
- **Kopf:** Nummer + Titel · Status-Leiste (klickbar) · Board-Zugehörigkeit · Schnell-Aktionen (Anrufen/E-Mail/Termin/Aufgabe/Notiz)
|
||||
- **Links:** Stammdaten inline (Umsatz gegated, Zeitraum, Adress-Slots) · Kontakte mit Rollen · eigene Felder (je Board-Schablone) · Tags · Herkunfts-Hinweis
|
||||
- **Rechts, Reiter:** Verlauf (Default) · Termine · Aufgaben (V01 aus P4) · Dateien (P4-Sektion) — Rechnungen/Checklisten/Abnahmen kommen mit P9 dazu
|
||||
- »Verlauf dieses Objekts« (Audit-Drawer aus P3)
|
||||
|
||||
## Zustände
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Gewonnen/Verloren | Banner + 24-h-Rückgängig | Nur dokumentieren |
|
||||
| Umsatz ohne Recht | »—« | Nur dokumentieren |
|
||||
| Nicht gefunden / kein Recht | 404 | Wiederverwenden |
|
||||
| Laden / Fehler | A7 | Wiederverwenden |
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
@@ -5,43 +5,48 @@ ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S03
|
||||
screen: Projekt-Liste
|
||||
typ: Liste
|
||||
subframe_name: "S03 Projekt-Liste"
|
||||
subframe_page_id: "5c5bdb0a-995e-4c22-aa8b-e48333c60297"
|
||||
typ: Listen-Hauptansicht
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/projects/list"
|
||||
subframe: ""
|
||||
status: In Subframe
|
||||
route: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/5c5bdb0a-995e-4c22-aa8b-e48333c60297/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S03 — Projekt-Liste
|
||||
|
||||
## Ziel
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Alle Projekte über alle Boards hinweg — für Suchen, Sortieren, Exportieren.
|
||||
Listenansicht derselben elf Projekte wie [[S01 Kanban-Board]]. Der sichtbare Footer bestätigt ausdrücklich „gleiche Datengrundlage wie Kanban-Board“.
|
||||
|
||||
## Was das Tool können muss
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Cross-Board-Sicht mit Board-Spalte und Board-Filter
|
||||
- Server-seitig sortieren/filtern/paginieren, Spalten konfigurierbar, CSV-Export, Mehrfach-Aktionen
|
||||
- Kopf: Pipelines, Pipeline-Auswahl, Umschalter Board/Liste, Board-Einstellungen, Projekt anlegen.
|
||||
- Filter: Sachbearbeiter, Kundentyp, Tags, Zeitraum, Auftragswert; „Nur meine Projekte“.
|
||||
- Tabelle: Auswahl, Projekt-Nr., Projektname, Board, Spalte, Auftragswert, Kunde/Kontaktrolle, Termin/Hinweis, Tags, Sachbearbeiter und Zeilenaktion.
|
||||
- Gegatete Werte erscheinen als „Auftragswert gesperrt“ oder „Umsatz gesperrt“.
|
||||
- Footer: elf Projekte; keine weitere Seite.
|
||||
|
||||
## Pattern / Archetyp
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
A2 Liste (Umschalter Board ↔ Liste im Kopf von [[S01 Kanban-Board]]).
|
||||
- Umschalter „Board“ → [[S01 Kanban-Board]].
|
||||
- Zeile öffnen → [[S02 Pipelines Detailansicht]] (fachlich aus Tabellen-/Detail-Seitenfamilie abgeleitet).
|
||||
- „Board-Einstellungen“ → [[S04 Board-Einstellungen]].
|
||||
- Leer-/Filterzustand → [[S03a Projekt-Liste Empty State]].
|
||||
|
||||
## Daten
|
||||
## Development-Hinweis zum Pipeline-Namen
|
||||
|
||||
- Zeile: Projekt-Nummer · Titel · Board · Status (Spalte) · Umsatz (gegated) · Kontakt/Organisation · Zeitraum/Abschlussdatum · letzte Aktivität
|
||||
Im Kopf steht in Subframe sichtbar „hier Name der Pipeline einfügen“. Das ist ein bewusster Development-Platzhalter: An dieser Stelle soll der Name der aktuell ausgewählten Pipeline eingesetzt werden. Am Subframe-Screen muss dafür nichts geändert werden.
|
||||
|
||||
## Aktionen
|
||||
Die frühere Obsidian-Aussage „alle Projekte über alle Boards“ ist im aktuellen Screen nicht belegt. S03 zeigt die Listenansicht der gewählten Pipeline; die Board-Zugehörigkeit bleibt als eigene Spalte sichtbar.
|
||||
|
||||
- Zeile öffnen → [[S02 Projekt-Detailseite]]
|
||||
- Bulk: zuweisen, Tags, Archiv · CSV-Export
|
||||
## Verwendete Komponenten
|
||||
|
||||
## Zustände
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Leer / Laden / Fehler | A7 + Klartext | Wiederverwenden |
|
||||
`Table`, `FilterBar`, `DropdownMenuMultiSelect`, `ToggleGroup`, `Checkbox`, `Switch`, `Tag_Label`, `BadgeFeedback`, `Avatar`, `Button`, `IconButton`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/5c5bdb0a-995e-4c22-aa8b-e48333c60297/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,45 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S03a
|
||||
screen: Projekt-Liste Empty State
|
||||
subframe_name: "S03a Projekt-Liste Empty State"
|
||||
subframe_page_id: "4f05ca11-e8b7-4b4c-a82e-abf34d64f181"
|
||||
typ: Gebaute Empty-State-Variante
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Variante von S03"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/4f05ca11-e8b7-4b4c-a82e-abf34d64f181/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S03a — Projekt-Liste Empty State
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Gebauter Leer-/Filterzustand von [[S03 Projekt-Liste]]. Kopf, Pipeline-Auswahl, Filter und Board/List-Umschalter bleiben erhalten.
|
||||
|
||||
## Sichtbarer Zustand
|
||||
|
||||
- Aktive Filter im Beispiel: Bad / Sanitär und über 60.000 €.
|
||||
- Meldung „Keine Projekte gefunden“.
|
||||
- Erklärung „Filter anpassen oder zurücksetzen.“
|
||||
- Aktionen: Filter zurücksetzen, Projekt anlegen.
|
||||
- Footer: „0 Projekte · gleiche Datengrundlage wie Kanban-Board“ und „Keine weitere Seite“.
|
||||
|
||||
## Verknüpfungen
|
||||
|
||||
- Filter zurücksetzen → S03 mit Projekten.
|
||||
- Board-Umschalter → [[S01 Kanban-Board]].
|
||||
- Projekt anlegen → nicht als eigene Seite im aktuellen P8-Flow vorhanden.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`FilterBar`, `DropdownMenuMultiSelect`, `ToggleGroup`, `Switch`, `Tag_Label`, `Button`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/4f05ca11-e8b7-4b4c-a82e-abf34d64f181/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -5,43 +5,46 @@ ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S04
|
||||
screen: Board-Einstellungen
|
||||
typ: Verwaltung
|
||||
subframe_name: "S04 Board-Einstellungen"
|
||||
subframe_page_id: "0b946683-2cca-4cd4-864d-f69ed1937fdb"
|
||||
typ: Board-Einstellungsdetail / Pipeline-Konfiguration
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "aus S01 (Board verwalten) + aus S07 (Einstellungen)"
|
||||
subframe: ""
|
||||
status: In Subframe
|
||||
route: "aus S07 Board-Übersicht → Board-Einstellungen"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/0b946683-2cca-4cd4-864d-f69ed1937fdb/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S04 — Board-Einstellungen
|
||||
|
||||
## Ziel
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Ein Board zuschneiden: Spalten, wer es sieht, was beim Einzug in eine Spalte passiert. **Zwei Einstiege** (im Board + über Einstellungen), gleiche Seite.
|
||||
Detail- und Bearbeitungsansicht des ausgewählten Boards „Vertrieb: Anlagen-Verkauf“. Der primäre Admin-Weg lautet: [[S07 Boards-Uebersicht]] → Board auswählen bzw. „Board-Einstellungen“ → S04. Auch die Board-Einstellungen in [[S01 Kanban-Board]], die Zeilenaktion von [[S00 Boards-Startseite]] und ein neu angelegtes Board führen hierher.
|
||||
|
||||
## Was das Tool können muss
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- **Spalten:** anlegen, per Ziehen ordnen, je Spalte: Name · Art (offen/gewonnen/verloren) · Win-% · Farbe; Validation: min. 1 gewonnen + 1 verloren
|
||||
- **Spalten-Regel (Davids Delta):** »Beim Einzug in diese Spalte automatisch verschieben nach [Board, Start-Spalte]« — greift die Regel, entfällt der Wechsel-Dialog
|
||||
- **Rollen-Zugriff:** Matrix wer sehen / wer bearbeiten darf (Rolle/Person/Gruppe)
|
||||
- Board: umbenennen · Typ (Vertrieb/Auftrag/eigenes) · duplizieren · archivieren
|
||||
- Einstieg in die **Detail-Schablone** → [[S05 Detail-Schablone Edit-Mode]]
|
||||
- Kopf: Boardname, Bearbeiten-Icon, Status Aktiv, Board-ID `BRD-014`, Hinweis „Ansicht auf Projekte“ und Änderungszeitpunkt.
|
||||
- Bereich „Spalten“ mit erklärendem Informationshinweis.
|
||||
- Tabelle: Drag-Handle/Farbe, Name, Status, Projektanzahl, Bearbeiten, Löschen.
|
||||
- Aktuelle Beispiele: Neu / Offen / 4 Projekte; Qualifiziert / In Bearbeitung / 4 Projekte; Angebot / Wartet auf Kunde / 3 Projekte.
|
||||
- Statusauswahl enthält Offen, In Bearbeitung, Wartet auf Kunde und „Neuen Status eingeben“.
|
||||
- Aktion „Spalte hinzufügen“.
|
||||
|
||||
## Pattern / Archetyp
|
||||
## Detailfeld-Verknüpfung
|
||||
|
||||
A6 Settings + A2 (Spalten-Liste mit Drag&Drop).
|
||||
Der zweite Bereich erklärt, dass Felder und Rechte der Projekt-Detailseite getrennt konfiguriert werden. „Zur Detailfelder-Konfiguration“ → [[S05 Detail-Schablone Edit-Mode]].
|
||||
|
||||
## Zustände
|
||||
## Validierte Einordnung für Development
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Validation verletzt (kein gewonnen/verloren) | Inline-Hinweis, Speichern blockiert | Nur dokumentieren |
|
||||
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
|
||||
S04 ist die zentrale Einstellungsdetailseite eines Boards. Neue Boards/Pipelines werden aus S07 angelegt und anschließend hier eingerichtet. Der sichtbare Subframe-Stand bildet den Pipeline-Aufbau über Spalten, Stages und zugeordnete Status sowie den Einstieg in die Detailfeld-Konfiguration ab.
|
||||
|
||||
Zugriff und Regeln gehören fachlich ebenfalls zur Board-Konfiguration; aus dem statischen S04-JSX wird dafür jedoch kein zusätzlicher Screen abgeleitet. Die Übergabe in eine nächste Pipeline ist keine eigene Schaltfläche in S04: Das Erreichen der letzten Stage löst [[M04 Pipeline-Uebergabe]] statusbasiert aus.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`SettingsPage`, `Table`, `TextInput`, `Select`, `Tag_Label`, `Alert`, `Button`, `IconButton`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
|
||||
## Notizen
|
||||
|
||||
- Spalten-Regel: Umsetzung (Board-Modell vs. Automation-Engine) = Dev-Frage beim Handoff.
|
||||
- Auftrags-Erweiterung (aus WF-P9 Projekt-Akte, validiert): je Spalte zusätzlich **»Abnahme Pflicht«** (Wechsel ohne Abnahme blockiert), **Abnahme-Vorlagen-Zuweisung** und **Auto-Archiv nach N Tagen**.
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/0b946683-2cca-4cd4-864d-f69ed1937fdb/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
+44
-28
@@ -5,47 +5,63 @@ ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S05
|
||||
screen: Detail-Schablone Edit-Mode
|
||||
typ: Modus (WYSIWYG)
|
||||
subframe_name: "S05 Detail-Schablone Edit-Mode"
|
||||
subframe_page_id: "699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e"
|
||||
typ: Detailfeld-Konfiguration
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "aus S01/S04 (Edit-Mode-Umschalter)"
|
||||
subframe: ""
|
||||
status: In Subframe
|
||||
route: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S05 — Detail-Schablone (Edit-Mode)
|
||||
# S05 — Detail-Schablone Edit-Mode
|
||||
|
||||
## Ziel
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
**Davids Konzept:** Die Projekt-Detailansicht dieses Boards als leere Schablone — alle Felder genau da, wo sie sitzen, nur ungefüllt. Direkt bearbeiten statt abstrakter Einstellungs-Tabelle.
|
||||
Konfiguration der Felder, Gruppen und Pflichtlogik für die Projekt-Detailseite eines Boards. Einstieg über [[S04 Board-Einstellungen]].
|
||||
|
||||
## Was das Tool können muss
|
||||
## Kopf und Regeln
|
||||
|
||||
- Umschalten in den Edit-Mode vom Board/Board-Einstellungen aus (nur Admin)
|
||||
- Felder **verschieben** (Reihenfolge/Position in der Detailansicht)
|
||||
- Felder **ein-/ausblenden** (Show / not Show) und als **Pflicht** markieren — optional je Spalte/Status
|
||||
- **Feld hinzufügen**: bestehendes eigenes Feld wählen ODER neues anlegen (nutzt Eigene Felder aus P6)
|
||||
- **Berechtigung je Feld** setzen (wer sieht/bearbeitet — z. B. Umsatz nur Vertrieb)
|
||||
- Gilt **nur für die Detailansicht** — das Karten-Layout ist bewusst NICHT editierbar (v1, Davids Entscheidung)
|
||||
- Titel „Detailfelder konfigurieren“, Board „Vertrieb: Anlagen-Verkauf“, Abbrechen, Fertig.
|
||||
- Systemfelder dürfen umsortiert, gesperrt oder in den Bestand zurückgelegt, aber nicht dauerhaft gelöscht werden.
|
||||
- Projektname, Status und Priorität bleiben immer sichtbar.
|
||||
- Projekt-ID, Erstellt und Board-Spalte sind feste Systeminfos außerhalb dieser Konfiguration.
|
||||
- Legende: System, Custom-Feld, immer sichtbar, gesperrt/nur lesbar.
|
||||
|
||||
## Pattern / Archetyp
|
||||
## Feldgruppen
|
||||
|
||||
WYSIWYG-Variante der [[S02 Projekt-Detailseite]] mit Edit-Rahmen (gestrichelte Feld-Slots, Drag-Handles, Feld-Einstellungs-Popover).
|
||||
- Grunddaten: 8 Felder.
|
||||
- Planung & Verantwortliche: 6 Felder.
|
||||
- Projektkontaktdaten: 3 Felder.
|
||||
- KWP-Integration: 4 Felder; Reihenfolge anpassbar, Inhalte nicht.
|
||||
- Adressdaten: Projektadresse, separate Rechnungsadresse, separate Bauherradresse, Zufahrt-Hinweis.
|
||||
- Kontakte: verknüpfte Firma, Ansprechpartner.
|
||||
- Neue Feldgruppe kann angelegt werden.
|
||||
- Bestandsfelder außerhalb der Schablone: Fördernummer, Angebotsnummer, Wunschtermin, Objektart, Dachform, Zählernummer, Netzbetreiber, Interne Notiz.
|
||||
|
||||
## Aktionen
|
||||
## Ausgewähltes Custom-Feld
|
||||
|
||||
- Feld ziehen · Feld-Popover (sichtbar/Pflicht/Berechtigung) · »+ Feld« · Speichern/Verwerfen · zurück zum Board
|
||||
Das Beispiel „Aufmaß erledigt“ zeigt:
|
||||
|
||||
## Zustände
|
||||
- Feldbezeichnung und Feldtyp.
|
||||
- Typen von Text über Zahl/Betrag/Datum/Auswahl bis Person, Adresse, Link und Datei.
|
||||
- Auswahloptionen mit Reihenfolge/Farbe, Option hinzufügen und Mehrfachauswahl.
|
||||
- optionaler Feldhinweis.
|
||||
- Pflichtfeld und „Pflicht ab Board-Spalte“ (Keine Pflicht / ab Qualifiziert / ab Angebot).
|
||||
- Kopieren und dauerhaftes Löschen mit Datenverlust-Hinweis.
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Ungespeicherte Änderungen | Hinweis beim Verlassen | Nur dokumentieren |
|
||||
| Kein Admin-Recht | Umschalter gar nicht sichtbar | Nur dokumentieren |
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- „Bestehendes Feld hinzufügen“ → [[Modal Bestandsfeld]].
|
||||
- „Neues Custom-Feld erstellen“ bleibt im selben Konfigurationsscreen.
|
||||
- „Fertig“ speichert/verlässt semantisch; die Handler sind im exportierten JSX leer.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`TextInput`, `TextArea`, `Select`, `DropdownMenuSelect`, `Switch`, `Tag_Label`, `Button` sowie Drag-/Status-Icons.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
|
||||
## Notizen
|
||||
|
||||
- Entspricht fachlich der Feld-Konfiguration je Board (PipelineFieldConfig) — nur als WYSIWYG statt Tabelle. Dev-seitig identisches Modell.
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -5,35 +5,43 @@ ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S06
|
||||
screen: Verlust-Gruende
|
||||
subframe_name: "S06 Verlust-Gruende"
|
||||
subframe_page_id: "3c95e1e1-728b-460c-996f-5a641c971dfe"
|
||||
typ: Settings-Liste
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/admin/pipelines/lost-reasons (Einstellungen -> Arbeitsweise)"
|
||||
subframe: ""
|
||||
status: In Subframe
|
||||
route: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/3c95e1e1-728b-460c-996f-5a641c971dfe/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S06 — Verlust-Gründe
|
||||
|
||||
## Ziel
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Pflegen, warum Projekte verloren gehen — Grundlage fürs Reporting.
|
||||
Admin-Verwaltung der Gründe, die in [[M01 Verloren-Dialog]] ausgewählt und für die Verlust-Auswertung gespeichert werden. Erreichbar über S00 und [[S07 Boards-Uebersicht]].
|
||||
|
||||
## Was das Tool können muss
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Liste: Grund · Anzahl verknüpfter Projekte · Status
|
||||
- Anlegen / bearbeiten / **archivieren** (kein Löschen — Reporting braucht die Historie)
|
||||
- 5 SHK-Vorlagen vorbefüllt
|
||||
- Erklärung des Zusammenhangs mit Verlustdialog und Reporting.
|
||||
- KPI-Bereich: Top-Grund der letzten 30 Tage „Preis zu hoch“, Monatsvergleich +12 %.
|
||||
- Filter: Status Alle/Aktiv/Archiviert; Suche „Gründe durchsuchen…“.
|
||||
- Tabelle: Grund, Beschreibung/Kategorie, Projekte, Status, zuletzt verwendet, Zeilenmenü.
|
||||
- Sechs Gründe: fünf SHK-Vorlagen und ein eigener Grund.
|
||||
- Vorlagen: Preis zu hoch, Kein Budget, Wettbewerber gewonnen, Projekt verschoben, Kunde nicht erreichbar.
|
||||
- Eigener archivierter Grund: Dublette (Testdaten).
|
||||
|
||||
## Pattern / Archetyp
|
||||
## Aktionen und Zustände
|
||||
|
||||
A2 Settings-Liste unter Einstellungen → Arbeitsweise.
|
||||
- Bearbeiten, Verlauf ansehen, Archivieren; archivierter Grund kann reaktiviert werden.
|
||||
- Die Oberfläche erklärt ausdrücklich „Archivieren statt Löschen“.
|
||||
- Empty-Text der Tabelle: „Keine Verlust-Gründe gefunden“.
|
||||
|
||||
## Zustände
|
||||
## Verwendete Komponenten
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
|
||||
`Table`, `SearchInput`, `Select`, `DropdownMenuSelect`, `BadgeFeedback`, `Tag_Label`, `Alert`, `IconButton`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/3c95e1e1-728b-460c-996f-5a641c971dfe/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -5,35 +5,45 @@ ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S07
|
||||
screen: Boards-Uebersicht
|
||||
typ: Settings-Liste
|
||||
subframe_name: "S07 Boards-Uebersicht"
|
||||
subframe_page_id: "5190e285-e92f-4ad2-9f3d-2a2f511fe695"
|
||||
typ: Admin-Boardverwaltung
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/admin/pipelines (Einstellungen -> Arbeitsweise -> Boards)"
|
||||
subframe: ""
|
||||
status: In Subframe
|
||||
route: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/5190e285-e92f-4ad2-9f3d-2a2f511fe695/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S07 — Boards-Übersicht (Einstellungen)
|
||||
# S07 — Boards-Übersicht
|
||||
|
||||
## Ziel
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Der zweite Einstieg (Davids Entscheidung): alle Boards an einem Ort finden, in ihre Einstellungen springen, neue anlegen.
|
||||
Admin-Bereich für Boards. Der Screen sagt ausdrücklich, dass die normale Board-Auswahl auf [[S00 Boards-Startseite]] liegt.
|
||||
|
||||
## Was das Tool können muss
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Liste aller Boards: Name · Typ (Vertrieb/Auftrag/eigenes) · Spalten-Anzahl · aktive Projekte · wer Zugriff hat (Kurzform) · Status
|
||||
- **»+ Neues Board«** (Name, Typ, Start-Spalten aus Vorlage)
|
||||
- Zeile öffnen → [[S04 Board-Einstellungen]] (dieselbe Seite wie der Einstieg im Board)
|
||||
- Kopf: „Board-Verwaltung“ mit Verlustgründe, Board-Einstellungen und Neues Board.
|
||||
- Filter: Typ (Vertrieb/Auftrag/Eigenes), Status (Aktiv/Entwurf/Archiviert), Zugriff (Alle/Service-Team/Montage/Notdienst/Nur ich), Regeln (mit/ohne aktive Regeln).
|
||||
- Tabelle: Board, Typ, Spalten, Projekte, Zugriff, Status, Aktionen.
|
||||
- Beispiel-Boards: Vertrieb: Anlagen-Verkauf, Wartungsverträge, Anlagen-Installation, Notfall-Reparatur, Eigenes Board.
|
||||
- Footer: 5 von 5 Boards; Standard-Board „Vertrieb: Anlagen-Verkauf“.
|
||||
|
||||
## Pattern / Archetyp
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
A2 Settings-Liste unter Einstellungen → Arbeitsweise.
|
||||
- „Verlustgründe“ → [[S06 Verlust-Gruende]].
|
||||
- „Board-Einstellungen“ bzw. Zeilenaktion → [[S04 Board-Einstellungen]].
|
||||
- „Neues Board“ → [[S07 Neues Board Dialog Variante]].
|
||||
|
||||
## Zustände
|
||||
## Validierte Weiterleitung
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
|
||||
S07 ist die Übersicht, [[S04 Board-Einstellungen|S04]] die Detail- und Bearbeitungsansicht des ausgewählten Boards. „Board-Einstellungen“ und die entsprechende Zeilenaktion öffnen daher S04; dort wird der Pipeline-Aufbau des Boards konfiguriert. Ein neu angelegtes Board wird ebenfalls in S04 weiter eingerichtet.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`Table`, `FilterBar`, `DropdownMenuMultiSelect`, `BadgeFeedback`, `Tag_Label`, `Button`, `IconButton`, `LinkButton`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/5190e285-e92f-4ad2-9f3d-2a2f511fe695/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,44 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S07-D
|
||||
screen: Neues Board Dialog Variante
|
||||
subframe_name: "S07 Neues Board Dialog Variante"
|
||||
subframe_page_id: "50219cd7-323d-4a74-82cd-61c23c45da79"
|
||||
typ: Modal / Anlegen
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "aus S00 oder S07"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/50219cd7-323d-4a74-82cd-61c23c45da79/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S07 — Neues Board Dialog Variante
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Neues Pipeline-Board anlegen. Der Dialog wird von „Neues Board“ in [[S00 Boards-Startseite]] und [[S07 Boards-Uebersicht]] geöffnet.
|
||||
|
||||
## Sichtbare Daten
|
||||
|
||||
- Board-Name mit Beispiel „Vertrieb: Anlagen-Verkauf“.
|
||||
- Board-Typ: Vertrieb, Auftrag oder Eigenes.
|
||||
- Informationshinweis: Spalten und Zugriff danach einstellen.
|
||||
- Nach dem Anlegen öffnet sich [[S04 Board-Einstellungen]] als Einstellungsdetail des neuen Boards. Dort werden insbesondere Pipeline-Spalten/Stages, Status und Detailfelder eingerichtet; Zugriff und Regeln gehören fachlich ebenfalls zu dieser Board-Konfiguration.
|
||||
|
||||
## Aktionen und Zustände
|
||||
|
||||
- Abbrechen / Schließen.
|
||||
- Board anlegen → weiter zu S04, um das neue Board vollständig einzurichten.
|
||||
- Validierungs-/Fehlerzustand → [[S07a Neues Board Error State]].
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
Aktuell `DialogLayout` mit einer zentrierten, selbst aufgebauten Surface; kein importiertes `Dialog`/`Dialog.Content` in dieser Seite. Verwendet werden `TextInput`, `Select`, `Alert`, `Button`, `IconButton`, `IconWithBackground`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/50219cd7-323d-4a74-82cd-61c23c45da79/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -0,0 +1,43 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P8
|
||||
package: WF-P8 Pipelines
|
||||
id: S07a
|
||||
screen: Neues Board Error State
|
||||
subframe_name: "S07a Neues Board Error State"
|
||||
subframe_page_id: "a0139eb6-cb59-47ce-8065-d1c4217a3e85"
|
||||
typ: Modal-Fehlerzustand
|
||||
umsetzung: Bauen
|
||||
status: In Subframe
|
||||
route: "Fehlerzustand von S07-D"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/a0139eb6-cb59-47ce-8065-d1c4217a3e85/edit"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# S07a — Neues Board Error State
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Gebauter blockierender Fehlerzustand von [[S07 Neues Board Dialog Variante]].
|
||||
|
||||
## Sichtbare Fehler
|
||||
|
||||
- Globaler Alert: „Board konnte nicht angelegt werden. Bitte markierte Felder ausfüllen.“
|
||||
- Board-Name ist vorausgefüllt und meldet: „Diesen Board-Namen gibt es schon.“
|
||||
- Board-Typ meldet: „Bitte Board-Typ auswählen.“
|
||||
- Der Hinweis zu nachgelagerten Spalten, Zugriff, Regeln und Detailfeldern bleibt sichtbar.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Abbrechen / Schließen.
|
||||
- Board anlegen bleibt die Primäraktion, nachdem die markierten Felder korrigiert sind.
|
||||
|
||||
## Implementierungsform
|
||||
|
||||
`DialogLayout` mit `Dialog.Content`, außerdem `TextInput`, `Select`, `Alert`, `Button`, `IconButton`.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/a0139eb6-cb59-47ce-8065-d1c4217a3e85/edit)
|
||||
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
@@ -1,58 +1,62 @@
|
||||
{
|
||||
"nodes":[
|
||||
{"id":"md-paket","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.md","x":-80,"y":-440,"width":460,"height":280},
|
||||
{"id":"group-board","type":"group","x":-80,"y":-100,"width":1820,"height":380,"label":"Board (Bespoke)"},
|
||||
{"id":"group-liste","type":"group","x":1880,"y":-100,"width":540,"height":380,"label":"Listen-Ansicht"},
|
||||
{"id":"group-dialoge","type":"group","x":-80,"y":460,"width":1120,"height":380,"label":"Won/Lost-Dialoge"},
|
||||
{"id":"group-verw","type":"group","x":1200,"y":460,"width":1200,"height":380,"label":"Board-Verwaltung + Edit-Mode"},
|
||||
{"id":"group-settings","type":"group","x":-80,"y":1120,"width":1820,"height":380,"label":"Einstellungen → Arbeitsweise (zweiter Einstieg)"},
|
||||
{"id":"note-entry","type":"text","text":"# Einstieg\n\nSidebar → Pipelines (`/projects`) — öffnet das zuletzt genutzte Board.\n\nBoards = Views auf denselben Projekt-Datensatz (Pivot).","x":0,"y":0,"width":360,"height":200},
|
||||
{"id":"s01","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S01 Kanban-Board.md","x":560,"y":0,"width":420,"height":200},
|
||||
{"id":"s02","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Projekt-Detailseite.md","x":1240,"y":0,"width":420,"height":200},
|
||||
{"id":"s03","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S03 Projekt-Liste.md","x":1920,"y":0,"width":420,"height":200},
|
||||
{"id":"m01","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M01 Verloren-Dialog.md","x":0,"y":560,"width":420,"height":200},
|
||||
{"id":"m02","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M02 Board-Wechsel-Dialog.md","x":580,"y":560,"width":420,"height":200},
|
||||
{"id":"s04","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S04 Board-Einstellungen.md","x":1240,"y":560,"width":420,"height":200},
|
||||
{"id":"s05","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S05 Detail-Schablone Edit-Mode.md","x":1940,"y":560,"width":420,"height":200},
|
||||
{"id":"note-settings","type":"text","text":"# Einstieg 2\n\nEinstellungen → Arbeitsweise: alle Boards finden, neue anlegen, Verlust-Gründe pflegen.\n\nGleiche Board-Einstellungen wie im Tool — kein Duplikat.","x":0,"y":1220,"width":360,"height":200},
|
||||
{"id":"s07","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S07 Boards-Uebersicht.md","x":560,"y":1220,"width":420,"height":200},
|
||||
{"id":"s06","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S06 Verlust-Gruende.md","x":1240,"y":1220,"width":420,"height":200}
|
||||
{"id":"728a94793d7f7810","type":"group","x":2100,"y":0,"width":2700,"height":1400,"color":"5","label":"2 · Projektdetail, Schnellaktionen und Übergabe"},
|
||||
{"id":"dbf756420cc2f7be","type":"group","x":0,"y":0,"width":2100,"height":1300,"color":"4","label":"1 · Einstieg, Board und Liste"},
|
||||
{"id":"92628606ad360799","type":"group","x":0,"y":1500,"width":2100,"height":1000,"color":"6","label":"3 · Board-Verwaltung"},
|
||||
{"id":"85989ad0ce08970a","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.md","x":0,"y":-520,"width":420,"height":260},
|
||||
{"id":"b63c44f74be06db9","type":"text","text":"# Einstieg\n\nNavigation **Pipelines** öffnet die Boards-Startseite.\n\nNormale Auswahl und Admin-Verwaltung sind getrennte Screens.","x":80,"y":160,"width":400,"height":200},
|
||||
{"id":"c905c9f52bfb87b7","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S00 Boards-Startseite.md","x":600,"y":160,"width":400,"height":200},
|
||||
{"id":"3a6e300d3286b1b6","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S01 Kanban-Board.md","x":1120,"y":160,"width":400,"height":200},
|
||||
{"id":"937eb200b46fd94f","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S01a Kanban-Board Empty State.md","x":1120,"y":540,"width":400,"height":200,"color":"3"},
|
||||
{"id":"eb09c954546f78cb","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Pipelines Detailansicht.md","x":2200,"y":160,"width":440,"height":220},
|
||||
{"id":"f5eb8545672b7472","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M03 Kontextmen_ Rechtsklick.md","x":80,"y":540,"width":400,"height":200,"color":"6"},
|
||||
{"id":"8b42521bcff69d43","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M01 Verloren-Dialog.md","x":2740,"y":160,"width":400,"height":200,"color":"6"},
|
||||
{"id":"8836d9c048695b13","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Aufgabe erstellen.md","x":2720,"y":540,"width":400,"height":200,"color":"6"},
|
||||
{"id":"bf1c6f41f0443345","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Notiz erstellen.md","x":3240,"y":540,"width":400,"height":200,"color":"6"},
|
||||
{"id":"dba453788123da32","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Termin erstellen.md","x":3760,"y":540,"width":400,"height":200,"color":"6"},
|
||||
{"id":"ad1bb8f622f239c0","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Datei hochladen.md","x":4280,"y":540,"width":400,"height":200,"color":"6"},
|
||||
{"id":"7747b3f26459f6b2","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M04 Pipeline-Uebergabe.md","x":2200,"y":540,"width":400,"height":200,"color":"6"},
|
||||
{"id":"3988fbe97300c3c1","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M04a Pipeline-Uebergabe Dateien.md","x":2720,"y":1000,"width":400,"height":200,"color":"6"},
|
||||
{"id":"24c4bb324a1ae48c","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M04b Pipeline-Uebergabe Aufgaben.md","x":3240,"y":1000,"width":400,"height":200,"color":"6"},
|
||||
{"id":"48d4567b68b4f14e","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M04c Pipeline-Uebergabe Termine.md","x":3760,"y":1000,"width":400,"height":200,"color":"6"},
|
||||
{"id":"68ede1e6b59b1efa","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S03 Projekt-Liste.md","x":1640,"y":540,"width":400,"height":200},
|
||||
{"id":"473cd8a7cb5dfc69","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S03a Projekt-Liste Empty State.md","x":1640,"y":920,"width":400,"height":200,"color":"3"},
|
||||
{"id":"8662a71220e50b16","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S07 Boards-Uebersicht.md","x":80,"y":1660,"width":400,"height":200},
|
||||
{"id":"316632e854dbdb52","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S07 Neues Board Dialog Variante.md","x":600,"y":1660,"width":400,"height":200,"color":"6"},
|
||||
{"id":"0a204ec0c85164d7","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S07a Neues Board Error State.md","x":1120,"y":1660,"width":400,"height":200,"color":"1"},
|
||||
{"id":"85500a52f8b5652c","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S06 Verlust-Gruende.md","x":80,"y":2060,"width":400,"height":200},
|
||||
{"id":"bfe7baf11bc6d804","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S04 Board-Einstellungen.md","x":600,"y":2060,"width":400,"height":200},
|
||||
{"id":"6777d7f1acde205f","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S05 Detail-Schablone Edit-Mode.md","x":1120,"y":2060,"width":400,"height":200},
|
||||
{"id":"12910581f662cd08","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/Modal Bestandsfeld.md","x":1640,"y":2060,"width":400,"height":200,"color":"6"},
|
||||
{"id":"c94a57bec72e0de9","type":"text","text":"# Subframe ist die Quelle\n\n**Abgleich:** 2026-07-28 · 23/23 Seiten per MCP inklusive JSX gelesen.\n\n**Kanten:** sichtbare Controls plus von David validierte Produktlogik. Die exportierten `onClick`-Handler sind leer; statusbasierte Development-Regeln sind deshalb nicht mit bereits verdrahteter Prototype-Navigation gleichzusetzen.\n\n**Farben:** Gelb = gebaute Variante/State · Violett = Modal/Overlay · Rot = Fehlerzustand.","x":540,"y":-520,"width":980,"height":260}
|
||||
],
|
||||
"edges":[
|
||||
{
|
||||
"id":"e-entry",
|
||||
"fromNode":"note-entry",
|
||||
"fromSide":"right",
|
||||
"toNode":"s01",
|
||||
"toSide":"left",
|
||||
"toEnd":"arrow",
|
||||
"styleAttributes":{"path":"dotted"}
|
||||
},
|
||||
{"id":"e-open","fromNode":"s01","fromSide":"right","toNode":"s02","toSide":"left","toEnd":"arrow","label":"Karte öffnen"},
|
||||
{"id":"e-liste","fromNode":"s01","fromSide":"top","toNode":"s03","toSide":"top","toEnd":"arrow","label":"Umschalter Board ↔ Liste"},
|
||||
{"id":"e-lost","fromNode":"s01","fromSide":"bottom","toNode":"m01","toSide":"top","toEnd":"arrow","label":"Verloren-Spalte (Grund Pflicht)"},
|
||||
{"id":"e-won","fromNode":"s01","fromSide":"bottom","toNode":"m02","toSide":"top","toEnd":"arrow","label":"Gewonnen ohne Spalten-Regel"},
|
||||
{"id":"e-verw","fromNode":"s02","fromSide":"bottom","toNode":"s04","toSide":"top","toEnd":"arrow","label":"Board verwalten (aus S01/S02)"},
|
||||
{"id":"e-edit","fromNode":"s04","fromSide":"right","toNode":"s05","toSide":"left","toEnd":"arrow","label":"Edit-Mode öffnen"},
|
||||
{
|
||||
"id":"e-link",
|
||||
"fromNode":"s07",
|
||||
"fromSide":"top",
|
||||
"toNode":"s04",
|
||||
"toSide":"bottom",
|
||||
"toEnd":"arrow",
|
||||
"label":"öffnet dieselbe Seite",
|
||||
"styleAttributes":{"path":"long-dashed"}
|
||||
},
|
||||
{
|
||||
"id":"e-set",
|
||||
"fromNode":"note-settings",
|
||||
"fromSide":"right",
|
||||
"toNode":"s07",
|
||||
"toSide":"left",
|
||||
"toEnd":"arrow",
|
||||
"styleAttributes":{"path":"dotted"}
|
||||
}
|
||||
{"id":"650171f983a71e47","fromNode":"b63c44f74be06db9","fromSide":"right","toNode":"c905c9f52bfb87b7","toSide":"left","label":"Pipelines"},
|
||||
{"id":"a2388dc39bf31f00","fromNode":"c905c9f52bfb87b7","fromSide":"right","toNode":"3a6e300d3286b1b6","toSide":"left","label":"Board öffnen"},
|
||||
{"id":"fc6cca6282b98003","fromNode":"3a6e300d3286b1b6","fromSide":"bottom","toNode":"68ede1e6b59b1efa","toSide":"left","fromEnd":"arrow","label":"Board ↔ Liste"},
|
||||
{"id":"da04822bf54a7b12","fromNode":"3a6e300d3286b1b6","fromSide":"bottom","toNode":"937eb200b46fd94f","toSide":"top","label":"leer / Filter"},
|
||||
{"id":"d1e4ed6890bfeb83","fromNode":"68ede1e6b59b1efa","fromSide":"bottom","toNode":"473cd8a7cb5dfc69","toSide":"top","label":"leer / Filter"},
|
||||
{"id":"a202855b17ae4c2c","fromNode":"3a6e300d3286b1b6","fromSide":"right","toNode":"eb09c954546f78cb","toSide":"left","label":"Projekt öffnen"},
|
||||
{"id":"812389a70de9e940","fromNode":"68ede1e6b59b1efa","fromSide":"right","toNode":"eb09c954546f78cb","toSide":"bottom","label":"Zeile öffnen"},
|
||||
{"id":"311b545b89d4406d","fromNode":"3a6e300d3286b1b6","fromSide":"bottom","toNode":"f5eb8545672b7472","toSide":"top","label":"Karten-Rechtsklick"},
|
||||
{"id":"efe217b35a7fc048","fromNode":"eb09c954546f78cb","fromSide":"right","toNode":"8b42521bcff69d43","toSide":"left","label":"Verloren"},
|
||||
{"id":"6857e5f151f029e6","fromNode":"eb09c954546f78cb","fromSide":"bottom","toNode":"8836d9c048695b13","toSide":"top","label":"Aufgabe"},
|
||||
{"id":"c1d158bb87e78bc4","fromNode":"eb09c954546f78cb","fromSide":"bottom","toNode":"bf1c6f41f0443345","toSide":"top","label":"Notiz"},
|
||||
{"id":"aa36abe5f4acf0f9","fromNode":"eb09c954546f78cb","fromSide":"bottom","toNode":"dba453788123da32","toSide":"top","label":"Termin"},
|
||||
{"id":"075b07ecb1eea605","fromNode":"eb09c954546f78cb","fromSide":"bottom","toNode":"ad1bb8f622f239c0","toSide":"top","label":"Hochladen"},
|
||||
{"id":"4d8f5c52604f03ae","fromNode":"3a6e300d3286b1b6","fromSide":"bottom","toNode":"7747b3f26459f6b2","toSide":"top","label":"letzte Stage / Status"},
|
||||
{"id":"c1195b5a6b219701","fromNode":"7747b3f26459f6b2","fromSide":"right","toNode":"3988fbe97300c3c1","toSide":"left","label":"Dateien"},
|
||||
{"id":"e1049bc8f6c15326","fromNode":"3988fbe97300c3c1","fromSide":"right","toNode":"24c4bb324a1ae48c","toSide":"left","label":"Aufgaben"},
|
||||
{"id":"cf7bf4c9807e2754","fromNode":"24c4bb324a1ae48c","fromSide":"right","toNode":"48d4567b68b4f14e","toSide":"left","label":"Termine"},
|
||||
{"id":"1cbb9860500d8be3","fromNode":"c905c9f52bfb87b7","fromSide":"bottom","toNode":"8662a71220e50b16","toSide":"top","label":"Allg. Einstellungen"},
|
||||
{"id":"a7d4d6f3ce803337","fromNode":"c905c9f52bfb87b7","fromSide":"bottom","toNode":"316632e854dbdb52","toSide":"top","label":"Neues Board"},
|
||||
{"id":"f4c2b49295bdb20e","fromNode":"8662a71220e50b16","fromSide":"right","toNode":"316632e854dbdb52","toSide":"left","label":"Neues Board"},
|
||||
{"id":"ab3ec2127b75d8f8","fromNode":"316632e854dbdb52","fromSide":"right","toNode":"0a204ec0c85164d7","toSide":"left","label":"Fehler"},
|
||||
{"id":"2084af324a40a39c","fromNode":"316632e854dbdb52","fromSide":"bottom","toNode":"bfe7baf11bc6d804","toSide":"top","label":"nach Anlegen"},
|
||||
{"id":"904192a15dcb31ea","fromNode":"8662a71220e50b16","fromSide":"bottom","toNode":"85500a52f8b5652c","toSide":"top","label":"Verlustgründe"},
|
||||
{"id":"873706ea9a1ae63f","fromNode":"8662a71220e50b16","fromSide":"right","toNode":"bfe7baf11bc6d804","toSide":"left","label":"Board-Einstellungen"},
|
||||
{"id":"7e9feab4fcde75e1","fromNode":"bfe7baf11bc6d804","fromSide":"right","toNode":"6777d7f1acde205f","toSide":"left","label":"Detailfelder"},
|
||||
{"id":"86dff056c87f0cb6","fromNode":"6777d7f1acde205f","fromSide":"right","toNode":"12910581f662cd08","toSide":"left","label":"Bestandsfeld"}
|
||||
],
|
||||
"metadata":{
|
||||
"version":"1.0-1.0",
|
||||
|
||||
@@ -4,139 +4,198 @@ project: HiveGrid Screen Project
|
||||
ticket: D-P8 + D-KANBAN
|
||||
package: WF-P8 Pipelines
|
||||
typ: Flow
|
||||
status: Validiert
|
||||
subframe: ""
|
||||
status: In Subframe
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit"
|
||||
canvas: "WF-P8 Pipelines.canvas"
|
||||
source_checked: 2026-07-28
|
||||
---
|
||||
|
||||
# WF-P8 Pipelines
|
||||
|
||||
Status: Validiert (Screen-Liste)
|
||||
Subframe-Link: -
|
||||
Canvas: [Canvas](<WF-P8 Pipelines.canvas>)
|
||||
Stand: 2026-07-08
|
||||
Status: In Subframe · Obsidian mit dem aktuellen Flow abgeglichen
|
||||
Subframe: [Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
|
||||
Canvas: [Canvas öffnen](<WF-P8 Pipelines.canvas>)
|
||||
Stand: 2026-07-28
|
||||
|
||||
---
|
||||
|
||||
## 1. Kurzfassung
|
||||
## 1. Verbindliche Quelle
|
||||
|
||||
Das Herzstück des Vertriebs: **Kanban-Boards als Views auf den einen Projekt-Datensatz.** Karten ziehen = Status wechseln, gewonnen = Board-Wechsel (regel-basiert oder per Dialog), Umsatz nur für Berechtigte. Konfiguration lebt im Board (Edit-Mode für die Detailansicht) mit zweitem Einstieg über die Einstellungen. Deckt **beide Tickets** ab: D-KANBAN (Board, Bespoke) + D-P8 (Detail, Liste, Verwaltung).
|
||||
Für diesen Paketstand ist der aktuelle Subframe-Flow die Single Source of Truth:
|
||||
|
||||
---
|
||||
|
||||
## 2. Intent Check
|
||||
|
||||
| Frage | Antwort |
|
||||
| Feld | Wert |
|
||||
|---|---|
|
||||
| Welches Ticket/Modul ist betroffen? | D-P8 + D-KANBAN (P8), Dev-Pendant R-P8a/R-P8b |
|
||||
| Was soll der Nutzer am Ende schaffen? | Vertrieb im Blick (Board), Projekt-Details pflegen, Boards selbst zuschneiden (Spalten, Rechte, Felder) |
|
||||
| Flow, Screen, Zustand oder Doku? | Bespoke-Board + Detail + Liste + Verwaltungs-Screens + 2 Dialoge |
|
||||
| Welche Planning-Quellen wurden geprüft? | `ticket-docs/D-P8.md` + `D-KANBAN.md`, ENTITY-MODEL Domäne 5 (Pivot), HiveGrid Map |
|
||||
| Was ist sicher im Scope? | Board, Projekt-Detail (Basis), Liste, Board-Einstellungen, Edit-Mode Detailansicht, Verlust-Gründe |
|
||||
| Was ist sicher nicht im Scope? | Plantafel/Abnahme/Rechnungen-Reiter (P9), Forecast-Widgets als Screens (P11/D-DASH — hier nur Datenquellen), Karten-Layout-Editor (bewusst nicht, Davids Entscheidung) |
|
||||
| Admin/Normalrolle-Unterschiede? | Board-Sichtbarkeit je Rolle (PipelineAccess); Umsatz field-level gegated; Verwaltung nur Admin |
|
||||
| Unsichere Annahmen? | Spalten-Regel »Auto-Verschieben nach Board X« — technische Umsetzung (direkt oder via Automation-Engine) → Dev-Frage |
|
||||
| Projekt | `Basedesign` (`f023064a5ca0`) |
|
||||
| Flow | `(MCP) WF-P8 Pipelines` |
|
||||
| Flow-ID | `d9dfdec6-7236-4386-8514-697b9e0f0bc4` |
|
||||
| Bestand | 23 Subframe-Seiten |
|
||||
| Abgleich | 2026-07-28, per MCP; jede Seite inklusive aktuellem JSX gelesen |
|
||||
|
||||
Die Screen-Namen, UUIDs, sichtbaren Inhalte und Komponenten kommen direkt aus Subframe. Alte Planungsannahmen wurden nur übernommen, wenn sie im aktuellen Screen-Code noch sichtbar sind. Interaktionslogik, die statisches JSX nicht ausdrücken kann, ist nur dann ergänzt, wenn David sie ausdrücklich für Development validiert hat.
|
||||
|
||||
Wichtig für die Kanten im Canvas: Die exportierten `onClick`-Handler sind leer. Die Verbindungen bilden deshalb sichtbare Beziehungen plus die am 2026-07-28 validierten Produktentscheidungen ab; sie behaupten keine bereits verdrahtete Prototype-Navigation.
|
||||
|
||||
---
|
||||
|
||||
## 3. Scope
|
||||
## 2. Aktuelle Flow-Struktur
|
||||
|
||||
| Punkt | Inhalt |
|
||||
|---|---|
|
||||
| Ticket/Modul | D-P8 + D-KANBAN · Sidebar-Punkt »Pipelines« |
|
||||
| Nutzerrolle | Maximalansicht (Admin) |
|
||||
| Startpunkt | Sidebar »Pipelines« → zuletzt genutztes Board |
|
||||
| Ziel | Projekt durchs Board bewegt; gewonnen → Auftrags-Board |
|
||||
| Haupt-Archetyp | **BESPOKE Board** · A3 Detail (P6-Muster) · A2 Liste · A5/A6 Verwaltung |
|
||||
| Bespoke-Anteil | Das Board selbst (ein Board für alle Pipeline-Typen) |
|
||||
| Out of scope | P9-Sub-Areas, KWP, getrennte Sales-/Projekt-Kanbans (Pivot: EIN Board-System) |
|
||||
|
||||
---
|
||||
|
||||
## 4. Entscheidungen (validiert 2026-07-08)
|
||||
|
||||
| Entscheidung | Status | Notiz |
|
||||
|---|---|---|
|
||||
| EIN Paket für beide Tickets | genommen | Board = Bespoke-Kern, Rest Baukasten |
|
||||
| **Boards = Views auf Projekte** | genommen | Pivot AD-20: ein Datensatz, »Deal«/»Auftrag« = Board-Typen, kein Kopieren beim Gewinnen, Status immer board-intern |
|
||||
| **Edit-Mode: NUR die Detailansicht** | genommen | Vom Board aus umschaltbar: alle Felder der Projekt-Detailansicht als leere Schablone — verschieben, hinzufügen (nutzt Eigene Felder aus P6), sichtbar/Pflicht, Berechtigung je Feld. **Karten-Layout bewusst NICHT editierbar (v1)** |
|
||||
| **Zwei Einstiege zu den Board-Einstellungen** | genommen | (1) im Board: »Board verwalten« + Edit-Mode-Umschalter · (2) Einstellungen → Arbeitsweise → Boards: Liste aller Boards, Springen in deren Einstellungen, »+ Neues Board« — gleiche Ziele, kein Duplikat |
|
||||
| **Gewonnen-Moment regel-basiert** | genommen — Davids Delta | Spalten-Regel: »Beim Einzug in diese Spalte automatisch verschieben nach [Board, Spalte]« → kein Dialog. Ohne Regel → Auswahl-Dialog »Wohin verschieben?«. Umsetzung (direkt vs. Automation-Engine) = Dev-Frage |
|
||||
| Verloren = Grund Pflicht | genommen | Dialog mit Verlust-Grund-Auswahl (SHK-Vorlagen geseedet) |
|
||||
| Projekt-Detail nach P6-Karteikarten-Muster | genommen | Zweispalter + Reiter, Status-Leiste im Kopf |
|
||||
| Umsatz-Gating | genommen | Ohne Recht »—« (field-level via Feld-Konfiguration + Rechte) |
|
||||
|
||||
### Happy Path
|
||||
|
||||
1. Sidebar »Pipelines« → zuletzt genutztes Board; Wechsler oben (Vertrieb/Auftrag/eigene — nur die, die man sehen darf).
|
||||
2. Karten ziehen; Spaltenköpfe zeigen Anzahl + Summe + Win-%.
|
||||
3. In »Gewonnen« ziehen → Regel greift (auto-verschoben, Toast) ODER Dialog »Wohin?«.
|
||||
4. In »Verloren« ziehen → Grund-Pflicht-Dialog.
|
||||
5. Karte öffnen → Projekt-Detail (P6-Muster) mit klickbarer Status-Leiste + Historie.
|
||||
6. Admin: Edit-Mode → Detailansicht-Schablone anpassen (Felder, Sichtbarkeit, Pflicht, Rechte); »Board verwalten« → Spalten, Rollen-Zugriff, Spalten-Regeln.
|
||||
|
||||
### Meldungs-/Error-States (validiert)
|
||||
|
||||
| Ereignis | UI-Form | Blockiert? | Bauen? | Copy/Notiz |
|
||||
|---|---|---|---|---|
|
||||
| Verloren ohne Grund | Pflicht-Dialog | ja | Bauen (M01) | Grund-Auswahl + Freitext |
|
||||
| Gewonnen/Verloren gesetzt | 24-h-Rückgängig-Banner | nein | Nur dokumentieren | am Projekt + Board-Toast |
|
||||
| Umsatz ohne Recht | »—« in Karte/Kopf/Liste | nein | Nur dokumentieren | field-level |
|
||||
| Ziehen in unerlaubte Spalte | Klartext-Hinweis, Karte springt zurück | ja (Aktion) | Nur dokumentieren | Validation |
|
||||
| Live-Verbindung weg | Inline-Hinweis | nein | Nur dokumentieren | »aktualisiert sich gerade nicht« |
|
||||
| Leeres Board | Leer-Zustand + CTA | nein | Nur dokumentieren | »Noch keine Projekte — aus Lead-Eingang konvertieren oder anlegen« |
|
||||
|
||||
---
|
||||
|
||||
## 7. Validierte Screen-Liste
|
||||
|
||||
| ID | Screen/Zustand | Typ | Umsetzung | Ort | Status |
|
||||
|---|---|---|---|---|---|
|
||||
| S01 | Kanban-Board ⭐ | BESPOKE | Bauen | `/projects` | Validiert |
|
||||
| S02 | Projekt-Detailseite | Detail (P6-Muster) | Bauen | `/projects/:id` | Validiert |
|
||||
| S03 | Projekt-Liste (alle Boards) | Liste | Bauen | `/projects/list` | Validiert |
|
||||
| S04 | Board-Einstellungen (Spalten, Rollen-Zugriff, Spalten-Regeln) | Verwaltung | Bauen | aus Board + aus Einstellungen | Validiert |
|
||||
| S05 | Detail-Schablone (Edit-Mode) | Modus/Variante | Bauen | aus Board/S04 | Validiert |
|
||||
| S06 | Verlust-Gründe | Settings-Liste | Bauen | `/admin/pipelines/lost-reasons` | Validiert |
|
||||
| S07 | Boards-Übersicht (Einstellungen) | Settings-Liste | Bauen | Einstellungen → Arbeitsweise | Validiert |
|
||||
| M01 | Verloren-Dialog (Grund Pflicht) | Modal | Bauen | aus S01/S02 | Validiert |
|
||||
| M02 | Board-Wechsel-Dialog (»Wohin?« ohne Regel) | Modal | Bauen | aus S01 | Validiert |
|
||||
| D01 | KPI-/Forecast-Datenquellen | Doku | Nur dokumentieren | Widgets in D-DASH | Validiert |
|
||||
| D02–D06 | Zustände (s. Tabelle) | Inline/Banner | Nur dokumentieren | — | Validiert |
|
||||
|
||||
---
|
||||
|
||||
## 8. Grid
|
||||
### Normaler Einstieg und Projektarbeit
|
||||
|
||||
```text
|
||||
Sidebar -> S01 (Board) -> S02 (Projekt-Detail)
|
||||
S01 -> S03 (Listen-Ansicht) [Umschalter]
|
||||
S01 -> M01 (Verloren) / M02 (Board-Wechsel ohne Regel)
|
||||
S01 -> S04 (Board verwalten) -> S05 (Edit-Mode Detailansicht)
|
||||
Einstellungen -> S07 (Boards-Uebersicht) -> S04
|
||||
Einstellungen -> S06 (Verlust-Gruende)
|
||||
S02 nutzt P6-Muster + bettet ein: Aufgaben V01, Datei-Sektion, Verlauf-Drawer
|
||||
S00 Boards-Startseite
|
||||
-> S01 Kanban-Board <-> S03 Projekt-Liste
|
||||
| |
|
||||
+-------> S02 Pipelines Detailansicht
|
||||
```
|
||||
|
||||
---
|
||||
- S00 ist die normale Board-Auswahl. Freigegebene und gesperrte Boards bleiben sichtbar; für gesperrte Boards gibt es „Nutzung anfragen“.
|
||||
- S01 und S03 zeigen dieselbe Projektdatenbasis als Board bzw. Liste.
|
||||
- S01a und S03a sind die gebauten Leer-/Filterzustände dieser beiden Ansichten.
|
||||
- S02 ist die umfangreiche, direkt bearbeitbare Projektansicht mit Schnellaktionen und rechter Pipeline-Seitenleiste.
|
||||
|
||||
## 9. Screen-Pakete
|
||||
### Verwaltung
|
||||
|
||||
- [[S01 Kanban-Board]] · [[S02 Projekt-Detailseite]] · [[S03 Projekt-Liste]]
|
||||
- [[S04 Board-Einstellungen]] · [[S05 Detail-Schablone Edit-Mode]]
|
||||
- [[S06 Verlust-Gruende]] · [[S07 Boards-Uebersicht]]
|
||||
- [[M01 Verloren-Dialog]] · [[M02 Board-Wechsel-Dialog]]
|
||||
```text
|
||||
S00/S07 -> Neues Board -> S07a Fehler
|
||||
S00/S01/S07 -> S04 Board-Einstellungen -> S05 Detailfelder -> Modal Bestandsfeld
|
||||
S00/S07 -> S06 Verlust-Gründe
|
||||
```
|
||||
|
||||
- S07 ist die Admin-Übersicht; S00 bleibt die normale Board-Auswahl.
|
||||
- S04 ist die Detail- und Bearbeitungsansicht des in S07 ausgewählten Boards. Der aktuelle Code zeigt den Pipeline-Aufbau über Spalten/Stages und Status sowie den Einstieg in die Detailfeld-Konfiguration.
|
||||
- S05 ordnet System- und Custom-Felder; „Modal Bestandsfeld“ zeigt den Zustand „Bestehendes Feld hinzufügen“.
|
||||
|
||||
### Projektaktionen und Pipeline-Übergabe
|
||||
|
||||
```text
|
||||
S02 -> Aufgabe | Notiz | Termin | Datei
|
||||
S01/S02 -> M01 Verloren-Dialog
|
||||
S01 -- Karte in letzte Stage / finalen Status --> M04 Übergabe -> Dateien | Aufgaben | Termine
|
||||
S01 -- Rechtsklick auf Kanban-Karte --> M03 Kontextmenü
|
||||
```
|
||||
|
||||
- Die vier S02-Modalseiten gehören zu den sichtbaren Schnellaktionen der Detailansicht.
|
||||
- M04, M04a, M04b und M04c sind Tab-Zustände desselben Übergabe-Dialogs; M04 zeigt den Reiter „Notizen“. Das Modal öffnet automatisch, wenn ein Projekt die letzte Stage bzw. den abschließenden Status erreicht; es gibt dafür keinen eigenen Button.
|
||||
- M03 ist das Rechtsklick-Kontextmenü einer Kanban-Karte mit Öffnen, Einstellungen, Undo/Redo, Board wechseln, Duplizieren und Löschen.
|
||||
|
||||
---
|
||||
|
||||
## 10. Offene Fragen
|
||||
## 3. Vollständiger Subframe-Bestand
|
||||
|
||||
- **Dev-Frage (Davids Delta):** Spalten-Regel »Auto-Verschieben nach Board X, Spalte Y« — direkt am Board-Modell oder als vereinfachte Oberfläche über die Automation-Engine (P12)? Beim Handoff klären
|
||||
- Karten-Inhalt fix definiert (Titel, Umsatz gegated, Avatar, Datum, max. 3 Tags, Hänger-Marker) — Feinschliff beim Subframe-Bau
|
||||
- Projekt anlegen direkt aus dem Board (+ auf Spalte)? → beim Subframe-Bau entscheiden (Anfragen kommen primär aus dem Lead-Eingang)
|
||||
Die Spalte „Canvas-ID“ ist nur ein eindeutiges Obsidian-Kürzel, wenn Subframe denselben Präfix mehrfach verwendet oder gar keine Nummer vergibt. Maßgeblich bleiben Subframe-Name und UUID.
|
||||
|
||||
## Handoff-Check
|
||||
| Canvas-ID | Subframe-Seite | Typ / Rolle | Screen-MD | Subframe |
|
||||
|---|---|---|---|---|
|
||||
| S00 | S00 Boards-Startseite | Board-Auswahl / Einstieg | [MD](<Screens/S00 Boards-Startseite.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/1778cf5e-777b-439c-81b6-c51f85283cc4/edit) |
|
||||
| S01 | S01 Kanban-Board | Board-Hauptansicht | [MD](<Screens/S01 Kanban-Board.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/52699d37-974d-4f5d-b3d0-003de765b692/edit) |
|
||||
| S02 | S02 Pipelines Detailansicht | Projekt-Detail | [MD](<Screens/S02 Pipelines Detailansicht.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7/edit) |
|
||||
| S03 | S03 Projekt-Liste | Listen-Hauptansicht | [MD](<Screens/S03 Projekt-Liste.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/5c5bdb0a-995e-4c22-aa8b-e48333c60297/edit) |
|
||||
| S04 | S04 Board-Einstellungen | Board-Einstellungsdetail / Pipeline-Konfiguration | [MD](<Screens/S04 Board-Einstellungen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/0b946683-2cca-4cd4-864d-f69ed1937fdb/edit) |
|
||||
| S05 | S05 Detail-Schablone Edit-Mode | Detailfeld-Konfiguration | [MD](<Screens/S05 Detail-Schablone Edit-Mode.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e/edit) |
|
||||
| S06 | S06 Verlust-Gruende | Verlustgrund-Verwaltung | [MD](<Screens/S06 Verlust-Gruende.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/3c95e1e1-728b-460c-996f-5a641c971dfe/edit) |
|
||||
| S07 | S07 Boards-Uebersicht | Admin-Boardverwaltung | [MD](<Screens/S07 Boards-Uebersicht.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/5190e285-e92f-4ad2-9f3d-2a2f511fe695/edit) |
|
||||
| M03 | M03 Kontextmen_ Rechtsklick | Kanban-Karten-Kontextmenü | [MD](<Screens/M03 Kontextmen_ Rechtsklick.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/78fa6fa5-e2e8-441c-aefd-e9990996b761/edit) |
|
||||
| S01a | S01a Kanban-Board Empty State | Variante von S01 | [MD](<Screens/S01a Kanban-Board Empty State.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/99a06fd6-d3c7-407b-8a52-5ffb202d5be4/edit) |
|
||||
| S03a | S03a Projekt-Liste Empty State | Variante von S03 | [MD](<Screens/S03a Projekt-Liste Empty State.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/4f05ca11-e8b7-4b4c-a82e-abf34d64f181/edit) |
|
||||
| S07-D | S07 Neues Board Dialog Variante | Neues-Board-Dialog | [MD](<Screens/S07 Neues Board Dialog Variante.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/50219cd7-323d-4a74-82cd-61c23c45da79/edit) |
|
||||
| M01 | M01 Verloren-Dialog | Pflichtdialog | [MD](<Screens/M01 Verloren-Dialog.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/e0c4d9da-aff9-400b-b028-6e215e6e86db/edit) |
|
||||
| S07a | S07a Neues Board Error State | Fehlerzustand des Dialogs | [MD](<Screens/S07a Neues Board Error State.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/a0139eb6-cb59-47ce-8065-d1c4217a3e85/edit) |
|
||||
| S02-A | S02 Modal Aufgabe erstellen | Schnellaktions-Modal | [MD](<Screens/S02 Modal Aufgabe erstellen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/57954141-d806-4766-ba3e-a8a35f5b1902/edit) |
|
||||
| S02-N | S02 Modal Notiz erstellen | Schnellaktions-Modal | [MD](<Screens/S02 Modal Notiz erstellen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/2dcbdcd7-d91a-4e74-96ec-103e3c545e76/edit) |
|
||||
| S02-T | S02 Modal Termin erstellen | Schnellaktions-Modal | [MD](<Screens/S02 Modal Termin erstellen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/2a15d9a8-03b4-45e2-8c39-5be6e18b79cf/edit) |
|
||||
| S02-F | S02 Modal Datei hochladen | Schnellaktions-Modal | [MD](<Screens/S02 Modal Datei hochladen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/b2182708-1af1-45d1-8d18-c652081d04c5/edit) |
|
||||
| M04 | M04 Pipeline-Uebergabe | Übergabe · Reiter Notizen | [MD](<Screens/M04 Pipeline-Uebergabe.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/928e8ef6-90af-4733-8dad-38765c00c42f/edit) |
|
||||
| M04a | M04a Pipeline-Uebergabe Dateien | Übergabe · Reiter Dateien | [MD](<Screens/M04a Pipeline-Uebergabe Dateien.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/2f8d946f-2700-4ba5-b1f3-f8199ef4c07f/edit) |
|
||||
| M04b | M04b Pipeline-Uebergabe Aufgaben | Übergabe · Reiter Aufgaben | [MD](<Screens/M04b Pipeline-Uebergabe Aufgaben.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/9ba224d7-3288-4027-9bd1-6c1483453b4f/edit) |
|
||||
| M04c | M04c Pipeline-Uebergabe Termine | Übergabe · Reiter Termine | [MD](<Screens/M04c Pipeline-Uebergabe Termine.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/d248e3b5-4470-4c33-9e2f-c2fc2cf4006a/edit) |
|
||||
| M05 | Modal Bestandsfeld | S05 mit geöffnetem Unterdialog | [MD](<Screens/Modal Bestandsfeld.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/4b1c3497-6eff-48f6-9680-1cbad7e67da7/edit) |
|
||||
|
||||
- [x] Jeder Screen ist mit Umsetzung markiert.
|
||||
- [x] Meldungs-/Error-State-Matrix ist ausgefüllt.
|
||||
- [ ] Subframe-Link ist eingetragen. *(Subframe erst nach explizitem OK)*
|
||||
---
|
||||
|
||||
## 4. Fachlicher Stand aus dem aktuellen JSX
|
||||
|
||||
### Board-Einstieg, Zugriff und Typen
|
||||
|
||||
- Board-Typen: Vertrieb, Auftrag, Eigenes.
|
||||
- S00 filtert nach Typ, Zugriff und Status; gesperrte Boards bleiben sichtbar.
|
||||
- Sichtbare Zugriffsformen: freigegeben, Freigabe nötig, nur ich; gesperrte Einträge bieten „Nutzung anfragen“.
|
||||
- S07 trennt die Admin-Verwaltung von der normalen Board-Auswahl und filtert zusätzlich nach Regeln.
|
||||
|
||||
### Board und Liste
|
||||
|
||||
- S01 zeigt das Board „Vertrieb: Anlagen-Verkauf“ mit den sichtbaren Spalten Neu, Qualifiziert und Angebot.
|
||||
- Karten zeigen Projektname, Kontakt/Ort, Tags, Wert bzw. „—“, Avatar, Zeitraum, Termin und Prioritätsvariante.
|
||||
- S03 zeigt dieselben elf Beispielprojekte als Tabelle mit Projekt-Nr., Projektname, Board, Spalte, Auftragswert, Kunde/Kontaktrolle, Termin/Hinweis, Tags und Sachbearbeiter.
|
||||
- Beide Ansichten teilen Filter für Sachbearbeiter, Kundentyp, Tags, Zeitraum und Auftragswert sowie „Nur meine Projekte“.
|
||||
|
||||
### Projekt-Detail
|
||||
|
||||
- Kopf: Projektname, zugehöriges Board, Projekt-ID mit Kopieren, „Pipeline“ und „Speichern“.
|
||||
- Bearbeitbare Gruppen: Grunddaten, Planung und Verantwortliche, Projektkontaktdaten, KWP-Integration, Kontakte/Firmendaten und Adressdaten.
|
||||
- Kontaktbereich: Firma, zwei Ansprechpartner, Kontakt-/Firmenanlage und Rollen-/Erreichbarkeitsinformationen.
|
||||
- Adressbereich: Projektadresse, Rechnungsadresse und Bauherradresse mit Hinweisen.
|
||||
- Schnellaktionen: Anrufen, E-Mail, Termin, Aufgabe, Notiz, Hochladen.
|
||||
- Rechte Seitenleiste: Verlauf, Termine, Dateien, Aufgaben, Notizen und Aktivitäten; im gebauten Zustand ist „Dateien“ aktiv.
|
||||
|
||||
### Konfiguration
|
||||
|
||||
- S07 ist die Board-Übersicht; S04 ist die zugehörige Detail-/Bearbeitungsansicht. Neue Boards/Pipelines werden aus S07 angelegt und anschließend in S04 eingerichtet.
|
||||
- S04 konfiguriert im sichtbaren Stand den Pipeline-Aufbau über Name, Reihenfolge und Status der Board-Spalten; sichtbar sind Neu, Qualifiziert und Angebot.
|
||||
- S05 trennt Systemfelder, Custom-Felder, immer sichtbare und gesperrte Felder.
|
||||
- Feldgruppen: Grunddaten, Planung und Verantwortliche, Projektkontaktdaten, KWP-Integration, Adressdaten und Kontakte.
|
||||
- Custom-Felder können Feldtyp, Optionen, Mehrfachauswahl, Hinweis, Pflichtstatus und Pflicht-ab-Spalte erhalten sowie kopiert oder gelöscht werden.
|
||||
- „Modal Bestandsfeld“ sucht und übernimmt vorhandene Felder in eine Gruppe.
|
||||
|
||||
### Verlust und Übergabe
|
||||
|
||||
- M01 verlangt einen Verlust-Grund; die Notiz ist optional. Der Screen weist auf Reporting und 24 Stunden Rückgängig hin.
|
||||
- M04 wird automatisch durch den Statuswechsel in die letzte Stage der aktuellen Pipeline ausgelöst. Der Vertriebler wählt selektiv Notizen, Dateien, Aufgaben und Termine; erst danach werden Projekt und Auswahl in die nächste Pipeline übergeben. Der Beispielsprung lautet „Angebot → Anlagen-Installation“.
|
||||
|
||||
---
|
||||
|
||||
## 5. Zustände und Modale
|
||||
|
||||
| Auslöser / Zustand | Gebaute Seite | Ergebnis |
|
||||
|---|---|---|
|
||||
| Board-Filter ohne Treffer / leeres Board | S01a | Filter zurücksetzen oder Projekt anlegen; leere Spalten erklären ihren Inhalt |
|
||||
| Listenfilter ohne Treffer | S03a | Filter anpassen/zurücksetzen oder Projekt anlegen |
|
||||
| Neues Board | S07 Neues Board Dialog Variante | Board-Name und Typ; danach Board-Einstellungen |
|
||||
| Neues Board ungültig | S07a | Gesamtfehler, doppelter Name, fehlender Typ |
|
||||
| Projekt verloren | M01 | Pflichtgrund + optionale Notiz; 24-h-Rückgängig-Hinweis |
|
||||
| Schnellaktion in S02 | vier S02-Modalseiten | Aufgabe, Notiz, Termin oder Datei anlegen |
|
||||
| Karte erreicht letzte Stage / finalen Status | M04/M04a–c | Modal automatisch öffnen, Begleitdaten tabweise auswählen und Projekt in die nächste Pipeline übergeben |
|
||||
| Bestehendes Detailfeld | Modal Bestandsfeld | Feld suchen, auswählen und hinzufügen |
|
||||
|
||||
---
|
||||
|
||||
## 6. Validierte Produktentscheidungen und Development-Hinweise
|
||||
|
||||
Diese Punkte ergänzen die statischen Subframe-Screens um die von David validierte Produktlogik. Subframe blieb unverändert.
|
||||
|
||||
1. **S04:** S07 ist die Board-Übersicht, S04 die Detail-/Bearbeitungsansicht des ausgewählten Boards. Hier wird dessen Pipeline-Aufbau konfiguriert; neue Boards/Pipelines werden nach dem Anlegen in S04 weiter eingerichtet.
|
||||
2. **S03:** „hier Name der Pipeline einfügen“ ist ein bewusster Development-Platzhalter. Development setzt dort den Namen der aktiven Pipeline ein; am Subframe-Screen ist keine Korrektur nötig.
|
||||
3. **M04:** Der Trigger ist der Statuswechsel in die letzte Stage bzw. den abschließenden Status. Das Modal öffnet automatisch und nicht über einen Button; nach der Auswahl werden Projekt und Begleitdaten in die nächste Pipeline übergeben.
|
||||
4. **M03:** Das Kontextmenü gehört zur Kanban-Karte. Ein Rechtsklick auf eine Karte in S01 öffnet M03.
|
||||
5. Die Dialogseiten sind technisch nicht einheitlich aufgebaut: Einige nutzen `Dialog`/`Dialog.Content`, andere nur `DialogLayout` mit einer zentrierten Surface. Das ist der aktuelle Subframe-Stand, keine Obsidian-Normalisierung.
|
||||
6. Routen sind im Subframe-Seitencode nicht hinterlegt. Frühere Obsidian-Routen wurden daher nicht als verifizierte Fakten weitergeführt.
|
||||
|
||||
---
|
||||
|
||||
## 7. Bereinigter Altbestand
|
||||
|
||||
- `M02 Board-Wechsel-Dialog` wurde entfernt: Im aktuellen Subframe-Flow gibt es weder diese Seite noch diese UUID.
|
||||
- Die frühere Behauptung „Projekt-Liste über alle Boards“ wurde entfernt; der aktuelle S03-Screen ist die Listenansicht der ausgewählten Pipeline und zeigt das Board als Tabellenspalte.
|
||||
- Eine frühere, konkrete S04-Regeloberfläche mit Ziel-Board/Start-Spalte ist im aktuellen Screen nicht sichtbar. Maßgeblich ist die nun validierte Statuslogik: Letzte Stage erreicht → M04 öffnet automatisch → Auswahl wird in die nächste Pipeline übergeben.
|
||||
- Die alte, deutlich kleinere P6-Musterbeschreibung der Projekt-Detailseite wurde durch den tatsächlichen umfangreichen S02-Aufbau ersetzt.
|
||||
|
||||
---
|
||||
|
||||
## 8. Handoff-Check
|
||||
|
||||
- [x] Alle 23 aktuellen Subframe-Seiten haben eine Screen-Datei.
|
||||
- [x] Alle 23 Screen-Dateien enthalten den direkten Subframe-Link und die UUID.
|
||||
- [x] Paket-MD, Tracker und Canvas verwenden denselben aktuellen Bestand.
|
||||
- [x] Veraltete Screen-Datei und tote Canvas-/Tracker-Einträge sind entfernt.
|
||||
- [x] Zustände, Modale, Permissions und fachliche Abhängigkeiten sind abgedeckt.
|
||||
- [x] Die vier zuvor offenen Produktfragen zu S03, S04, M03 und M04 sind für Development validiert und überall synchronisiert.
|
||||
- [x] Subframe wurde nur gelesen und nicht verändert.
|
||||
@@ -30,7 +30,7 @@ Die Projekt-Akte für die Bau-Phase: alles zum Auftrag an einem Ort. Erweitert d
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A3 — Reiter-Erweiterung der [[../../P8 Pipelines/WF-P8 Pipelines/Screens/S02 Projekt-Detailseite|P8-Projekt-Detailseite]] (P6-Muster).
|
||||
A3 — Reiter-Erweiterung der [[../../../P8 Pipelines/WF-P8 Pipelines/Screens/S02 Pipelines Detailansicht|P8-Pipelines-Detailansicht]].
|
||||
|
||||
## Zustände
|
||||
|
||||
|
||||
@@ -42,7 +42,7 @@ Diese Datei ist der erste Ort, um zu sehen:
|
||||
| WF-P5 Integrationen | D-P5 | Integrationen | Validiert | [MD](<P5 Integrationen/WF-P5 Integrationen/WF-P5 Integrationen.md>) | [Canvas](<P5 Integrationen/WF-P5 Integrationen/WF-P5 Integrationen.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-08; Sync-Verlauf als eigene Seiten; Connection-Card = Muster fuer P14/P15/P16 |
|
||||
| WF-P6 Kontakte und Organisationen | D-CRM | Kontakte | Validiert | [MD](<P6 Kontakte/WF-P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen.md>) | [Canvas](<P6 Kontakte/WF-P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-08; Karteikarte = Muster-Vorlage fuer alle Detailseiten (Zweispalter + Reiter) |
|
||||
| WF-P7 Leads | D-P7 | Leads | Validiert | [MD](<P7 Leads/WF-P7 Leads/WF-P7 Leads.md>) | [Canvas](<P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-08; Lead->Projekt als grosses Modal (+Bulk); CSV-Import = Davids Delta/CR |
|
||||
| WF-P8 Pipelines | D-P8 + D-KANBAN | Pipelines | Validiert | [MD](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.md>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-08; Edit-Mode nur Detailansicht; Gewonnen regel-basiert (Spalten-Regel = Davids Delta) |
|
||||
| WF-P8 Pipelines | D-P8 + D-KANBAN | Pipelines | In Subframe | [MD](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.md>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) | [Subframe](<https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit>) | Development-Handoff | 23 aktuelle Seiten per MCP abgeglichen; S03/S04/M03/M04-Produktlogik am 2026-07-28 von David validiert |
|
||||
| WF-P9 Projekt-Akte | D-P9 | Auftrag | Validiert | [MD](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.md>) | [Canvas](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; Rechnung v1 neu; Board-Auftragsoptionen erweitern WF-P8 S04 |
|
||||
| WF-P9 Plantafel | D-PLAN | Auftrag | Validiert | [MD](<P9 Auftrag/WF-P9 Plantafel/WF-P9 Plantafel.md>) | [Canvas](<P9 Auftrag/WF-P9 Plantafel/WF-P9 Plantafel.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; Monteur-Modus = 1 Frame Heute<->Woche; Konflikt-Dialog wird gebaut |
|
||||
| WF-P9 Abnahme | D-ABN | Auftrag | Validiert | [MD](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.md>) | [Canvas](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; mehrstufiger Mobile-Workflow; immutable nach Abschluss |
|
||||
@@ -162,15 +162,29 @@ Diese Datei ist der erste Ort, um zu sehen:
|
||||
| M03 | CSV-Import-Wizard | WF-P7 Leads | Modal/Wizard | Bauen | Validiert (Delta) | aus S01 | [MD](<P7 Leads/WF-P7 Leads/Screens/M03 CSV-Import.md>) | - | [Canvas](<P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas>) |
|
||||
| S04 | Quellen-Verwaltung | WF-P7 Leads | Settings-Liste | Bauen | Validiert | `/admin/lead-sources` | [MD](<P7 Leads/WF-P7 Leads/Screens/S04 Quellen-Verwaltung.md>) | - | [Canvas](<P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas>) |
|
||||
| S05 | Spam-Schutz | WF-P7 Leads | Settings | Bauen | Validiert | `/admin/lead-anti-spam` | [MD](<P7 Leads/WF-P7 Leads/Screens/S05 Spam-Schutz.md>) | - | [Canvas](<P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas>) |
|
||||
| S01 | Kanban-Board (Bespoke) | WF-P8 Pipelines | Board | Bauen | Validiert | `/projects` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S01 Kanban-Board.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S02 | Projekt-Detailseite (P6-Muster) | WF-P8 Pipelines | Detail | Bauen | Validiert | `/projects/:id` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Projekt-Detailseite.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S03 | Projekt-Liste (alle Boards) | WF-P8 Pipelines | Liste | Bauen | Validiert | `/projects/list` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S03 Projekt-Liste.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S04 | Board-Einstellungen | WF-P8 Pipelines | Verwaltung | Bauen | Validiert | aus Board + Einstellungen | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S04 Board-Einstellungen.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S05 | Detail-Schablone (Edit-Mode) | WF-P8 Pipelines | Modus | Bauen | Validiert | aus S01/S04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S05 Detail-Schablone Edit-Mode.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S06 | Verlust-Gruende | WF-P8 Pipelines | Settings-Liste | Bauen | Validiert | `/admin/pipelines/lost-reasons` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S06 Verlust-Gruende.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S07 | Boards-Uebersicht (Einstellungen) | WF-P8 Pipelines | Settings-Liste | Bauen | Validiert | `/admin/pipelines` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S07 Boards-Uebersicht.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| M01 | Verloren-Dialog (Grund Pflicht) | WF-P8 Pipelines | Modal | Bauen | Validiert | aus S01/S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M01 Verloren-Dialog.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| M02 | Board-Wechsel-Dialog | WF-P8 Pipelines | Modal | Bauen | Validiert | Spalte ohne Auto-Regel | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M02 Board-Wechsel-Dialog.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S00 | Boards-Startseite | WF-P8 Pipelines | Board-Auswahl | Bauen | In Subframe | Einstieg Pipelines | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S00 Boards-Startseite.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/1778cf5e-777b-439c-81b6-c51f85283cc4/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S01 | Kanban-Board | WF-P8 Pipelines | Board | Bauen | In Subframe | aus S00 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S01 Kanban-Board.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/52699d37-974d-4f5d-b3d0-003de765b692/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S02 | Pipelines Detailansicht | WF-P8 Pipelines | Projekt-Detail / Editor | Bauen | In Subframe | aus S01/S03 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Pipelines Detailansicht.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S03 | Projekt-Liste | WF-P8 Pipelines | Liste | Bauen | In Subframe | Schwesteransicht von S01 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S03 Projekt-Liste.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/5c5bdb0a-995e-4c22-aa8b-e48333c60297/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S04 | Board-Einstellungen | WF-P8 Pipelines | Board-Einstellungsdetail / Pipeline-Konfiguration | Bauen | In Subframe | primär aus S07 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S04 Board-Einstellungen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/0b946683-2cca-4cd4-864d-f69ed1937fdb/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S05 | Detail-Schablone Edit-Mode | WF-P8 Pipelines | Detailfeld-Konfiguration | Bauen | In Subframe | aus S04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S05 Detail-Schablone Edit-Mode.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S06 | Verlust-Gruende | WF-P8 Pipelines | Settings-Liste | Bauen | In Subframe | aus S00/S07 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S06 Verlust-Gruende.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/3c95e1e1-728b-460c-996f-5a641c971dfe/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S07 | Boards-Uebersicht | WF-P8 Pipelines | Admin-Boardverwaltung | Bauen | In Subframe | Admin-Einstieg | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S07 Boards-Uebersicht.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/5190e285-e92f-4ad2-9f3d-2a2f511fe695/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| M03 | Kontextmen_ Rechtsklick | WF-P8 Pipelines | Kanban-Karten-Kontextmenü | Bauen | In Subframe | Karten-Rechtsklick in S01 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M03 Kontextmen_ Rechtsklick.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/78fa6fa5-e2e8-441c-aefd-e9990996b761/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S01a | Kanban-Board Empty State | WF-P8 Pipelines | Board-Variante | Bauen | In Subframe | Variante von S01 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S01a Kanban-Board Empty State.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/99a06fd6-d3c7-407b-8a52-5ffb202d5be4/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S03a | Projekt-Liste Empty State | WF-P8 Pipelines | Listen-Variante | Bauen | In Subframe | Variante von S03 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S03a Projekt-Liste Empty State.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/4f05ca11-e8b7-4b4c-a82e-abf34d64f181/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S07-D | Neues Board Dialog Variante | WF-P8 Pipelines | Modal | Bauen | In Subframe | aus S00/S07 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S07 Neues Board Dialog Variante.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/50219cd7-323d-4a74-82cd-61c23c45da79/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| M01 | Verloren-Dialog | WF-P8 Pipelines | Modal | Bauen | In Subframe | aus S01/S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M01 Verloren-Dialog.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/e0c4d9da-aff9-400b-b028-6e215e6e86db/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S07a | Neues Board Error State | WF-P8 Pipelines | Modal-Fehler | Bauen | In Subframe | Variante von S07-D | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S07a Neues Board Error State.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/a0139eb6-cb59-47ce-8065-d1c4217a3e85/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S02-A | Modal Aufgabe erstellen | WF-P8 Pipelines | Modal | Bauen | In Subframe | Schnellaktion aus S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Aufgabe erstellen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/57954141-d806-4766-ba3e-a8a35f5b1902/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S02-N | Modal Notiz erstellen | WF-P8 Pipelines | Modal | Bauen | In Subframe | Schnellaktion aus S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Notiz erstellen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2dcbdcd7-d91a-4e74-96ec-103e3c545e76/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S02-T | Modal Termin erstellen | WF-P8 Pipelines | Modal | Bauen | In Subframe | Schnellaktion aus S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Termin erstellen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2a15d9a8-03b4-45e2-8c39-5be6e18b79cf/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S02-F | Modal Datei hochladen | WF-P8 Pipelines | Modal | Bauen | In Subframe | Schnellaktion aus S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Datei hochladen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/b2182708-1af1-45d1-8d18-c652081d04c5/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| M04 | Pipeline-Uebergabe | WF-P8 Pipelines | Modal · Notizen | Bauen | In Subframe | letzte Stage / finaler Status in S01 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M04 Pipeline-Uebergabe.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/928e8ef6-90af-4733-8dad-38765c00c42f/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| M04a | Pipeline-Uebergabe Dateien | WF-P8 Pipelines | Modal-Variante | Bauen | In Subframe | Dateien-Tab von M04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M04a Pipeline-Uebergabe Dateien.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2f8d946f-2700-4ba5-b1f3-f8199ef4c07f/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| M04b | Pipeline-Uebergabe Aufgaben | WF-P8 Pipelines | Modal-Variante | Bauen | In Subframe | Aufgaben-Tab von M04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M04b Pipeline-Uebergabe Aufgaben.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/9ba224d7-3288-4027-9bd1-6c1483453b4f/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| M04c | Pipeline-Uebergabe Termine | WF-P8 Pipelines | Modal-Variante | Bauen | In Subframe | Termine-Tab von M04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M04c Pipeline-Uebergabe Termine.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/d248e3b5-4470-4c33-9e2f-c2fc2cf4006a/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| M05 | Modal Bestandsfeld | WF-P8 Pipelines | S05-Dialogzustand | Bauen | In Subframe | aus S05 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/Modal Bestandsfeld.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/4b1c3497-6eff-48f6-9680-1cbad7e67da7/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
|
||||
| S01 | Auftrags-Reiter am Projekt | WF-P9 Projekt-Akte | Detail-Erweiterung | Bauen | Validiert | `/projects/:id` | [MD](<P9 Auftrag/WF-P9 Projekt-Akte/Screens/S01 Auftrags-Reiter.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas>) |
|
||||
| S02 | Mobil-Modus | WF-P9 Projekt-Akte | Variante 📱 | Bauen | Validiert | `/projects/:id` (Handy) | [MD](<P9 Auftrag/WF-P9 Projekt-Akte/Screens/S02 Mobil-Modus.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas>) |
|
||||
| M01 | Rechnung anlegen | WF-P9 Projekt-Akte | Modal | Bauen | Validiert | Rechnungen-Reiter | [MD](<P9 Auftrag/WF-P9 Projekt-Akte/Screens/M01 Rechnung anlegen.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas>) |
|
||||
@@ -337,9 +351,13 @@ Diese Datei ist der erste Ort, um zu sehen:
|
||||
| WF-P7 Leads | Lead->Projekt-Form | Genommen | Grosses Modal mit 3 Sektionen (Vererbungs-Vorschau, Board+Spalte, Kontakt verknuepfen); auch als Bulk-Variante (Massen-Konvertierung). | Bulk-Machbarkeit mit Dev bestaetigen |
|
||||
| WF-P7 Leads | CSV-Import-Wizard | Genommen (Delta) | Datei -> Spalten zuordnen -> Vorschau/Duplikat-Regel -> Import im Hintergrund. Steht nicht im Dev-Ticket. | Change-Request an Dev |
|
||||
| WF-P7 Leads | Anfrage anlegen | Genommen | Modal (wie Kontakt anlegen); Inline-Anlegen (Plus -> Zeile) als gemeinsames Spaeter-Muster mit P6 dokumentiert. | Validiert 2026-07-08 |
|
||||
| WF-P8 Pipelines | Edit-Mode | Genommen | NUR die Detailansicht als WYSIWYG-Schablone (Felder verschieben/hinzufuegen/sichtbar/Pflicht/Berechtigung); Karten-Layout bewusst NICHT editierbar (v1). | Validiert 2026-07-08 |
|
||||
| WF-P8 Pipelines | Zwei Einstiege zur Board-Verwaltung | Genommen | Im Board (Board verwalten + Edit-Mode) UND Einstellungen -> Arbeitsweise -> Boards (Liste, neues Board). Gleiche Seiten, kein Duplikat. | Validiert 2026-07-08 |
|
||||
| WF-P8 Pipelines | Gewonnen regel-basiert | Genommen (Delta) | Spalten-Regel "Auto-Verschieben nach Board X, Spalte Y" -> kein Dialog; ohne Regel -> Auswahl-Dialog. | Dev-Frage: direkt am Board-Modell oder via Automation-Engine |
|
||||
| WF-P8 Pipelines | Aktueller Subframe-Bestand | Geltend | 23 Seiten im Flow `(MCP) WF-P8 Pipelines`; alle Namen, UUIDs, Links und JSX-Inhalte sind in Paket, Screen-Dateien und Canvas synchronisiert. | MCP-Abgleich 2026-07-28 |
|
||||
| WF-P8 Pipelines | Board- und Listenansicht | Geltend | S01 und S03 sind zwei Ansichten derselben Projektdatenbasis; S01a/S03a sind die gebauten Empty States. | Im aktuellen JSX sichtbar |
|
||||
| WF-P8 Pipelines | Normale Auswahl vs. Admin-Verwaltung | Geltend | S00 ist die normale Board-Auswahl mit Zugriffsgates; S07 ist die Admin-Boardverwaltung. | Im aktuellen JSX explizit beschrieben |
|
||||
| WF-P8 Pipelines | S04 Board-Einstellungsdetail | Genommen | S07 ist die Board-Übersicht; S04 ist die Detail-/Bearbeitungsansicht des ausgewählten Boards und konfiguriert dessen Pipeline-Aufbau. Neue Boards/Pipelines werden nach dem Anlegen dort weiter eingerichtet. | David-validiert 2026-07-28 |
|
||||
| WF-P8 Pipelines | S03 Pipeline-Name | Genommen | „hier Name der Pipeline einfügen“ ist ein Development-Platzhalter; Development setzt dort den Namen der aktiven Pipeline ein. Kein Subframe-Umbau nötig. | David-validiert 2026-07-28 |
|
||||
| WF-P8 Pipelines | M03 Karten-Kontext | Genommen | Rechtsklick auf eine Kanban-Karte in S01 öffnet M03; das Menü gehört zum Arbeiten im Kanban-Board. | David-validiert 2026-07-28 |
|
||||
| WF-P8 Pipelines | M04 Pipeline-Übergabe | Genommen | Erreicht eine Karte die letzte Stage bzw. den finalen Status, öffnet M04 automatisch und ohne Button. Nach Auswahl werden Projekt sowie Notizen, Dateien, Aufgaben und Termine in die nächste Pipeline übergeben. | David-validiert 2026-07-28 |
|
||||
| WF-P9 Plantafel | Monteur-Modus | Genommen | EIN Frame mit Umschalter Heute <-> Woche; offline mit Sync-Status. | Validiert 2026-07-09 |
|
||||
| WF-P9 Abnahme | Workflow-Form | Genommen | Mehrstufig (Pruefungen -> Maengel -> Unterschriften) statt langem Scroll-Screen. | Validiert 2026-07-09 |
|
||||
| WF-P9 Projekt-Akte | Board-Auftragsoptionen | Genommen | Abnahme-Pflicht je Spalte, Vorlagen-Zuweisung, Auto-Archiv -> erweitern WF-P8 S04 (kein neuer Screen). | Validiert 2026-07-09 |
|
||||
|
||||
Reference in new issue
Block a user