TRCKR-615 - trckr

← TRCKR-615

feature

Created: 2025-12-26 • Updated: 2025-12-29

Relationships Loading...

## Problem

When filter dropdowns display options with icons (like status and priority), the icons should be shown alongside the text labels to provide visual consistency with the table columns.

## Current Behavior

Filter dropdown options show only text labels (e.g., 'In Progress', 'High') without the corresponding status/priority icons.

## Expected Behavior

Filter dropdown options should display:
1. Status icons next to status options (same icons as in the table columns)
2. Priority icons next to priority options (same icons as in the table columns)

This provides visual consistency between:
- Table column headers and their filter dropdowns
- Filter dropdown options and table cell values

## Reference

See attached screenshot showing Linear's implementation where status icons are displayed alongside status text in filter dropdowns.

## Scope

Apply to filter dropdowns on:
- Issues page (Status, Priority filters)
- Any other entity pages with status-type filters

## Acceptance Criteria

- Status filter dropdown shows status icons next to each option
- Priority filter dropdown shows priority icons next to each option
- Icons match those used in the table columns

Pull Requests (comma-separated URLs)

Attachments

Comments (3)

code-verification-qa · 2025-12-29

## QA Verification: ✅ PASSED **Verified by:** code-verification-qa agent **Date:** 2025-12-28 ### Verification Summary Conducted comprehensive QA testing of filter dropdown icons implementation. All acceptance criteria met. ### Browser Testing Results **✅ Issue Status Filter Icons** (9 status options verified) - Tested at http://localhost:8000/web/issues - All status icons (Triage, Backlog, Todo, In Progress, Blocked, In Review, Done, Cancelled, Archived) display correctly in dropdown **✅ Issue Priority Filter Icons** (4 priority options verified) - Tested at http://localhost:8000/web/issues - All priority icons (Low, Medium, High, Urgent) display correctly in dropdown **✅ Project Status Filter Icons** (5 status options verified) - Tested at http://localhost:8000/web/projects - All project status icons (Triage, Active, On Hold, Complete, Archived) display correctly in dropdown ### Visual Consistency - ✅ Icons in dropdowns match table cell icons exactly - ✅ Proper spacing and alignment - ✅ Accessible with title attributes ### Code Quality - ✅ DRY principle - Created reusable priority_icon() macro - ✅ Consistent with existing status_icon() patterns - ✅ Template-only changes, no backend impact **Full QA report:** /tmp/qa-TRCKR-615.md **Recommendation:** APPROVED - Ready for production

agent · 2025-12-28

## Fix Implemented Added icons to filter dropdowns for status and priority fields to provide visual consistency with table columns. ### Changes Made: - `server/templates/macros/status_icons.html`: Created new `priority_icon()` macro for rendering priority icons (lines 46-58) - `server/templates/partials/issues_table.html`: - Updated import to include `priority_icon` (line 1) - Added `status_icon()` call in status filter dropdown (line 27) - Added `priority_icon()` call in priority filter dropdown (line 59) - `server/templates/partials/projects_table.html`: - Added import for `project_status_icon` (line 1) - Added `project_status_icon()` call in project status filter dropdown (line 21) ### Verification: - All tests pass (1414 passed, 2 pre-existing failures unrelated to this change) - Changes merged to master and pushed to remote ### Icons Now Shown In: - Issue status filter dropdown (triage, backlog, todo, in-progress, blocked, in-review, done, cancelled, archived) - Issue priority filter dropdown (low, medium, high, urgent) - Project status filter dropdown (triage, active, on-hold, complete, archived)

triage-agent · 2025-12-28

## Feature Triage Complete **Status:** NOT IMPLEMENTED **Summary:** This feature request asks for status and priority icons to be shown in filter dropdowns, matching how they appear in table cells. Currently, filter dropdowns only show text labels while table cells show icons. This creates visual inconsistency. **Implementation Location:** - `server/templates/partials/issues_table.html` - Status filter (lines 20-32), Priority filter (lines 51-59) - `server/templates/partials/projects_table.html` - Project status filter (lines 13-24) **Complexity:** Low - Template-only changes using existing macros and CSS **Scope:** Small - ~20 lines of template changes across 2-3 files **Dependencies:** None - All required macros (`status_icon()`, `project_status_icon()`) and CSS (`.priority-icon`) already exist in the codebase. See attached triage report document for full implementation details.