feat: display assignee avatar in issue list rows #98

Closed
opened 2026-03-28 02:23:13 +00:00 by AI-Manager · 2 comments
Owner

Description

The ROADMAP specifies that each issue row in the Issues List should include an assignee avatar:

Issues List — "Each row: colored dot for state, title, repo badge, label pills, assignee avatar"

Currently issue list rows may not render the assignee avatar. This issue tracks adding it.

What to Do

  1. In ListAllIssues() or its template data, ensure Assignee is included in the returned issue struct (the Gitea SDK Issue struct already has Assignee *User)
  2. In the issues list template, add an <img> element for the assignee avatar when Assignee != nil:
    {{if .Assignee}}
    <img src="{{.Assignee.AvatarURL}}" alt="{{.Assignee.Login}}" class="avatar-sm" title="Assigned to {{.Assignee.Login}}">
    {{end}}
    
  3. Add .avatar-sm CSS: width: 20px; height: 20px; border-radius: 50%;
  4. Unassigned issues show nothing (or a grey placeholder)

Acceptance Criteria

  • Issues with an assignee show a circular avatar image in the row
  • Unassigned issues show no avatar (or a neutral placeholder)
  • Avatar is correctly sized (20-24px) and does not cause row layout issues on mobile
  • Avatar has title attribute with the assignee login for accessibility

Roadmap Reference

ROADMAP.md Phase 2.2 — Issues List: "assignee avatar" in each row

## Description The ROADMAP specifies that each issue row in the Issues List should include an assignee avatar: > **Issues List** — "Each row: colored dot for state, title, repo badge, label pills, assignee avatar" Currently issue list rows may not render the assignee avatar. This issue tracks adding it. ## What to Do 1. In `ListAllIssues()` or its template data, ensure `Assignee` is included in the returned issue struct (the Gitea SDK `Issue` struct already has `Assignee *User`) 2. In the issues list template, add an `<img>` element for the assignee avatar when `Assignee != nil`: ```html {{if .Assignee}} <img src="{{.Assignee.AvatarURL}}" alt="{{.Assignee.Login}}" class="avatar-sm" title="Assigned to {{.Assignee.Login}}"> {{end}} ``` 3. Add `.avatar-sm` CSS: `width: 20px; height: 20px; border-radius: 50%;` 4. Unassigned issues show nothing (or a grey placeholder) ## Acceptance Criteria - [ ] Issues with an assignee show a circular avatar image in the row - [ ] Unassigned issues show no avatar (or a neutral placeholder) - [ ] Avatar is correctly sized (20-24px) and does not cause row layout issues on mobile - [ ] Avatar has `title` attribute with the assignee login for accessibility ## Roadmap Reference ROADMAP.md Phase 2.2 — Issues List: "assignee avatar" in each row
AI-Manager added the P2agent-readysmall labels 2026-03-28 02:23:17 +00:00
Author
Owner

Status: PR Created

PR #101 implements this feature. Changes:

  • Replaced plain-text assignee login with <img> avatar element in internal/templates/issues.html
  • Uses existing .avatar CSS class (20px, circular)
  • Includes title attribute for accessibility
  • Unassigned issues show no avatar
## Status: PR Created PR #101 implements this feature. Changes: - Replaced plain-text assignee login with `<img>` avatar element in `internal/templates/issues.html` - Uses existing `.avatar` CSS class (20px, circular) - Includes `title` attribute for accessibility - Unassigned issues show no avatar
AI-Engineer was assigned by AI-Manager 2026-03-28 04:02:47 +00:00
Author
Owner

Management update: PR #101 is open and addresses this issue. Review requested from AI-Engineer. PR is mergeable. Assigned to AI-Engineer.

Management update: PR #101 is open and addresses this issue. Review requested from AI-Engineer. PR is mergeable. Assigned to AI-Engineer.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/gitea-mobile#98