122/137: Filtering of project search

[benlk]

Changes

This pull request makes the following changes:

• adds filters for project organization type and project category
• adds first-pass styles for the project terms, being the two mentioned above and the project status. Different colors are applied to each to aid in debugging.
• adds first-pass styles for the search controls on desktop, to make them appear in a single line and to make the control for the project categories into a dropdown

Why

For #137

Testing/Questions

Features that this PR affects:

• search on /local-that-works/ and on any page with the project shortcode
• filtering of that search
• LMP on that search

Questions that need to be answered before merging:

• Is this PR targeting the correct branch in this repository?
• What should the actual styles for this look like, on desktop and on mobile?
• Do we want to try to keep this hack of a dropdown, improve it, or replace it with a scrollable box of limited height containing the list of terms?
• The term links on the individual project items are links to those term archives, not to this page's search results. Do we want to make that the case?
• The search params for project org type and project category use numeric term IDs instead of slugs. Should they use slugs instead?

Steps to test this PR:

1. search for things. Filter by categories and other things. Click the LMP button.

[joshdarby]

The term links on the individual project items are links to those term archives, not to this page's search results. Do we want to make that the case?

Probably. If we didn't, we'd need to update the posts that display on the archive page and make sure they link to the local projects page with a param to the specific project instead of the actual project post page

The search params for project org type and project category use numeric term IDs instead of slugs. Should they use slugs instead?

I think that's fine unless we think people will be manually typing in the URL for specific categories?

[joshdarby]

Is it necessary to have a second search bar appear when there are no search results found?

[joshdarby]

Other than the few things above, this functions as expected!

[benlk]

The links should work now.

With thanks to https://www.filamentgroup.com/lab/select-css.html and an inline'd PNG, we have much better-looking dropdowns now.

[joshdarby]

@benlk The new changes look great!

One last question:

If a user clicks on a category inside of a project in the projects list and gets taken to a page that is now querying that category, should we update the dropdown to display that category as checked?

[benlk]

should we update the dropdown to display that category as checked?

It should have; it wasn't. This identified a bug: the param used for these links was incorrect.

Since #138 (comment):

• Terms in the list view now use the correct parameter for project categories
• The parameter for organization type has been updated to match the parameter for project categories
• Adds support for clicking on the project status to filter by that
• Does not provide filter UI for project status