Symbol für verknüpftes Git Issue bei Aufgaben #12

Closed
opened 2026-08-18 11:48:18 +00:00 by florian.wilde · 3 comments
Owner

Man kann nicht erkennen innerhalb eines Projektes ob eine Aufgabe schon mit einem git Issue verknüpft ist.

Angelegt aus Nebula in Nebula.

Man kann nicht erkennen innerhalb eines Projektes ob eine Aufgabe schon mit einem git Issue verknüpft ist. _Angelegt aus [Nebula](https://nebula.wilde-ste.de/projects/cms2wvhe9000opb01h8c8ajxn) in Nebula._
florian.wilde added the in-arbeit label 2026-08-18 11:52:54 +00:00
florian.wilde started working 2026-08-18 11:53:01 +00:00
Author
Owner

🤖 Claude Code hat mit der Umsetzung begonnen.

  • Branch: feat/12-issue-symbol-aufgaben
  • Verstanden als: Auf dem Aufgabenbrett eines Projekts soll man einer Karte ansehen, dass sie mit einem Git-Issue verknüpft ist — heute steht das nur im Bearbeiten-Dialog und in der projektübergreifenden Übersicht, auf der Karte selbst fehlt es.
  • Geplantes Vorgehen:
    • TaskCard bekommt in der Fußzeile ein Kennzeichen mit der Issue-Nummer, neben den vorhandenen Kennzeichen für Beschreibung, Wiederholung, Fälligkeit und Labels
    • Symbol dasselbe wie im Bearbeiten-Dialog, damit derselbe Sachverhalt nicht zwei Zeichen hat
    • Die Bedingung, ob die Fußzeile überhaupt erscheint, muss mit — sonst bleibt eine Aufgabe ohne Beschreibung, Datum und Labels weiterhin unbeschriftet
    • Nachsehen statt annehmen: Screenshot vom Brett, dazu axe-core und eine Überlaufmessung auf 375 px

Zeiterfassung läuft.

🤖 **Claude Code hat mit der Umsetzung begonnen.** - Branch: `feat/12-issue-symbol-aufgaben` - Verstanden als: Auf dem Aufgabenbrett eines Projekts soll man einer Karte ansehen, dass sie mit einem Git-Issue verknüpft ist — heute steht das nur im Bearbeiten-Dialog und in der projektübergreifenden Übersicht, auf der Karte selbst fehlt es. - Geplantes Vorgehen: - `TaskCard` bekommt in der Fußzeile ein Kennzeichen mit der Issue-Nummer, neben den vorhandenen Kennzeichen für Beschreibung, Wiederholung, Fälligkeit und Labels - Symbol dasselbe wie im Bearbeiten-Dialog, damit derselbe Sachverhalt nicht zwei Zeichen hat - Die Bedingung, ob die Fußzeile überhaupt erscheint, muss mit — sonst bleibt eine Aufgabe ohne Beschreibung, Datum und Labels weiterhin unbeschriftet - Nachsehen statt annehmen: Screenshot vom Brett, dazu axe-core und eine Überlaufmessung auf 375 px Zeiterfassung läuft.
florian.wilde worked for 11 minutes 2026-08-18 12:04:50 +00:00
florian.wilde added zu-testen and removed in-arbeit labels 2026-08-18 12:05:21 +00:00
Author
Owner

✅ Umsetzung abgeschlossen — bereit zum Testen.

Was geändert wurde

  • Die Karte auf dem Aufgabenbrett zeigt in ihrer Fußzeile ein Kennzeichen mit der Issue-Nummer, sobald die Aufgabe an einem Git-Issue hängt — vorn, vor Beschreibung, Wiederholung, Frist und Labels, damit sich eine Spalte danach überfliegen lässt
  • Symbol und Farbe wie im Bearbeiten-Dialog: ein Sachverhalt, ein Zeichen
  • Bewusst kein Link: die Karte steckt in einem <button>, ein <a> darin wäre ungültiges Markup. Der Weg zum Issue führt über den Bearbeiten-Dialog, der ihn ohnehin anbietet
  • „Verknüpft mit" steht als sr-only vor der Nummer — „#12" allein ergibt vorgelesen keinen Sinn
  • Der eigentliche Fallstrick: die Fußzeile wurde nur gerendert, wenn es Beschreibung, Frist, Wiederholung oder Labels gab. Eine aus einem Issue erzeugte Aufgabe hat davon oft nichts — genau die wäre leer geblieben. Bedingung mitgezogen, Test dazu
  • Wieder verworfen: das Kennzeichen auf erledigten Karten abzudunkeln. axe-core rechnete text-violet-300/50 bei 10 px als Kontrastverstoß ab (3,2:1 statt 4,5:1); vorher 0 Verstöße, danach 1

Geänderte Dateien

  • src/components/tasks/TaskCard.tsx
  • src/components/tasks/TaskCard.test.tsx (neu, 6 Tests)

So testest du es

  1. git switch feat/12-issue-symbol-aufgaben
  2. npm run docker:db und npm run dev
  3. Ein Projekt öffnen, eine Aufgabe anlegen, im Aufgabendialog Als Issue anlegen drücken
  4. Erwartet: die Karte trägt danach ein violettes #<nr> in der Fußzeile — auch dann, wenn die Aufgabe weder Beschreibung noch Frist noch Labels hat
  5. Gegenprobe: eine Aufgabe ohne Verknüpfung zeigt es nicht

Geprüft: tsc sauber · 275 Unit-Tests grün (vorher 269) · npm run build durch · angesehen auf einem Brett mit sechs Aufgaben (verknüpft, unverknüpft, nackt, vollbepackt, erledigt, vierstellige Nummer) auf 1280 px und 375 px: kein seitlicher Überlauf, axe-core 0 Verstöße auf beiden Breiten. Wegwerf-Datenbank, danach gelöscht.

Aufgewendete Zeit: 00:12
Pull Request: #13

Nach Freigabe: /issue-freigabe 12

✅ **Umsetzung abgeschlossen — bereit zum Testen.** <!-- claude-status branch: feat/12-issue-symbol-aufgaben pr: 13 zeit_sekunden: 709 --> **Was geändert wurde** - Die Karte auf dem Aufgabenbrett zeigt in ihrer Fußzeile ein Kennzeichen mit der Issue-Nummer, sobald die Aufgabe an einem Git-Issue hängt — vorn, vor Beschreibung, Wiederholung, Frist und Labels, damit sich eine Spalte danach überfliegen lässt - Symbol und Farbe wie im Bearbeiten-Dialog: ein Sachverhalt, ein Zeichen - Bewusst **kein** Link: die Karte steckt in einem `<button>`, ein `<a>` darin wäre ungültiges Markup. Der Weg zum Issue führt über den Bearbeiten-Dialog, der ihn ohnehin anbietet - „Verknüpft mit" steht als `sr-only` vor der Nummer — „#12" allein ergibt vorgelesen keinen Sinn - **Der eigentliche Fallstrick:** die Fußzeile wurde nur gerendert, wenn es Beschreibung, Frist, Wiederholung oder Labels gab. Eine aus einem Issue erzeugte Aufgabe hat davon oft nichts — genau die wäre leer geblieben. Bedingung mitgezogen, Test dazu - **Wieder verworfen:** das Kennzeichen auf erledigten Karten abzudunkeln. axe-core rechnete `text-violet-300/50` bei 10 px als Kontrastverstoß ab (3,2:1 statt 4,5:1); vorher 0 Verstöße, danach 1 **Geänderte Dateien** - `src/components/tasks/TaskCard.tsx` - `src/components/tasks/TaskCard.test.tsx` *(neu, 6 Tests)* **So testest du es** 1. `git switch feat/12-issue-symbol-aufgaben` 2. `npm run docker:db` und `npm run dev` 3. Ein Projekt öffnen, eine Aufgabe anlegen, im Aufgabendialog **Als Issue anlegen** drücken 4. Erwartet: die Karte trägt danach ein violettes `#<nr>` in der Fußzeile — auch dann, wenn die Aufgabe weder Beschreibung noch Frist noch Labels hat 5. Gegenprobe: eine Aufgabe ohne Verknüpfung zeigt es nicht **Geprüft:** `tsc` sauber · 275 Unit-Tests grün (vorher 269) · `npm run build` durch · angesehen auf einem Brett mit sechs Aufgaben (verknüpft, unverknüpft, nackt, vollbepackt, erledigt, vierstellige Nummer) auf 1280 px und 375 px: kein seitlicher Überlauf, axe-core 0 Verstöße auf beiden Breiten. Wegwerf-Datenbank, danach gelöscht. **Aufgewendete Zeit:** 00:12 **Pull Request:** #13 Nach Freigabe: `/issue-freigabe 12`
Author
Owner

🚀 Freigegeben und nach main übernommen.

  • Merge-Commit: 1b5f3fa
  • Pull Request: #13 (gemergt)
  • Gesamtaufwand: 00:12

Issue wird geschlossen.

🚀 **Freigegeben und nach `main` übernommen.** <!-- claude-status merge: 1b5f3fa1b2afc330b92f594f0d1429828a36accc pr: 13 zeit_sekunden: 709 --> - Merge-Commit: `1b5f3fa` - Pull Request: #13 (gemergt) - Gesamtaufwand: 00:12 Issue wird geschlossen.
florian.wilde removed the zu-testen label 2026-08-18 12:39:47 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Total Time Spent: 11 minutes
florian.wilde
11 minutes
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: florian.wilde/nebula#12