readthedocs / ext-theme

Read the Docs drop in replacement site templates
2 stars 2 forks source link

Replace search dropdown filter on project/version/etc listing views #343

Closed agjohnson closed 4 months ago

agjohnson commented 5 months ago

Currently, there are a few mock filters that use API driven mechanism to search/etc. These are old implementations and have been updated with some modern work on newer Django filters.

These are the filters that I'm describing:

image

For example, on the organization listing view, the dropdown is a simple filter object and is displayed as normal from the filter menu:

image

These last two filters can be updated to match, which would also remove some of the bad UX around this filter UI.

Places this pattern was used:

agjohnson commented 4 months ago

I've combined this work with #250

It's working great I think. This deletes a lot of JS code from our dashboard, moving the code to django-filter Python logic, which I think is another win. I didn't go as far as to use web components for the client side logic, as the majority of this is still application template driven.

But for now, the filters feel a bit easier to use:

Screencast from 2024-05-16 18-29-50.webm