Add autocomplete/lookahead search to home page search bar
Closed, ResolvedPublicFeature
Actions

Assigned To

Authored By

	Husky
	Oct 13 2021, 9:40 AM

Description

User Story

Let's say i'm looking for Depictor. Maybe i have used the tool before but i'm not sure if it's called "Depictor", "Depicorate" or "Depictify". > Right now if i just search for "depict" i get no results, even though the tool is available in the Toolhub.
It would be great if i could just type the first couple of characters and get a list of suggestions.
Compare this to my original Tools Directory where the list of tools is
automatically filtered down and provides the same purpose.
I could imagine the UX would be more or less the same as the autocomplete on a random Mediawiki installation,
e.g. when using the search bar on Wikidata you get the title and a short description.

Acceptance Criteria

Given a tool is registered in toolhub, when I start typing the name of the tool on the home page search bar, I expect to see a list of tools that match my search criteria
Given a tool does not exist in toolhub, when I start typing the name of the tool on the home page search bar, I expect to see a message stating no tool was found

Details

	Subject	Repo	Branch	Lines +/-
	toolhub: Bump container version to 2022-03-15-002555-production	operations/deployment-charts	master	+1 -1
	ui: Add autocomplete/lookahead search to home page search bar	wikimedia/toolhub	main	+73 -6

Customize query in gerrit

Event Timeline

Husky created this task.Oct 13 2021, 9:40 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptOct 13 2021, 9:40 AM

The search bar component (SearchBar.vue) is currently implemented in Vuetify as a v-text-field. I wonder if changing the implementation to instead use v-autocomplete wouldn't be the simplest way to offer flexibe type-ahead functionality? Vuetify docs.

Raymond_Ndibe moved this task from Backlog to Groomed/Ready on the Toolhub board.Dec 8 2021, 6:52 PM

Raymond_Ndibe moved this task from Groomed/Ready to Backlog on the Toolhub board.Dec 8 2021, 6:58 PM

Going to be working on this today since I've worked on something similar in the past

I think that the edited task description is clear enough. If there are still some concerns let's deliberate on them

Change 749538 had a related patch set uploaded (by Raymond Ndibe; author: Raymond Ndibe):

[wikimedia/toolhub@main] ui: Add autocomplete/lookahead search to home page search bar

https://gerrit.wikimedia.org/r/749538

gerritbot added a project: Patch-For-Review.Dec 22 2021, 2:11 PM

Raymond_Ndibe added a project: User-Raymond_Ndibe.Jan 7 2022, 2:28 PM

Raymond_Ndibe moved this task from Backlog to In Review on the User-Raymond_Ndibe board.

Raymond_Ndibe moved this task from Groomed/Ready to In Progress on the Toolhub board.Jan 10 2022, 3:17 PM

Raymond_Ndibe moved this task from In Progress to Review on the Toolhub board.Jan 11 2022, 8:48 PM

Change 749538 merged by jenkins-bot:

[wikimedia/toolhub@main] ui: Add autocomplete/lookahead search to home page search bar

https://gerrit.wikimedia.org/r/749538

Maintenance_bot removed a project: Patch-For-Review.Jan 21 2022, 8:10 PM

Raymond_Ndibe closed this task as Resolved.Jan 24 2022, 10:25 PM

Change 770638 had a related patch set uploaded (by BryanDavis; author: Bryan Davis):

[operations/deployment-charts@master] toolhub: Bump container version to 2022-03-15-002555-production

https://gerrit.wikimedia.org/r/770638

gerritbot added a project: Patch-For-Review.Mar 15 2022, 12:35 AM

Change 770638 merged by jenkins-bot: