In the future, this should be combined with UI elements (e.g. button, range-slider) to allow the visitor of the website to filter the timeframe they would like to see.
Checklist
General
[x] PR title is clear and descriptive
[x] PR description explains the purpose and changes
[x] Code follows project coding standards
[x] Self-review of the code has been done
[x] Changes have been tested locally
Client (if applicable)
[x] UI changes look good on all screen sizes and browsers
[x] No console errors or warnings
[x] User experience and accessibility have been tested
[ ] Added Storybook stories for new components
[ ] Components follow design system guidelines (if applicable)
Server (if applicable)
[x] Code is performant and follows best practices
[x] No security vulnerabilities introduced
[x] Proper error handling has been implemented
[ ] Added tests for new functionality
[ ] Changes have been tested in different environments (if applicable)
Motivation
We want to be able to set custom timeframes for the leaderboard. This allows us to create sliding time windows with custom dates for the client.
Description
This PR adds support for custom sliding time windows in both the server- and client-side:
before
andafter
timestamps, both usable standalone or combined@RequestParam
Example URL: http://localhost:4200/?after=2024-09-18T10:15:30%2001:00&before=2024-09-20T10:15:30%2001:00 -> sets
after
to: 2024-09-19 10:15:30 UTC +1 -> setsbefore
to: 2024-09-20 10:15:30 UTC +1In the future, this should be combined with UI elements (e.g. button, range-slider) to allow the visitor of the website to filter the timeframe they would like to see.
Checklist
General
Client (if applicable)
Server (if applicable)