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

Fix event overlay

Browse Source
This commit is contained in:
Nick Mowen 2023-10-14 20:03:46 -06:00
parent 6f2d4657cd
commit c3f5e5b4ce
1 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/src/routes/Events.jsx
View File

@ -645,14 +645,22 @@ export default function Events({ path, ...props }) {
event={event} event={event}
eventDetailType={eventDetailType} eventDetailType={eventDetailType}
eventOverlay={eventOverlay} eventOverlay={eventOverlay}
setEventOverlay={setEventOverlay}
viewEvent={viewEvent} viewEvent={viewEvent}
setViewEvent={setViewEvent} setViewEvent={setViewEvent}
uploading={uploading} uploading={uploading}
handleEventDetailTabChange={handleEventDetailTabChange} handleEventDetailTabChange={handleEventDetailTabChange}
onEventFrameSelected={onEventFrameSelected} onEventFrameSelected={onEventFrameSelected}
onDelete={onDelete} onDelete={onDelete}
onDispose={() => {
this.player = null;
}}
onDownloadClick={onDownloadClick} onDownloadClick={onDownloadClick}
onReady={(player) => {
this.player = player;
this.player.on('playing', () => {
setEventOverlay(undefined);
});
}}
onSave={onSave} onSave={onSave}
showSubmitToPlus={showSubmitToPlus} showSubmitToPlus={showSubmitToPlus}
/> />
@ -675,7 +683,6 @@ export default function Events({ path, ...props }) {
event={event} event={event}
eventDetailType={eventDetailType} eventDetailType={eventDetailType}
eventOverlay={eventOverlay} eventOverlay={eventOverlay}
setEventOverlay={setEventOverlay}
viewEvent={viewEvent} viewEvent={viewEvent}
setViewEvent={setViewEvent} setViewEvent={setViewEvent}
lastEvent={lastEvent} lastEvent={lastEvent}
@ -684,7 +691,16 @@ export default function Events({ path, ...props }) {
handleEventDetailTabChange={handleEventDetailTabChange} handleEventDetailTabChange={handleEventDetailTabChange}
onEventFrameSelected={onEventFrameSelected} onEventFrameSelected={onEventFrameSelected}
onDelete={onDelete} onDelete={onDelete}
onDispose={() => {
this.player = null;
}}
onDownloadClick={onDownloadClick} onDownloadClick={onDownloadClick}
onReady={(player) => {
this.player = player;
this.player.on('playing', () => {
setEventOverlay(undefined);
});
}}
onSave={onSave} onSave={onSave}
showSubmitToPlus={showSubmitToPlus} showSubmitToPlus={showSubmitToPlus}
/> />
@ -706,7 +722,6 @@ function Event({
event, event,
eventDetailType, eventDetailType,
eventOverlay, eventOverlay,
setEventOverlay,
viewEvent, viewEvent,
setViewEvent, setViewEvent,
lastEvent, lastEvent,
@ -715,7 +730,9 @@ function Event({
handleEventDetailTabChange, handleEventDetailTabChange,
onEventFrameSelected, onEventFrameSelected,
onDelete, onDelete,
onDispose,
onDownloadClick, onDownloadClick,
onReady,
onSave, onSave,
showSubmitToPlus, showSubmitToPlus,
}) { }) {
@ -857,15 +874,8 @@ function Event({
], ],
}} }}
seekOptions={{ forward: 10, backward: 5 }} seekOptions={{ forward: 10, backward: 5 }}
onReady={(player) => { onReady={onReady}
this.player = player; onDispose={onDispose}
this.player.on('playing', () => {
setEventOverlay(undefined);
});
}}
onDispose={() => {
this.player = null;
}}
> >
{eventOverlay ? ( {eventOverlay ? (
<TimelineEventOverlay eventOverlay={eventOverlay} cameraConfig={config.cameras[event.camera]} /> <TimelineEventOverlay eventOverlay={eventOverlay} cameraConfig={config.cameras[event.camera]} />