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

Better segment clicking (#10321)

Browse Source 
* better segment clicking on motion segments

* move handlebar on click when handlebar is showing

* only scroll handlebar if needed
This commit is contained in:
Josh Hawkins
2024-03-07 22:02:29 -06:00
committed by GitHub
parent 507c6afa2c
commit dfab850b61
6 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/pages/UIPlayground.tsx
View File

@@ -124,7 +124,7 @@ function UIPlayground() {
const [mockEvents, setMockEvents] = useState<ReviewSegment[]>([]);
const [mockMotionData, setMockMotionData] = useState<MotionData[]>([]);
const [handlebarTime, setHandlebarTime] = useState(
Math.floor(Date.now() / 1000) - 15 * 60,
Math.round((Date.now() / 1000 - 15 * 60) / 60) * 60,
);
useMemo(() => {
@@ -285,7 +285,7 @@ function UIPlayground() {
<MotionReviewTimeline
segmentDuration={zoomSettings.segmentDuration} // seconds per segment
timestampSpread={zoomSettings.timestampSpread} // minutes between each major timestamp
timelineStart={Math.floor(Date.now() / 1000)} // timestamp start of the timeline - the earlier time
timelineStart={Math.round(((Date.now() / 1000) * 60) / 60) * 60} // timestamp start of the timeline - the earlier time
timelineEnd={Math.floor(Date.now() / 1000) - 6 * 60 * 60} // end of timeline - the later time
showHandlebar // show / hide the handlebar
handlebarTime={handlebarTime} // set the time of the handlebar