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

dense prop

Browse Source
This commit is contained in:
Bernt Christian Egeland 2023-01-15 13:52:02 +01:00
parent d2de1114cf
commit 5ff281befd
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/components/TimeAgo.jsx
View File

@ -1,23 +1,26 @@
import { h } from 'preact'; import { h } from 'preact';
function timeAgo(timeString) { const timeAgo = ({ time, dense = false }) => {
if (!timeString) return 'Invalid Time'; if (!time) return 'Invalid Time';
try { try {
const currentTime = new Date(); const currentTime = new Date();
const pastTime = new Date(timeString); const pastTime = new Date(time);
const elapsedTime = currentTime - pastTime; const elapsedTime = currentTime - pastTime;
if (elapsedTime < 0) return 'Invalid Time'; if (elapsedTime < 0) return 'Invalid Time';
const timeUnits = [ const timeUnits = [
{ unit: 'year', value: 31536000 }, { unit: 'ye', full: 'year', value: 31536000 },
{ unit: 'month', value: 0 }, { unit: 'mo', full: 'month', value: 0 },
{ unit: 'day', value: 86400 }, { unit: 'day', full: 'day', value: 86400 },
{ unit: 'hour', value: 3600 }, { unit: 'h', full: 'hour', value: 3600 },
{ unit: 'minute', value: 60 }, { unit: 'm', full: 'minute', value: 60 },
{ unit: 'second', value: 1 }, { unit: 's', full: 'second', value: 1 },
]; ];
let elapsed = elapsedTime / 1000; let elapsed = elapsedTime / 1000;
if (elapsed < 60) {
return 'just now';
}
for (let i = 0; i < timeUnits.length; i++) { for (let i = 0; i < timeUnits.length; i++) {
// if months // if months
@ -39,20 +42,20 @@ function timeAgo(timeString) {
if (monthDiff > 0) { if (monthDiff > 0) {
const unitAmount = monthDiff; const unitAmount = monthDiff;
return `${unitAmount} ${timeUnits[i].unit}${unitAmount > 1 ? 's' : ''} ago`; return `${unitAmount}${dense ? timeUnits[i].unit[0] : ` ${timeUnits[i].full}`}${dense ? '' : 's'} ago`;
} }
} else if (elapsed >= timeUnits[i].value) { } else if (elapsed >= timeUnits[i].value) {
const unitAmount = Math.floor(elapsed / timeUnits[i].value); const unitAmount = Math.floor(elapsed / timeUnits[i].value);
return `${unitAmount} ${timeUnits[i].unit}${unitAmount > 1 ? 's' : ''} ago`; return `${unitAmount}${dense ? timeUnits[i].unit[0] : ` ${timeUnits[i].full}`}${dense ? '' : 's'} ago`;
} }
} }
} catch { } catch {
return 'Invalid Time'; return 'Invalid Time';
} }
} };
const TimeAgo = ({ time }) => { const TimeAgo = (props) => {
return <span>{timeAgo(time)}</span>; return <span>{timeAgo({ ...props })}</span>;
}; };
export default TimeAgo; export default TimeAgo;