Feature: search for package by name #1101
Comments
|
Alternative to consider: automatically filtering results as a user types. Pros: much more responsive to the user, likely leading to results quicker. |
|
After some design review with the team, here are some proposed mockups for adding a simple package search. As noted on #1102 (adding filters issue), I suggest that we add the search box directly to the packages page, rather than to the global header. This is so that a) it is clearer that the search relates only to packages and not other entities, and b) so that we can better clarify how searching interacts with the available filter options. For a simple mockup of what the filters and search would like at rest with nothing yet applied, see the first wireframe in this comment on issue #1102. Here is what it would look like with a simple search performed and no filters applied or visible:
Note that:
Here is an image of a search and a filter being applied to the results:
Again, note that the "X clear all" button to the right would clear both the search term and the applied filter if clicked. Otherwise, the search and/or the filter could be removed individually. Note as well that, while the original mockups on #1102 included an option to hide the filters even if one or more was active / applied, after discussion with the team we have removed this option. The filter drop-down section should only allow a user to toggle between show / hide if there are no filters applied - as soon as one or more filters are active, the filter drop-down section remains visible until they are cleared. |
sallain
changed the title
Refs #1101. Update package filter so the name value matches any packages whose names contain the given string.
Refs #1101. Update package filter so the name value matches any packages whose names contain the given string.
Add a search box to the package list page that finds packages whose names contain the search value. This implementation requires the user to click the search icon (magnifying glass) or press the enter key to perform the search. Other features: - The search term is included in the page URL so the search can be bookmarked or easily shared - The search and status tab filters play nicely together - The search bar includes a "clear" button which clears the current search value and updates the results
Add a search box to the package list page that finds packages whose names contain the search value. This implementation requires the user to click the search icon (magnifying glass) or press the enter key to perform the search. Other features: - The search term is included in the page URL so the search can be bookmarked or easily shared - The search and status tab filters play nicely together - The search bar includes a "clear" button which clears the current search value and updates the results
Add a search box to the package list page that finds packages whose names contain the search value. This implementation requires the user to click the search icon (magnifying glass) or press the enter key to perform the search. Other features: - The search term is included in the page URL so the search can be bookmarked or easily shared - The search and status tab filters play nicely together - The search bar includes a "clear" button which clears the current search value and updates the results
Add a search box to the package list page that finds packages whose names contain the search value. This implementation requires the user to click the search icon (magnifying glass) or press the enter key to perform the search. Other features: - The search term is included in the page URL so the search can be bookmarked or easily shared - The search and status tab filters play nicely together - The search bar includes a "clear" button which clears the current search value and updates the results
Add a search box to the package list page that finds packages whose names contain the search value. This implementation requires the user to click the search icon (magnifying glass) or press the enter key to perform the search. Other features: - The search term is included in the page URL so the search can be bookmarked or easily shared - The search and status tab filters play nicely together - The search bar includes a "clear" button which clears the current search value and updates the results
Add a search box to the package list page that finds packages whose names contain the search value. This implementation requires the user to click the search icon (magnifying glass) or press the enter key to perform the search. Other features: - The search term is included in the page URL so the search can be bookmarked or easily shared - The search and status tab filters play nicely together - The search bar includes a "clear" button which clears the current search value and updates the results
Add a search box to the package list page that finds packages whose names contain the search value. The implementation requires the user to click the search icon (magnifying glass) or press the enter key to perform the search. Other features: - Update the API package filter so the name parameter matches any packages whose names contain the given string - The search term is included in the page URL so the search can be bookmarked or easily shared - The search and status tab filters play nicely together - The search bar includes a "clear" button which clears the current search value and updates the results
Add a search box to the package list page that finds packages whose names contain the search value. The implementation requires the user to click the search icon (magnifying glass) or press the enter key to perform the search. Other features: - Update the API package filter so the name parameter matches any packages whose names contain the given string - The search term is included in the page URL so the search can be bookmarked or easily shared - The search and status tab filters play nicely together - The search bar includes a "clear" button which clears the current search value and updates the results
|
Search added in commit 41f56f9. We may want to leave this issue open after QA testing for additional features such as real-time filtering as the user types. |
|
The search box works great! Really nice how the package count updates depending on the tab filter etc. Minor thought: I wonder if we want to make the placeholder prompt text say "Search by package name" or similar, to better indicate that currently only the pkg name will return results? I actually wasn't sure if UUIDs might work as well and had to test to confirm. Also @sallain not sure what you wanna do w this card, per David's suggestion above - we could update it and move it back to the ready pile if we want to implement typeahead support, or we could close this one now and file a new ticket in the future if and when we decide to do any further work on it. I'm partial to the latter - there's plenty to do and it could be a bit before typeahead becomes a priority, and we haven't gotten actual feedback on the current feature yet to determine how much more focus we should apply here. |
|
@fiver-watson Close it and file a new one when needed! |
Is your feature request related to a problem? Please describe.
If I know a package's name, either in part or in full, I want to be able to find a specific package on the Packages page.
Describe the solution you'd like
I would like there to be a text box where I can enter a partial or complete package name, hit a search button, and see a list of packages that match my search term.
Describe alternatives you've considered
Additional context
Add any other context or screenshots about the feature request here.
The text was updated successfully, but these errors were encountered: