diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx index 7d04d3bc4..e2108033b 100644 --- a/web/src/routes/Events.jsx +++ b/web/src/routes/Events.jsx @@ -1,4 +1,5 @@ import { h, Fragment } from 'preact'; +import { usePersistence } from '../context'; import { route } from 'preact-router'; import ActivityIndicator from '../components/ActivityIndicator'; import Heading from '../components/Heading'; @@ -111,6 +112,8 @@ export default function Events({ path, ...props }) { const { data: allLabels } = useSWR(['labels']); const { data: allSubLabels } = useSWR(['sub_labels', { split_joined: 1 }]); + const [displayLabels, setDisplayLabels] = usePersistence('display-labels', false); + const filterValues = useMemo( () => ({ cameras: Object.keys(config?.cameras || {}), @@ -216,6 +219,13 @@ export default function Events({ path, ...props }) { setState({ ...state, showDownloadMenu: true }); }; + const onLabelsClick = (e) => { + setDisplayLabels(!displayLabels); + if (e) { + e.stopPropagation(); + } + }; + const showSubmitToPlus = (event_id, label, box, e) => { if (e) { e.stopPropagation(); @@ -627,13 +637,13 @@ export default function Events({ path, ...props }) { {event.zones.join(', ').replaceAll('_', ' ')}
- + onLabelsClick(e, event.id)} /> {(event?.data?.top_score || event.top_score || 0) == 0 ? null - : `Label: ${((event?.data?.top_score || event.top_score) * 100).toFixed(0)}%`} + : `${displayLabels ? event.label : 'Label'}: ${((event?.data?.top_score || event.top_score) * 100).toFixed(0)}%`} {(event?.data?.sub_label_score || 0) == 0 ? null - : `, Sub Label: ${(event?.data?.sub_label_score * 100).toFixed(0)}%`} + : `, ${displayLabels ? event.sub_label : 'Sub-label'}: ${(event?.data?.sub_label_score * 100).toFixed(0)}%`}