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

Cleanups

Browse Source
This commit is contained in:
Nick Mowen 2023-04-20 17:16:08 -06:00
parent 04ea6dce2d
commit 3d37604d00
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/TimelineSummary.jsx
View File

@ -12,7 +12,9 @@ export default function TimelineSummary({ event }) {
}, },
]); ]);
if (!eventTimeline) { const { data: config } = useSWR('config');
if (!eventTimeline || !config) {
return <ActivityIndicator />; return <ActivityIndicator />;
} }
@ -20,18 +22,18 @@ export default function TimelineSummary({ event }) {
<div> <div>
<Heading>Timeline:</Heading> <Heading>Timeline:</Heading>
{eventTimeline.map((item, index) => ( {eventTimeline.map((item, index) => (
<div key="index">{getTimelineItemDescription(item, event, index)}</div> <div key="index">{getTimelineItemDescription(config, item, event, index)}</div>
))} ))}
</div> </div>
); );
} }
function getTimelineItemDescription(timelineItem, event, index) { function getTimelineItemDescription(config, timelineItem, event, index) {
if (timelineItem.class_type == 'visible') { if (timelineItem.class_type == 'visible') {
return `${index}. ${event.label} detected at ${formatUnixTimestampToDateTime(event.start_time, { date_style: "short", time_style: "medium" })}`; return `${index + 1}. ${event.label} detected at ${formatUnixTimestampToDateTime(timelineItem.timestamp, { date_style: "short", time_style: "medium", time_format: config.ui.time_format })}`;
} else if (timelineItem.class_type == 'entered_zone') { } else if (timelineItem.class_type == 'entered_zone') {
return `${index}. ${event.label} entered ${timelineItem.data.zones} at ${formatUnixTimestampToDateTime(event.start_time, { date_style: "short", time_style: "medium" })}`; return `${index + 1}. ${event.label} entered ${timelineItem.data.zones} at ${formatUnixTimestampToDateTime(timelineItem.timestamp, { date_style: "short", time_style: "medium", time_format: config.ui.time_format })}`;
} }
return `${index}. ${event.label} left at ${formatUnixTimestampToDateTime(event.start_time, { date_style: "short", time_style: "medium" })}`; return `${index + 1}. ${event.label} left at ${formatUnixTimestampToDateTime(timelineItem.timestamp, { date_style: "short", time_style: "medium", time_format: config.ui.time_format })}`;
} }