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

add descriptions

Browse Source
This commit is contained in:
Josh Hawkins 2024-04-30 23:14:41 -05:00
parent 4077a076b2
commit 0241561c7e
1 changed files with 44 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
web/src/components/settings/ObjectSettings.tsx
View File

@ -31,12 +31,37 @@ export default function ObjectSettings({
const { data: config } = useSWR<FrigateConfig>("config"); const { data: config } = useSWR<FrigateConfig>("config");
const DEBUG_OPTIONS = [ const DEBUG_OPTIONS = [
{ param: "bbox", title: "Bounding boxes" }, {
{ param: "timestamp", title: "Timestamp" }, param: "bbox",
{ param: "zones", title: "Zones" }, title: "Bounding boxes",
{ param: "mask", title: "Motion masks" }, description: "Show bounding boxes around detected objects",
{ param: "motion", title: "Motion boxes" }, },
{ param: "regions", title: "Regions" }, {
param: "timestamp",
title: "Timestamp",
description: "Overlay a timestamp on the image",
},
{
param: "zones",
title: "Zones",
description: "Show an outline of any defined zones",
},
{
param: "mask",
title: "Motion masks",
description: "Show motion mask polygons",
},
{
param: "motion",
title: "Motion boxes",
description: "Show boxes around areas where motion is detected",
},
{
param: "regions",
title: "Regions",
description:
"Show a box of the region of interest sent to the object detector",
},
]; ];
const [options, setOptions] = usePersistence<Options>( const [options, setOptions] = usePersistence<Options>(
@ -117,17 +142,22 @@ export default function ObjectSettings({
<div className="flex flex-col w-full space-y-6"> <div className="flex flex-col w-full space-y-6">
<div className="mt-2 space-y-6"> <div className="mt-2 space-y-6">
<div className="my-2.5 flex flex-col gap-2.5"> <div className="my-2.5 flex flex-col gap-2.5">
{DEBUG_OPTIONS.map(({ param, title }) => ( {DEBUG_OPTIONS.map(({ param, title, description }) => (
<div <div
key={param} key={param}
className="flex justify-between items-center" className="flex flex-row w-full justify-between items-center"
> >
<Label <div className="flex flex-col">
className="w-full text-primary capitalize cursor-pointer" <Label
htmlFor={param} className="text-sm w-full text-primary capitalize cursor-pointer"
> htmlFor={param}
{title} >
</Label> {title}
</Label>
<div className="text-xs">
<em>{description}</em>
</div>
</div>
<Switch <Switch
key={param} key={param}
className="ml-1" className="ml-1"