{insideLabel}
40 | {/if} 41 |{selectedValue}
42 |Entity Information
11 |Model: {$ENTITY_INFO?.name}
14 |Hash: {$ENTITY_INFO?.hash}
15 |C - Copy Information
17 |E - Delete Entity
18 |ESC - Close
19 |{title}
12 | 13 | {#if hasSearch} 14 |Coords Information
11 |X: {$TOGGLE_COORDS?.x}
14 |Y: {$TOGGLE_COORDS?.y}
15 |Z: {$TOGGLE_COORDS?.z}
16 |Heading: {$TOGGLE_COORDS?.heading}
17 |Vehicle Information
11 |Model: {$VEHICLE_DEV?.name}
14 |Hash: {$VEHICLE_DEV?.model}
15 |NetID: {$VEHICLE_DEV?.netID}
16 |Plate: {$VEHICLE_DEV?.plate}
17 |Fuel: {$VEHICLE_DEV?.fuel}
18 |Engine: {$VEHICLE_DEV?.engine_health}
19 |Body: {$VEHICLE_DEV?.body_health}
20 |(events: DebugEvent
[], timer = 0): void => {
16 | if (isEnvBrowser()) {
17 | for (const event of events) {
18 | setTimeout(() => {
19 | window.dispatchEvent(
20 | new MessageEvent("message", {
21 | data: {
22 | action: event.action,
23 | data: event.data,
24 | },
25 | })
26 | );
27 | }, timer);
28 | }
29 | }
30 | };
--------------------------------------------------------------------------------
/ui/src/utils/misc.ts:
--------------------------------------------------------------------------------
1 | export const isEnvBrowser = (): boolean => !(window as any).invokeNative;
--------------------------------------------------------------------------------
/ui/src/utils/timeAgo.ts:
--------------------------------------------------------------------------------
1 | const MONTH_NAMES = [
2 | 'January',
3 | 'February',
4 | 'March',
5 | 'April',
6 | 'May',
7 | 'June',
8 | 'July',
9 | 'August',
10 | 'September',
11 | 'October',
12 | 'November',
13 | 'December',
14 | ]
15 |
16 | function getFormattedDate(date, prefomattedDate = false, hideYear = false) {
17 | const day = date.getDate()
18 | const month = MONTH_NAMES[date.getMonth()]
19 | const year = date.getFullYear()
20 | const hours = date.getHours()
21 | let minutes = date.getMinutes()
22 |
23 | if (minutes < 10) {
24 | minutes = `0${minutes}`
25 | }
26 |
27 | if (prefomattedDate) {
28 | return `${prefomattedDate} at ${hours}:${minutes}`
29 | }
30 |
31 | if (hideYear) {
32 | return `${day}. ${month} at ${hours}:${minutes}`
33 | }
34 |
35 | return `${day}. ${month} ${year}. at ${hours}:${minutes}`
36 | }
37 |
38 | export function timeAgo(dateParam) {
39 | if (!dateParam) {
40 | return 'Unknown'
41 | }
42 |
43 | let date
44 | try {
45 | date = typeof dateParam === 'object' ? dateParam : new Date(dateParam)
46 | } catch (e) {
47 | return 'Invalid date'
48 | }
49 |
50 | if (isNaN(date)) {
51 | return 'Invalid date'
52 | }
53 | const DAY_IN_MS = 86400000
54 | const today = new Date()
55 | const yesterday = new Date(today - DAY_IN_MS)
56 | const seconds = Math.round((today - date) / 1000)
57 | const minutes = Math.round(seconds / 60)
58 | const isToday = today.toDateString() === date.toDateString()
59 | const isYesterday = yesterday.toDateString() === date.toDateString()
60 | const isThisYear = today.getFullYear() === date.getFullYear()
61 |
62 | if (seconds < 5) {
63 | return 'Just Now'
64 | } else if (seconds < 60) {
65 | return `${seconds} Seconds ago`
66 | } else if (seconds < 90) {
67 | return 'A minute ago'
68 | } else if (minutes < 60) {
69 | return `${minutes} Minutes ago`
70 | } else if (isToday) {
71 | return getFormattedDate(date, 'Today')
72 | } else if (isYesterday) {
73 | return getFormattedDate(date, 'Yesterday')
74 | } else if (isThisYear) {
75 | return getFormattedDate(date, false, true)
76 | }
77 |
78 | return getFormattedDate(date)
79 | }
--------------------------------------------------------------------------------
/ui/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | ///