filters-enhancement

[BenoitSafari]

Description

Movie filtering is currently exclusively handled in front, that feature must be partially handled in back. Design must also be reworked.

Checklist

• [x] Main filters server-side.
• [x] Working reset filters button.
• [x] New searchbar design.
• [ ] Filters persistence.
• [ ] New secondary filter design.
• [x] Bookmark filter (Server-side).
• [x] Duration filter (Client-side).
• [x] Notation filter (Client-side).
• [ ] isNoted (Client-side). Missing back feature
• [ ] isViewed filter (Client-side). Missing back feature

Feature

Main changes

• Main filters (Seasons, all movies and user bookmarks) will now be handled server-side.
• Secondary filters (genres, countries, periode) logic remains client-side.
• Duration, notation, isViewed, isNoted will be implemented as secondary filters.
• Reset button will be implemented.

Behavior

• Only one main filter can be selected at the time.
• Search-bar will filter the resulting array of all other filters.
• Filters will be persistant for an hour since the last time there where updated. (to be confirmed)
• Genre and countries will keep the same behavior.
• Duration is a filter by max value.
• Notation is either a filter by max global value or by max user value.
• isViewed will render only movie that user has marked as viewed.
• isNoted will render only movie that user has noted.
• Reset button will only reset secondary filters.

Check api documentation for back filters parameters api-docs#/Movies

Design

Screenshots below shows the idea but are not definitive. Main filters (Seasons, all movies and user bookmarks) will now be accessible with a button in the search-bar that open a drop down menu.

Mobile

Every filtering categories are wrapped in a drop down menu, kind of the same behavior as MVP's filters. see screenshot

Desktop - Tablet

Each filter category is called with a button that open a drop down menu. see screenshot

[BenoitSafari]

Cannot currently filter isViewed/isNoted in front. To do so i'll need a route that give me a list of movies ID corresponding to a boolean value. Or maybe change the getAllMovies response since we ask for refreshToken, and give these informations whithin the movie object (asRated: true for instance).