Skip to content

[Search] Auto complete list #1713

@Lindsayauchin

Description

@Lindsayauchin

As an Operator, when I am searching, it would be nice to see an auto complete list hinting at the available search operators. Reference the styles used in [Search] No Results Found #1704

[JM] Some implementation details:

  1. User focuses on the search bar and is blank, the dropdown should appear with the following hints (as kinda shown by the first screenshot)
  • status:
  • team:
  1. If the user types the words that match a special search label (e.g. the complete phrase 'status:'), then we should provide hints on the options on that label.
    • if status: then show:
      - status:pending
      - status:paused
      - status:failed
      - status:errored
      - status:aborted
      - status:running
      - status:succeeded
    • if team: then show list of first 10 team:<teamname>
  2. During this time user can use up/down arrow to select from dropdown and ENTER to select the filter
  3. If the user just types something that's not even close to status or `pending try to match a pipeline name
  4. if the text entered just doesnt match anything don't show the dropdown

Dropdown Hex Codes
Background: 2E2E2E, Border: 9B9B9B, Border of the cells(Top +Bottom): 404040,
Font unselected: 9B9B9B
Font Selected: FFF

dashboard_search_auto_complete
dashboard_search_auto_complete_status

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions