JHS

501821 - Visibility into Video Download Statuses and Counts
Priority: P0
Effort: 30 Man Days
User story
As a user,I want to see the count and status of downloaded videos, so that I can easily track which videos are available, which are pending, and which can be requested for download.
Problem statement 
Users currently have no visibility into the segregation  of video downloads— as in to filter out  the are already downloaded, in progress, or yet to be requested. This lack of transparency causes confusion and inefficiency in managing video evidence.
Segment Impacted 
Module: Dashboard > Video > Video Alerts

Workflows
New Status Summary Widget:
Add a status widget on the Video Alerts page showing a breakdown of video download statuses.
The widget will show 3 sections with counts based on the chosen date/duration filter:
✅ Downloaded – Videos already downloaded and available to view.
🔄 Download In Progress – Videos for which download requests have been made but are still pending.
⏳ Request to Download – Videos that have not yet been requested but are eligible for download.
Filtering Options:
Provide a filter dropdown or toggle buttons to allow users to view videos by status:
Filter by “Downloaded”
Filter by “Download In Progress”
Filter by “Request to Download”
Date Filter Integration:
All status counts and filtered results must respond dynamically to the duration selected by the user (e.g., Today, Last 7 Days, Custom Range).
UX Behavior:
Clicking on any section (e.g., “Downloaded”) should apply that filter to the video list.
Each status type should have distinct icons or colors for quick visual recognition.
UI/UX Notes
·        Consider a horizontal 3-card layout or tab-style toggle for status display.
·        Use iconography ( below mentioned are just suggestions):
o   ✅ Checkmark for Downloaded
o   🔄 Spinner or clock icon for In Progress
o   ⏳ Download icon for Request to Download
·        Include loading state for widget while data is being fetched
Sagar Comments
Reference for UI/UX from Netradyne page

 
Acceptance Criteria

#
Acceptance Criteria
Description
1
A status widget with 3 segments—Downloaded, In Progress, Request to Download—is displayed at the top of the Video Alerts page.
Should be visually distinct and responsive to screen size.
2
Each segment shows an accurate count of videos for the selected duration.
Backend logic must correctly categorize video statuses.
3
Clicking on any segment applies a status filter to the video list below.
List should update to show only matching items.
4
Users can apply status filters manually using dropdowns or toggles as an alternative to clicking the widget.
Should support toggling between filters smoothly.
5
The data displayed should always reflect the selected time range filter.
QA to validate consistency across date filters.
6
Tooltips or labels are provided for clarity: e.g., “Videos available for viewing”, “Pending download processing”, “Eligible for download request”.
Improves UX and reduces ambiguity.
7
QA must test all 3 scenarios: downloaded, in progress, and requestable—under different durations.
Use seeded data for test accuracy.

Figma Link
https://www.figma.com/proto/xrGdjkHzss7dZlYdT1QWLN/Common-File?page-id=0%3A1&node-id=3011-44272&viewport=7607%2C-5504%2C0.13&t=LAtIl4EYnu5AHifq-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1249%3A31342&show-proto-sidebar=1