Add dropdown filter to show rooms, languages, session types. Ensure it works in mobile view

odkhang commented 3 weeks ago

This PR closes/references issue #194 . It does so by:

Add filters for track, session, room on schedule/session page

How has this been tested?

Checklist

[x] I have added tests to cover my changes.

Summary by Sourcery

Add dropdown filters for tracks, rooms, and session types on the schedule and session pages, and ensure they are responsive for mobile view.

New Features:

Introduce dropdown filters for tracks, rooms, and session types on the schedule and session pages, enhancing the user interface for filtering sessions.

Enhancements:

Ensure the new dropdown filters are responsive and function correctly in mobile view, improving the mobile user experience.

odkhang commented 3 weeks ago

sourcery-ai[bot] commented 3 weeks ago

Reviewer's Guide by Sourcery

This pull request implements a new filtering system for the schedule and sessions pages. It replaces the previous single filter button with dropdown filters for tracks, rooms, and session types. The changes also include improvements to the mobile view and the addition of a "favorites only" filter.

File-Level Changes

Files	Changes
`webapp/src/views/schedule/index.vue` `webapp/src/views/schedule/sessions/index.vue`	Replaced single filter button with dropdown filters for tracks, rooms, and session types
`webapp/src/components/AppDropdown.vue` `webapp/src/components/AppDropdownContent.vue` `webapp/src/components/AppDropdownItem.vue`	Added new components for dropdown functionality (AppDropdown, AppDropdownContent, AppDropdownItem)
`webapp/src/views/schedule/index.vue` `webapp/src/views/schedule/sessions/index.vue`	Implemented filtering logic in computed properties and methods
`webapp/src/views/schedule/index.vue` `webapp/src/views/schedule/sessions/index.vue`	Added 'favorites only' filter functionality
`webapp/src/views/schedule/index.vue` `webapp/src/views/schedule/sessions/index.vue`	Improved mobile view styling for filter actions
`webapp/src/store/schedule.js`	Updated store to include session type information
`webapp/src/views/schedule/schedule-components/GridSchedule.vue`	Modified GridSchedule component to handle potential undefined values

Tips

- Trigger a new Sourcery review by commenting `@sourcery-ai review` on the pull request. - Continue your discussion with Sourcery by replying directly to review comments. - You can change your review settings at any time by accessing your [dashboard](https://app.sourcery.ai): - Enable or disable the Sourcery-generated pull request summary or reviewer's guide; - Change the review language; - You can always [contact us](mailto:support@sourcery.ai) if you have any questions or feedback.

fossasia / eventyay-video