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

Add button for ptz presets

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-01 13:01:36 -07:00
parent 2be8b91c15
commit 027337a865
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/views/live/LiveCameraView.tsx
View File

@ -1,6 +1,12 @@
import { usePtzCommand } from "@/api/ws";
import LivePlayer from "@/components/player/LivePlayer";
import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import useKeyboardListener from "@/hooks/use-keyboard-listener";
import { CameraConfig } from "@/types/frigateConfig";
import { CameraPtzInfo } from "@/types/ptz";
@ -204,9 +210,22 @@ function PtzControlPanel({ camera }: { camera: string }) {
</>
)}
{(ptz?.presets?.length ?? 0) > 0 && (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button>
<BsThreeDotsVertical />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent>
{ptz?.presets.map((preset) => {
return (
<DropdownMenuItem onSelect={() => sendPtz(`preset_${preset}`)}>
{preset}
</DropdownMenuItem>
);
})}
</DropdownMenuContent>
</DropdownMenu>
)}
</div>
);