Filtering of checkboxes inside an issue
Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.
Problem to solve
On long issues with many checkboxes, it's really hard to find the ones that actually matter.
Intended users
Basically every user in need of managing such issues. Could be all the personas, the least likely are Sidney and Devon.
I've seen the first such issue during my onboarding to GitLab, but since then I've seen checkboxes to be used all around in issues in large number.
Further details
At least two possible, quick filters come to my mind:
- hide checked items
- filter issues by text, dim the other issues
I'm currently running the following two code snippets in the browser's dev console in order to achieve the above goals:
$("li.task-list-item").each((idx, item) => {
$item = $(item)
if(!item.textContent.trim().startsWith('New team member:')) {
$item.css('color', '#ccc')
}
})$("li.task-list-item input[checked]").parent().hide()These work great, except for the use case, when I check one of the items on the page. In these cases the content reloads, and I have to re-run the snippets to hide the unnecessary items.
Proposal
I have two ideas in mind for the UI:
- extend the search bar at the top to allow for filtering the current issue. This way we don't need to add extra UI
- add a nifty filter icon besides the edit icon at the top of the issue. This filter icon could open a filter dialog where the filters can be set up. Once set up, the icon should change to show that the page is filtered.
Permissions and Security
Not relevant
Documentation
The parts of an issue page needs updating.
Testing
What does success look like, and how can we measure that?
A possible approach for measuring its effect would be to A/B test it. Switching on the dimming of completed issues to 10% of our users or all the GitLab team members by default, and leaving it as is for everyone else. We could gather feedback on it without actually developing the UI for filtering. If the dimming is appreciated, then we can add the filter button / search enhancements described above.