mirror of
https://github.com/blakeblackshear/frigate.git
synced 2024-11-21 19:07:46 +01:00
Handle middle mouse button clicks (#13678)
* Handle middle mouse button clicks * Fix up
This commit is contained in:
parent
3972642ba0
commit
22ee6bb137
@ -131,6 +131,11 @@ export function AnimatedEventCard({
|
|||||||
<div
|
<div
|
||||||
className="size-full cursor-pointer overflow-hidden rounded md:rounded-lg"
|
className="size-full cursor-pointer overflow-hidden rounded md:rounded-lg"
|
||||||
onClick={onOpenReview}
|
onClick={onOpenReview}
|
||||||
|
onAuxClick={() =>
|
||||||
|
window
|
||||||
|
.open(`${baseUrl}review?id=${event.id}`, "_blank")
|
||||||
|
?.focus()
|
||||||
|
}
|
||||||
>
|
>
|
||||||
{!alertVideos ? (
|
{!alertVideos ? (
|
||||||
<img
|
<img
|
||||||
|
@ -19,6 +19,7 @@ import { capitalizeFirstLetter } from "@/utils/stringUtil";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
import { TbExclamationCircle } from "react-icons/tb";
|
import { TbExclamationCircle } from "react-icons/tb";
|
||||||
import { TooltipPortal } from "@radix-ui/react-tooltip";
|
import { TooltipPortal } from "@radix-ui/react-tooltip";
|
||||||
|
import { baseUrl } from "@/api/baseUrl";
|
||||||
|
|
||||||
type LivePlayerProps = {
|
type LivePlayerProps = {
|
||||||
cameraRef?: (ref: HTMLDivElement | null) => void;
|
cameraRef?: (ref: HTMLDivElement | null) => void;
|
||||||
@ -224,6 +225,9 @@ export default function LivePlayer({
|
|||||||
className,
|
className,
|
||||||
)}
|
)}
|
||||||
onClick={onClick}
|
onClick={onClick}
|
||||||
|
onAuxClick={() =>
|
||||||
|
window.open(`${baseUrl}#${cameraConfig.name}`, "_blank")?.focus()
|
||||||
|
}
|
||||||
>
|
>
|
||||||
{((showStillWithoutActivity && !liveReady) || liveReady) && (
|
{((showStillWithoutActivity && !liveReady) || liveReady) && (
|
||||||
<>
|
<>
|
||||||
|
@ -20,6 +20,7 @@ import { capitalizeFirstLetter } from "@/utils/stringUtil";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
import { InProgressPreview, VideoPreview } from "../preview/ScrubbablePreview";
|
import { InProgressPreview, VideoPreview } from "../preview/ScrubbablePreview";
|
||||||
import { Preview } from "@/types/preview";
|
import { Preview } from "@/types/preview";
|
||||||
|
import { baseUrl } from "@/api/baseUrl";
|
||||||
|
|
||||||
type PreviewPlayerProps = {
|
type PreviewPlayerProps = {
|
||||||
review: ReviewSegment;
|
review: ReviewSegment;
|
||||||
@ -175,6 +176,9 @@ export default function PreviewThumbnailPlayer({
|
|||||||
onMouseOver={isMobile ? undefined : () => setIsHovered(true)}
|
onMouseOver={isMobile ? undefined : () => setIsHovered(true)}
|
||||||
onMouseLeave={isMobile ? undefined : () => setIsHovered(false)}
|
onMouseLeave={isMobile ? undefined : () => setIsHovered(false)}
|
||||||
onClick={handleOnClick}
|
onClick={handleOnClick}
|
||||||
|
onAuxClick={() =>
|
||||||
|
window.open(`${baseUrl}review?id=${review.id}`, "_blank")?.focus()
|
||||||
|
}
|
||||||
{...swipeHandlers}
|
{...swipeHandlers}
|
||||||
>
|
>
|
||||||
{playingBack && (
|
{playingBack && (
|
||||||
|
Loading…
Reference in New Issue
Block a user