Image browser search, filtering & redesign

AICAN-Research / learn-pathology

A web-based system for learning pathology

MIT License

9 stars 2 forks source link

Image browser search, filtering & redesign #25

Closed ingridtv closed 1 year ago

ingridtv commented 1 year ago

This PR includes:

New image browser design with filtering/search options in a column on the left, and the image grid on the right. This way you can view the slides more easily while applying the filters/searching
Added search bar to image browser. The search is a bit naive (checks whether the given string is in the name or the description of the slide), but may be helpful if the user knows what they are looking for
Added option for filtering with general pathology tags
Implemented logic for filtering/searching

ingridtv commented 1 year ago

Hey @UteSpiske! Can you please test this functionality when you have time? If you have feedback on the layout/design I would be happy to hear that, too😊

ingridtv commented 1 year ago

Great feedback, thanks! And the search/filtering seems to work as expected? I tried to fix all the bugs I could find when I was developing it, but I have a feeling we'll discover some bugs/inconsistencies that I've missed...

I also thought about a "clear all"/"reset" button -- I can give this a go and update here!

The list view has been kept from the early days of the project, but maybe it's time to let it go? If not, we should make sure it works👍

ingridtv commented 1 year ago

(For further reference/note to self: We should update all of the image browsers (e.g. slide selection for course) to use the new layout. I have put this on my TO DO-list)

ingridtv commented 1 year ago

I added a 'Clear selection' button to the top of the sidebar. Will merge this now!