Page MenuHomePhabricator

Searching the hub should be more discoverable
Closed, ResolvedPublicFeature

Description

Right now there are only two places where you can access the search function:

  • Directly from the homepage
  • From the search results page

Given that search is so important i think it would make sense to provide access to the search functionality on *all* pages. Maybe there could be a search input form in the blue menu bar (next to the language select button). Alternatively, i would suggest at least providing a direct link to the search page (that would be) https://toolhub.wikimedia.org/search from the main (hamburger) menu.

Especially if people are landing on another page than the homepage (e.g. a tool page) it's not obvious at all that the hub can be searched.

Event Timeline

bd808 triaged this task as Medium priority.Apr 20 2022, 4:55 PM
bd808 changed the subtype of this task from "Task" to "Feature Request".
bd808 moved this task from Backlog to Research needed on the Toolhub board.
bd808 subscribed.

This could use some design mockups. And some thinking about if the search bar in the nav would be the only one, or if we would still have an in=page search on the results screen.

bd808 changed the task status from Open to In Progress.Dec 1 2022, 10:41 PM
bd808 claimed this task.

I did some pen and paper mockups and then decided to move into coding as there were some non-obvious things that needed figuring out about how to connect a search box widget in the site chrome with other business logic embedded in the views/Search.vue "page" sitting within that chrome. After some experiments I have landed on the publish-subscribe pattern from https://www.digitalocean.com/community/tutorials/vuejs-global-event-bus as a workable solution.

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

[wikimedia/toolhub@main] ui(search): Move tool search bar to header

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

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

[wikimedia/toolhub@main] ui(locale): Hide locale label on narrow viewports

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

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

[wikimedia/toolhub@main] ui(toolinfo): Watch route params for changes in ToolView.vue

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

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

[wikimedia/toolhub@main] ui(chrome): Put global search on its own line for XS viewports

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

Change 864254 merged by jenkins-bot:

[wikimedia/toolhub@main] ui(search): Move tool search bar to header

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

Change 864255 merged by jenkins-bot:

[wikimedia/toolhub@main] ui(locale): Hide locale label on narrow viewports

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

Change 864256 merged by jenkins-bot:

[wikimedia/toolhub@main] ui(toolinfo): Watch route params for changes in ToolView.vue

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

Change 864792 merged by jenkins-bot:

[wikimedia/toolhub@main] ui(chrome): Put global search on its own line for XS viewports

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

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

[operations/deployment-charts@master] toolhub: bump container to 2022-12-14-185830-production

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

Change 868183 merged by jenkins-bot:

[operations/deployment-charts@master] toolhub: bump container to 2022-12-14-185830-production

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