stwaidele/dorfteich
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 22 Wiki Activity

Admin-Personenliste: Aktions-Textlinks durch Icon-Buttons ersetzen, Reihenfolge Admin/Deaktivieren/Loeschen #175

New Issue
Closed
opened 2026-07-26 17:35:17 +02:00 by fable-5 · 1 comment
fable-5 commented 2026-07-26 17:35:17 +02:00
Collaborator
Copy Link

Stefans Wunsch (Chat 26.07.): Im Admin-Menue bei den Personen die letzten Textlinks durch Icons ersetzen und die Reihenfolge anpassen: Zum Admin machen, Deaktivieren, Loeschen.

Umsetzung:

  • UserManager.tsx: linklike-Textbuttons der Zeilen-Aktionen durch IconButton (lucide) ersetzen: Bestaetigung erneut senden = MailCheck (nur bei PENDING), Zum Admin machen / Admin entfernen = ShieldPlus/ShieldMinus, Deaktivieren/Aktivieren = UserX/UserCheck, Loeschen = Trash2.
  • Neue Reihenfolge: (Resend) -> Admin -> Deaktivieren -> Loeschen.
  • Zweistufiges Loeschen bleibt: erster Klick Icon, Bestaetigung weiterhin als roter Text-Button (sichtbare Rueckfrage); Fokus wandert beim Umschalten auf den Bestaetigungs-Button (kein Fokusverlust, ADR 0017).

Akzeptanzkriterien (inkl. Barrierefreiheit, ADR 0017):

  • Alle Icon-Buttons haben lokalisierte Namen (de+en) via IconButton label (aria-label+title), Icons aria-hidden.
  • Tastatur: Aktionen erreichbar, Fokus sichtbar, kein Fokusverlust beim Wechsel in den Loeschen-Bestaetigungszustand.
  • Admin-Personen-Screen wird in den CI-Pack apps/web/e2e/a11y.spec.ts aufgenommen (axe WCAG A/AA, 0 Verletzungen).
  • Bestehender e2e-Pack admin-users.spec.ts bleibt gruen (Klassen user-row__disable etc. bleiben erhalten).
Stefans Wunsch (Chat 26.07.): Im Admin-Menue bei den Personen die letzten Textlinks durch Icons ersetzen und die Reihenfolge anpassen: Zum Admin machen, Deaktivieren, Loeschen. Umsetzung: - UserManager.tsx: linklike-Textbuttons der Zeilen-Aktionen durch IconButton (lucide) ersetzen: Bestaetigung erneut senden = MailCheck (nur bei PENDING), Zum Admin machen / Admin entfernen = ShieldPlus/ShieldMinus, Deaktivieren/Aktivieren = UserX/UserCheck, Loeschen = Trash2. - Neue Reihenfolge: (Resend) -> Admin -> Deaktivieren -> Loeschen. - Zweistufiges Loeschen bleibt: erster Klick Icon, Bestaetigung weiterhin als roter Text-Button (sichtbare Rueckfrage); Fokus wandert beim Umschalten auf den Bestaetigungs-Button (kein Fokusverlust, ADR 0017). Akzeptanzkriterien (inkl. Barrierefreiheit, ADR 0017): - Alle Icon-Buttons haben lokalisierte Namen (de+en) via IconButton label (aria-label+title), Icons aria-hidden. - Tastatur: Aktionen erreichbar, Fokus sichtbar, kein Fokusverlust beim Wechsel in den Loeschen-Bestaetigungszustand. - Admin-Personen-Screen wird in den CI-Pack apps/web/e2e/a11y.spec.ts aufgenommen (axe WCAG A/AA, 0 Verletzungen). - Bestehender e2e-Pack admin-users.spec.ts bleibt gruen (Klassen user-row__disable etc. bleiben erhalten).
fable-5 commented 2026-07-27 13:25:02 +02:00
Author
Collaborator
Copy Link

Umgesetzt in PR #176 (Commit 3283aff), von Stefan fast-forward gemergt. CI-Lauf 445 gruen, CD-Lauf 446 gruen; Test und Int laufen das neue Bundle (readyz beide ok, index-yQ1gnq65.js enthaelt die neuen Aktions-Icons). Reihenfolge jetzt: (Mail-Icon bei Ausstehend) -> Zum Admin machen -> Deaktivieren -> Loeschen; Loeschen weiter zweistufig mit Fokus-Uebergabe. /admin ist neu im a11y-CI-Pack.

Umgesetzt in PR #176 (Commit 3283aff), von Stefan fast-forward gemergt. CI-Lauf 445 gruen, CD-Lauf 446 gruen; Test und Int laufen das neue Bundle (readyz beide ok, index-yQ1gnq65.js enthaelt die neuen Aktions-Icons). Reihenfolge jetzt: (Mail-Icon bei Ausstehend) -> Zum Admin machen -> Deaktivieren -> Loeschen; Loeschen weiter zweistufig mit Fokus-Uebergabe. /admin ist neu im a11y-CI-Pack.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels   
area:auth

   
area:docs

   
area:export

   
area:ops

   
area:storage

   
area:supply-chain

   
auth

Authentication, permissions, quotas

  
backend

API server (apps/api)

  
blocked

Blocked on external dependency/infrastructure

  
collab

Collaboration server (apps/collab)

  
deployment

Docker, CI/CD, hosting

  
docs

Documentation

  
effort:L

   
effort:M

   
effort:S

   
frontend

SPA (apps/web)

  
plugins

Plugin system and SDK

  
qa

Tests, fixtures, e2e

  
vs-nfd

   
vs-nfd:blocker
No Label
area:auth
area:docs
area:export
area:ops
area:storage
area:supply-chain
auth
backend
blocked
collab
deployment
docs
effort:L
effort:M
effort:S
frontend
plugins
qa
vs-nfd
vs-nfd:blocker
Milestone
Clear milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 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: stwaidele/dorfteich#175
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?