patternfly-design icon indicating copy to clipboard operation
patternfly-design copied to clipboard

Search page?

Open ajacobs21e opened this issue 5 years ago • 7 comments

Red Hat's web site systems need a uniform design for a search page and search results. While some of this is probably going to be Red Hat specific, there may be other elements that could be part of PF4. For example, most of the PF4 filters seem geared toward a table / list context rather than a whole page search.

Things this could include:

  • larger search bar & search button
  • page level filters (in a side bar?)
  • page level pagination
  • search results

Existing search pages: https://access.redhat.com/search/#/?q=rhel&p=1&sort=relevant&scoped=false https://www.redhat.com/en/search/rhel https://catalog.redhat.com/hardware/servers/search?q=rhel&p=1 https://developers.redhat.com/search/?t=rhel

Search page research Pagination research

@mceledonia @coreyvickery

ajacobs21e avatar Jun 22 '20 23:06 ajacobs21e

@ajacobs21e this would be a great project for the Website System Architecture team to help drive. I know it's probably already on their roadmap, just maybe not priority. But they could help to consolidate requirements.

dcaryll avatar Jun 26 '20 12:06 dcaryll

Initial requirements gathering for pagination: https://docs.google.com/document/d/1hr2V3Dt2PYeH-3y1fpr8e0umkSnG1EYk-6pm1E_LBOM/edit

ajacobs21e avatar Jul 08 '20 13:07 ajacobs21e

@maryshak1996

ajacobs21e avatar Jul 08 '20 13:07 ajacobs21e

thanks @ajacobs21e :) I've got some work in progress stuff as well that I can share here, and will look at what we both have to see if there's any gaps in PF components, and mock up some examples with both of our contexts in the same styling :)

Here's my doc: https://marvelapp.com/prototype/ej852ee

I'll be in touch soon with some more updates based on your suggestions and the use cases of the search pages that you included links to

maryshak1996 avatar Jul 08 '20 15:07 maryshak1996

Potentially similar use cases: Page level pagination

  • Web use cases: blog, catalog, search, etc

Filters outside of a toolbar

ajacobs21e avatar Jul 31 '20 15:07 ajacobs21e

@ajacobs21e I made some new updates to the marvel deck above if you wanna give it another look!

maryshak1996 avatar Aug 03 '20 20:08 maryshak1996

Reviewed this again and I think this would make a good PatternFly demo for building a full page web search. Will look to get this on the roadmap for sometime later in 2021.

mcarrano avatar Jan 05 '21 15:01 mcarrano