administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-08 20:25:26 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

rebase to dev

Browse Source
This commit is contained in:
Josh Hawkins 2024-02-22 13:30:24 -06:00
parent 986a19cdd6
commit 8e2c092260
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -168,6 +168,12 @@ function UIPlayground() {
setZoomSettings(possibleZoomLevels[nextZoomLevel]);
}
const [isDragging, setIsDragging] = useState(false);
const handleDraggingChange = (dragging: boolean) => {
setIsDragging(dragging);
};
return (
<>
<div className="w-full h-full">
@ -212,6 +218,9 @@ function UIPlayground() {
Timeline
</Heading>
<p className="text-small">Handlebar timestamp: {handlebarTime}</p>
<p className="text-small">
Handlebar is dragging: {isDragging ? "yes" : "no"}
</p>
<p>
<Button onClick={handleZoomOut} disabled={zoomLevel === 0}>
Zoom Out
@ -258,6 +267,7 @@ function UIPlayground() {
showHandlebar // show / hide the handlebar
handlebarTime={handlebarTime} // set the time of the handlebar
setHandlebarTime={setHandlebarTime} // expose handler to set the handlebar time
onHandlebarDraggingChange={handleDraggingChange} // function for state of handlebar dragging
showMinimap // show / hide the minimap
minimapStartTime={minimapStartTime} // start time of the minimap - the earlier time (eg 1:00pm)
minimapEndTime={minimapEndTime} // end of the minimap - the later time (eg 3:00pm)