Image_Gallery #229

kartik.sharma · 2025-07-04T06:10:07Z

kartik.sharma commented

2025-07-04 06:10:07 +00:00

Image Display :- Images are shown in horizontal groups, organized by activity, uploader, and work area.
Filter Drawer :- A filter panel can be toggled open/closed, allowing users to filter images by various criteria.
Filter Options :- Filters include building, date range, floor, work area, activity, uploaded by (user), and work category.
Dynamic Filtering :- When "Apply Filters" is clicked, an API call is made to fetch images matching the selected filters.
Image Hover Details :- Hovering over an image reveals a tooltip with its date, time, and activity.
Image Pop-up (ImagePop) :- Clicking an image opens a modal displaying uploader details (name), full date/time, detailed location (building > floor > work area), and comments.
Batch Navigation :- Within the pop-up, "Next" and "Previous" arrows allow for batch-wise navigation through images from the same group.

1. Image Display :- Images are shown in horizontal groups, organized by activity, uploader, and work area. 2. Filter Drawer :- A filter panel can be toggled open/closed, allowing users to filter images by various criteria. 3. Filter Options :- Filters include building, date range, floor, work area, activity, uploaded by (user), and work category. 4. Dynamic Filtering :- When "Apply Filters" is clicked, an API call is made to fetch images matching the selected filters. 5. Image Hover Details :- Hovering over an image reveals a tooltip with its date, time, and activity. 6. Image Pop-up (ImagePop) :- Clicking an image opens a modal displaying uploader details (name), full date/time, detailed location (building > floor > work area), and comments. 7. Batch Navigation :- Within the pop-up, "Next" and "Previous" arrows allow for batch-wise navigation through images from the same group.

kartik.sharma added 4 commits 2025-07-04 06:10:08 +00:00

To show ImageGallery in our project. 99601095b5

Changes in Directory filter adding clear and apply button and calling api at the time apply filter. a94facb062

Adding Date Range picker in filter dropdown. 09906420a6

Changes in Filter drower increase its size. a6169c106f

kartik.sharma added 1 commit 2025-07-04 09:51:33 +00:00

Changes in Image Gallery creating changing the filter icon adding box at the time of Work Category. 87a7b49948

vikas.nale merged commit 0af211a218 into main

2025-07-05 11:14:42 +00:00

vikas.nale referenced this issue from a commit

2025-07-05 11:14:42 +00:00

Merge pull request 'Image_Gallery' (#229) from Image_Gallery into main