UnlockedLabs / UnlockEdv2

UnlockedLabs' WIP education portal/SIS for capturing meaningful progress of incarcerated learners in external providers, to help earn good time credits

6 stars 19 forks source link

Course catalog search/sort functionality #269

Open calisio opened 4 months ago

calisio commented 4 months ago

Overview

The student view of “course catalog” does not have a search or sort functionality implemented yet. Below is a view of what the UI should look like.

Relevant files

These should live in the CourseCatalog.tsx file. The handler is in /backend/src/handlers/dashboard.go and the call to the database is in /backend/src/database/user_catalogue.go.

Sorting/filtering should already be implemented in the backend for tags, see the call to the database for instructions (should be able to call more than one tag). Courses can be saved/unsaved at the moment, but the filtering of saved courses is not yet implemented (and the button in the top right does not exist).

Tasks to complete ticket

[ ] Update backend api call and table join to query for saved courses
[ ] Update frontend to include search bar, filter dropdown, and saved courses icon
[ ] Connect frontend to backend for search and filter

pd3000 commented 4 months ago

Since the learning platforms we're integrated with also have a notion of catalogs and categories is there a way we could bring in a category context to organize the catalog? I ask to inform how we could arrive at showing only courses that were earned time credit earning as an example - which is part of the lower pill on each course card.

techeclecticdesign commented 3 months ago

I am not sure how large the course catalogue could potentially be, but if it is possibly going to be quite large I think that having a means of choosing more than one filter option at a time would be useful. Perhaps instead of a simple single choice dropdown, maybe a dropdown whose choices are toggled on and off, eg with a checkmark, or alternatively, having an expandable chevron with a set of filter checkboxes exposed when activated. Thoughts on this?

calisio commented 3 months ago

I like this idea. I agree, it can get very large and filtering would get tedious if you can only filter by one item. Let me talk to product and see what they think about this variation, and then I can make some changes to the Figma UI if they approve. I will keep you posted @techeclecticdesign !

calisio commented 3 months ago

Hey @techeclecticdesign, just as an update, we are working on more clearly defining what tags look like in course catalog, so this will be on hold until then!

techeclecticdesign commented 3 months ago

Sounds good thanks for the update.