Icon buttons and compact column headers in the circuit list #10

Closed
Grovy311 wants to merge 0 commits from feature/editor-ui into main
Collaborator
  • Werkzeugleiste, Gruppenköpfe und Zeilenaktionen nutzen IconButton mit lucide-Icons (Mülleimer = löschen, Pfeile = Gruppe hoch/runter, Plus = hinzufügen …). Der deutsche Aktionstext bleibt als Name und Tooltip erhalten.
  • Kompakte Spaltenköpfe: Der Filter ist ein Trichter-Icon mit Zähler, Einheiten stehen in der zweiten Zeile.
  • Die UI-Regel ist in AGENTS.md ergänzt.

Keine Abhängigkeiten.

Geprüft auf dem Branch allein: alle drei tsc-Konfigurationen, npm test 415/415, Produktions-Build (build:api + build:web). Zusammen mit allen anderen Branches: 509/509 Tests, konfliktfrei in jeder Merge-Reihenfolge.

Merge-Reihenfolge aller Branches:

  1. fix/client-id-insecure-context (#9)
  2. feature/editor-ui (#10)
  3. feature/cable-sizing (#11)
  4. feature/overview-filters (#12)
  5. feature/circuit-list-usability (#13)
  6. feature/card-look (#14)
  7. feature/print-view (#15)
  8. feature/building-structure (#16)
  9. feature/estimate-balance (#17)

🤖 Generated with Claude Code

- Werkzeugleiste, Gruppenköpfe und Zeilenaktionen nutzen `IconButton` mit lucide-Icons (Mülleimer = löschen, Pfeile = Gruppe hoch/runter, Plus = hinzufügen …). Der deutsche Aktionstext bleibt als Name und Tooltip erhalten. - Kompakte Spaltenköpfe: Der Filter ist ein Trichter-Icon mit Zähler, Einheiten stehen in der zweiten Zeile. - Die UI-Regel ist in AGENTS.md ergänzt. Keine Abhängigkeiten. Geprüft auf dem Branch allein: alle drei `tsc`-Konfigurationen, `npm test` 415/415, Produktions-Build (`build:api` + `build:web`). Zusammen mit allen anderen Branches: 509/509 Tests, konfliktfrei in jeder Merge-Reihenfolge. Merge-Reihenfolge aller Branches: 1. `fix/client-id-insecure-context` (#9) 2. `feature/editor-ui` (#10) 3. `feature/cable-sizing` (#11) 4. `feature/overview-filters` (#12) 5. `feature/circuit-list-usability` (#13) 6. `feature/card-look` (#14) 7. `feature/print-view` (#15) 8. `feature/building-structure` (#16) 9. `feature/estimate-balance` (#17) 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Grovy311 added 2 commits 2026-09-26 20:14:42 +02:00
- New IconButton/IconButtonSeparator component based on lucide-react.
- Toolbar: icon plus text, grouped into history, view and insert blocks.
- Group headers: compact icons for add circuit, upstream fuse (VS), group
  RCD (FI), edit, move up/down, renumber and delete; the header no longer
  overflows the grid.
- Rows: add device, delete circuit (trash) and delete device (ListX).
- The previous German labels remain accessible names and tooltips;
  destructive actions highlight in the danger color.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Replace the "Filtern" text buttons with a funnel icon next to the column
  label; an active filter is highlighted and shows its value count.
- Header labels no longer break inside words (e.g. "Bemerkung"); hyphens
  are non-breaking and a trailing unit moves to its own line, so all
  headers share one height.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Owner

Integriert in main mit Merge-Commit 203757b92c.

Anpassungen beim Merge:

  • Fix Spaltenköpfe: Im Regex von renderColumnHeaderLabel (circuit-tree-editor.tsx) fehlten die Backslashes (/^(.*?)s*([[^]]+])$/). Dadurch wurden Einheiten wie [kW] nicht in die zweite Zeile umgebrochen. Korrigiert zu /^(.*?)\s*(\[[^\]]+\])$/.
  • Doku: docs/circuit-list-editor-interactions.md ergänzt um Sortieren/Filter-Trichter im Spaltenkopf, Einheitenumbruch und den Abschnitt „Action Buttons“ (IconButton, Tooltips, tabIndex={-1}).
Integriert in `main` mit Merge-Commit 203757b92c6f852d511d2d489f90796600b68cd8. Anpassungen beim Merge: - **Fix Spaltenköpfe:** Im Regex von `renderColumnHeaderLabel` (`circuit-tree-editor.tsx`) fehlten die Backslashes (`/^(.*?)s*([[^]]+])$/`). Dadurch wurden Einheiten wie `[kW]` nicht in die zweite Zeile umgebrochen. Korrigiert zu `/^(.*?)\s*(\[[^\]]+\])$/`. - **Doku:** `docs/circuit-list-editor-interactions.md` ergänzt um Sortieren/Filter-Trichter im Spaltenkopf, Einheitenumbruch und den Abschnitt „Action Buttons“ (`IconButton`, Tooltips, `tabIndex={-1}`).
jappel closed this pull request 2026-09-26 21:42:29 +02:00

Pull request closed

Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: jappel/leistungsbilanz-ts#10
No description provided.