chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

Redesign Recordings View (#10690)

Browse Source 
* Use full width top bar

* Make each item in review filter group optional

* Remove export creation from export page

* Consolidate packages and fix opening recording from event

* Use common type for time range

* Move timeline to separate component

* Add events list view to recordings view

* Fix loading of images

* Fix incorrect labels

* use overlay state for selected timeline type

* Fix up for mobile view for now

* replace overlay state

* fix comparison

* remove unused
This commit is contained in:
Nicolas Mowen
2024-03-26 15:03:58 -06:00
committed by GitHub
parent 1cd374d3ad
commit 1377d33e25
16 changed files with 378 additions and 363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/utils/timelineUtil.tsx
View File

@@ -21,7 +21,7 @@ import {
} from "react-icons/md";
import { FaBicycle } from "react-icons/fa";
import { endOfHourOrCurrentTime } from "./dateUtil";
import { Timeline } from "@/types/timeline";
import { TimeRange, Timeline } from "@/types/timeline";
export function getTimelineIcon(timelineItem: Timeline) {
switch (timelineItem.class_type) {
@@ -124,7 +124,7 @@ export function getTimelineItemDescription(timelineItem: Timeline) {
export function getChunkedTimeDay(timestamp: number) {
const endOfThisHour = new Date();
endOfThisHour.setHours(endOfThisHour.getHours() + 1, 0, 0, 0);
const data: { start: number; end: number }[] = [];
const data: TimeRange[] = [];
const startDay = new Date(timestamp * 1000);
startDay.setHours(0, 0, 0, 0);
const startTimestamp = startDay.getTime() / 1000;
@@ -140,8 +140,8 @@ export function getChunkedTimeDay(timestamp: number) {
end = endOfHourOrCurrentTime(startDay.getTime() / 1000);
data.push({
start,
end,
after: start,
before: end,
});
start = startDay.getTime() / 1000;
}
@@ -155,7 +155,7 @@ export function getChunkedTimeRange(
) {
const endOfThisHour = new Date();
endOfThisHour.setHours(endOfThisHour.getHours() + 1, 0, 0, 0);
const data: { start: number; end: number }[] = [];
const data: TimeRange[] = [];
const startDay = new Date(startTimestamp * 1000);
startDay.setMinutes(0, 0, 0);
let start = startDay.getTime() / 1000;
@@ -170,8 +170,8 @@ export function getChunkedTimeRange(
end = endOfHourOrCurrentTime(startDay.getTime() / 1000);
data.push({
start,
end,
after: start,
before: end,
});
start = startDay.getTime() / 1000;
}