dashboard: Add search pre-fill via url

[stevenhorsman]

It would be useful, particularly when sending evidence that a test is eligible to becoming required if we could provide an optional url query parameter that would pre-fill the search box. e.g. if I want to give evidence that the run-runk tests are stable/have problems, I could link something like https://kata-containers.github.io/?search=run-runk

and it would pre-fill in the search with that string, and maybe even auto expand the results view? e.g.

[afinn12]

URL search working-- example shows URL searching for "qemu" and table search looking for "coco."
(PR #15 in our repo)

[stevenhorsman]

Thanks - the demo looks great, so I look forward to seeing this get merged :)

[sprt]

@afinn12 Can we make it so that typing in the search bar updates the URL directly? Or provide some button to click to go to that search page? I want to avoid users having to manipulate the URL directly.

[afinn12]

When filters are applied using the menu, the URL is immediately updated and the page is reloaded.

If "Keep URL Search Terms" is selected, the search rules from the URL will be kept in future searches.

For instance, given this search:

If we add another rule:

It then loads:

Note that the operator changed appropriately (matches any vs. all, denoted as "and"/"or") as well.
Populating the filter menu with the rules from the URL didn't appear possible.
PR #20 in our repo

[afinn12]

PR #22

• The filter box has been replaced with a form (with select/input).

  • onSubmit will generate the new URL, depending on if search terms are kept.
  • Latency improved greatly when typing into the box (when many rows, bad response time with the filter box)
  • matchMode now represents matchAny/matchAll (instead of contains/startsWith/endsWith/etc.)
    • The rule will always be "contains"

• Additionally, URL processing is done through URLSearchParams

  • The URL is now: http://localhost:3000/?matchMode=or&value=coco&value=normal&value=qemu
  • (compared to: http://localhost:3000/?and/?search=contains&coco/?search=contains&normal/?search=contains&qemu)

• Clear Search button added (will clear the search and reload page)

• Moved "Total Rows" to the top of the table for visibility

• It is also responsive:

[afinn12]

PR #22

[sprt]

Ready to review