merge filtering and carousel #9

Manually merged

chark1es merged 0 commits from :main into main

2025-01-23 21:37:11 +00:00

chark1es commented

2025-01-18 12:16:54 +00:00

Owner

This incorporates #7 and #8.

Officer Filtering (closes #7):

Supports automatic type detection (based on officers.json)
Sorts by officer type in alphabetical order in the ALL tab (mean Executive would always be first)
In the filter tab, a smooth animation can be seen when pressing any of the filters
Fade in / out animations are played when switching between filters for a smooth look
- This also fixes the inview tag that @shing.hung created. All the cards needed to be "deleted" for the inview animation to replay (when filtering)
Due to the structure of the json file, itll automatically sort the officers. This means no manual sorting is needed.
- This also makes it so none of the cards show until the sorting is done

The filter is in the filter.astro that was initially created.

Carousel (closes #8):

Supports any amount of items
Supports either button input or mouse input
- No drag functionality due to instability
Supports spam clicking
- and by support I mean it just forcefully adds a delay so you cant break the component

I had to incorperate it into the Subteams.astro file so it's a little messy. Ill make it into another file later when i sleep.

This incorporates #7 and #8. Officer Filtering (closes #7): - Supports automatic type detection (based on officers.json) - Sorts by officer type in alphabetical order in the ALL tab (mean Executive would always be first) - In the filter tab, a smooth animation can be seen when pressing any of the filters - Fade in / out animations are played when switching between filters for a smooth look - This also fixes the inview tag that @shing.hung created. All the cards needed to be "deleted" for the inview animation to replay (when filtering) - Due to the structure of the json file, itll automatically sort the officers. This means no manual sorting is needed. - This also makes it so none of the cards show until the sorting is done The filter is in the filter.astro that was initially created. Carousel (closes #8): - Supports any amount of items - Supports either button input or mouse input - No drag functionality due to instability - Supports spam clicking - and by support I mean it just forcefully adds a delay so you cant break the component I had to incorperate it into the Subteams.astro file so it's a little messy. Ill make it into another file later when i sleep.

chark1es added 6 commits 2025-01-18 12:16:54 +00:00