tensorflow / tensorflow/tensorboard
Proposed changes to search UI
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 7.2k
- Forks
- 1.7k
- Avg merge
- 4d 22h
- Merged PRs (30d)
- 1
Description
Currently on each dashboard:
- An "all tags" section is visible, i.e. "Tags matching: /.*/"
- Tag sections are collapsed
- Entering a search causes the "all tags" section to drill down
- Clearing the search box causes the "all tags" section to disappear
We've received feedback from multiple individuals that the first thing they do in their workflows is collapse the first section and open the other ones.
It might be better to change the UI to the following:
- Remove "all tags" section
- Expand all sections by default (should be possible, thanks to pagination)
- Make search bar invisible by default (free up vertical whitespace: content is king)
- Add magnifying glass icon (left to refresh button) that toggles visibility of search bar
- When initially clicked, search bar initializes to empty (defined as
.*) and "all tags" section appears - Typing search term causes the "Tags matching" section to update in real time, as it does now
- Maybe put "x" button to right of search bar that does same thing as clicking search button in top right corner a second time (de-toggling)
- Ensure that all these search states persist to the fragment section of the URL bar
Thoughts @wchargin @chihuahua @dandelionmane?
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the dashboard search UI and the code that stores search state in the URL fragment. Compare the current section, search-bar, and toggle behavior with the eight proposed states; done means the revised defaults, live filtering, optional close control, and URL persistence all work consistently.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100