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

clock icon. flex items center

Browse Source
This commit is contained in:
Bernt Christian Egeland 2023-01-15 02:42:38 +01:00
parent f1404887a2
commit d2de1114cf
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,6 +15,7 @@ import { UploadPlus } from '../icons/UploadPlus';
import { Clip } from '../icons/Clip'; import { Clip } from '../icons/Clip';
import { Zone } from '../icons/Zone'; import { Zone } from '../icons/Zone';
import { Camera } from '../icons/Camera'; import { Camera } from '../icons/Camera';
import { Clock } from '../icons/Clock';
import { Delete } from '../icons/Delete'; import { Delete } from '../icons/Delete';
import { Download } from '../icons/Download'; import { Download } from '../icons/Download';
import Menu, { MenuItem } from '../components/Menu'; import Menu, { MenuItem } from '../components/Menu';
@ -515,13 +516,23 @@ export default function Events({ path, ...props }) {
: event.label.replaceAll('_', ' ')}{' '} : event.label.replaceAll('_', ' ')}{' '}
({(event.top_score * 100).toFixed(0)}%) ({(event.top_score * 100).toFixed(0)}%)
</div> </div>
<div className="text-sm"> <div className="text-sm flex">
<p> <span className="mr-1 flex items-center">
{`${new Date(event.start_time * 1000).toLocaleDateString(locale, { timeZone: timezone })} `} <Clock className="h-5 w-5 mr-2 inline" />
{`${new Date(event.start_time * 1000).toLocaleTimeString(locale, { timeZone: timezone })} `} {`${new Date(event.start_time * 1000).toLocaleDateString(locale, {
- <TimeAgo time={event.end_time * 1000} /> timeZone: timezone,
{` - ${clipDuration(event.start_time, event.end_time)}`} })}`}
</p> </span>
<span className="mr-1 flex items-center">
{`${new Date(event.start_time * 1000).toLocaleTimeString(locale, {
timeZone: timezone,
})} `}{' '}
-
</span>
<span className="mr-1 flex items-center">
<TimeAgo time={event.end_time * 1000} />
</span>{' '}
- {`${clipDuration(event.start_time, event.end_time)}`}
</div> </div>
<div className="capitalize text-sm flex align-center mt-1"> <div className="capitalize text-sm flex align-center mt-1">
<Camera className="h-5 w-5 mr-2 inline" /> <Camera className="h-5 w-5 mr-2 inline" />