Commit ca625d5
authored
ARO Gallery (#638)
# Purpose
Closes [#611](#611)
# New Changes
Added new route /profile/gallery, which is a photo gallery showcasing
all of the photos taken by the user
- Designed to hold only 320 x 240 rez images, dummy data defined in
galleryData.ts
- Sorted by date, can change sort order using ascending/descending
button
- Images are grouped by month and then year, with a section for pinned
images at the very top
<img width="1466" height="826" alt="image"
src="https://github.com/user-attachments/assets/1b6cb09c-d876-413b-ab90-7a518965e484"
/>
Clicking any image opens a lightbox view
- Users can close the lightbox view by clicking the "X" or pressing
escape
- There are zoom in/out buttons, and users can scroll up/down left/right
on the image
- There are left/right arrows to navigate between sections
- Below the image is a metadata section showing the date and location
the image was taken
- The metadata section also has a pin button (not implemented) and
download button (implemented but likely will need to be updated)
<img width="1470" height="832" alt="image"
src="https://github.com/user-attachments/assets/ce0d91d4-8a77-40dc-96c7-0ae5b042e2ac"
/>
# Testing
Explain tests that you ran to verify code functionality.
- [ ] I have unit-tested this PR. Otherwise, explain why it cannot be
unit-tested.
- [ ] I have tested this PR on a board if the code will run on a board
(Only required for firmware developers).
- [x] I have tested this PR by running the ARO website (Only required if
the code will impact the ARO website).
- [ ] I have tested this PR by running the MCC website (Only required if
the code will impact the MCC website).
- [x] I have included screenshots of the tests performed below.
# Outstanding Changes
If there are non-critical changes (i.e. additional features) that can be
made to this feature in the future, indicate them here.
Some features can only be finished/implemented once the data structure
for photos in the DB is finalized:
- The final data structure must include at minimum: src, date, location,
whether the image is pinned or not
- Sorting is currently only by month
- Actual functionality of pinning images
- Backend DB fetching and the updating the local "Slide" data structure1 parent 405c33c commit ca625d5
File tree
9 files changed
+376
-67
lines changed- gs/frontend/aro
- src
- assets
- components/profile/photo-gallery
9 files changed
+376
-67
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
103 | 103 | | |
104 | 104 | | |
105 | 105 | | |
| 106 | + | |
| 107 | + | |
0 commit comments