Add Dropdown Menu to Facet Carousels

[mekarpeles]

Feature Request

Problem / Opportunity

Today, our subject pages are not useful to most [international] audiences because they either see random works or likely books predominantly in English.

Once we merge:

• Edition-aware Carousels #5858

We will be able to change either all the carousels on a page or a single carousel by having some sort of facet or dropdown option.

My preference is that (for starters) each carousel would have its own filter icon

Which would allow the patron to (a) specify language, (b) add tags to the query, (c) toggle ebook only

Proposal

For v1, success means the ability to click a filter or cog icon and apply additional filters or facets (similar to the search page) to a carousel. A requirement is that language be a dropdown and that "All" is selected by default. Presumably this should be sticky across page loads but/and have an easy way to x and clear facets.

Github does something similar, which is having a cog that allows patrons to specify tags or other facets, e.g.

Breakdown

Related files

Refer to this map of common Endpoints:
*

Requirements Checklist

Checklist of requirements that need to be satisfied in order for this issue to be closed:

• Clicking facets should somehow replace or update the existing carousel (or items), possibly using a partial?
• A loading indicator should appear after facets are added, while the carousel is reloading.
• Clicking on x clear all the facets and reloads the original carousel
• An update button should be clicked in order to save the state
• Show somehow if/when facets are sticky set on a specific carousel (e.g. cog or filter is a different color, or we show a bar with the facets selected (that you can x / clear like the search page).
• Use localstorage to save a mapping of carousel_id to "query" and "settings": {} where the settings contains the options in the UI and the query is what gets sent to solr.

Stakeholders

• @jimchamp has implemented our carousel partials

---

Instructions for Contributors

• Before creating a new branch or pushing up changes to a PR, please first run these commands to ensure your repository is up to date, as the pre-commit bot may add commits to your PRs upstream.

[Alok-2005]

Hi @mekarpeles ,

I would like to take on this issue and contribute to implementing the carousel filtering functionality. I have reviewed the requirements and breakdown, and I am confident in handling the necessary updates, including UI enhancements, facet management, and local storage integration.

Could you kindly assign this issue to me? Additionally, if there are any specific guidelines, existing implementations, or best practices I should follow, please let me know.

Looking forward to your guidance and contributing to this improvement.

[mekarpeles]

@Alok-2005 as a first step, can you provide a basic low-fidelity design / mock-up / proposal based on the requirements above, including which files you believe may need to be updated?