Review segment UI (#9945)

* Add ui for events

* Display data for review items

* Use preview thumbnails

* Implement paging

* Show icons for what was detected

* Show progress bar on preview thumbnail

* Hide the overlays on hover and update reviewed status

* Dim previews that have been reviewed

* Show audio icons

* Cleanup preview thumb player

* initial implementation of review timeline

* Use timeout for hover playback

* Break apart mobile and desktop views

* Show icons for sub labels

* autoplay first video on mobile

* Only show the last 24 hours by default

* Rework scrolling to fix nested scrolling

* Final scroll cleanups

---------

Co-authored-by: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
This commit is contained in:
Nicolas Mowen
2024-02-21 13:07:32 -07:00
committed by GitHub
parent be4b570346
commit 509e46adc8
21 changed files with 1262 additions and 277 deletions

View File

@@ -1,20 +1,21 @@
export interface ReviewSegment {
id: string;
camera: string;
severity: ReviewSeverity;
start_time: number;
end_time: number;
thumb_path: string;
has_been_reviewed: boolean;
data: ReviewData;
}
id: string;
camera: string;
severity: ReviewSeverity;
start_time: number;
end_time: number;
thumb_path: string;
has_been_reviewed: boolean;
data: ReviewData;
}
export type ReviewSeverity = "alert" | "detection" | "significant_motion";
export type ReviewSeverity = "alert" | "detection" | "significant_motion";
export type ReviewData = {
audio: string[];
detections: string[];
objects: string[];
significant_motion_areas: number[];
zones: string[];
};
export type ReviewData = {
audio: string[];
detections: string[];
objects: string[];
sub_labels?: string[];
significant_motion_areas: number[];
zones: string[];
};