72 | #{dispatch.data.id} 73 |
74 |75 | {dispatch.data.code} 76 |
77 |78 | {dispatch.data.message} 79 |
80 | 81 |88 | 89 | {field.label}: {field.value} 90 |
91 | {/if} 92 | {/each} 93 | {/if} 94 |98 | [{$RESPOND_KEYBIND}] Respond 99 |
100 | {/if} 101 |{option.component}
133 | {#each option.actions as action} 134 | 151 | {/each} 152 |(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 |
39 | export function timeAgo(dateParam) {
40 | if (!dateParam) {
41 | return 'Unknown';
42 | }
43 |
44 | let date;
45 | try {
46 | date = typeof dateParam === 'object' ? dateParam : new Date(dateParam);
47 | } catch (e) {
48 | return 'Invalid date';
49 | }
50 |
51 | if (isNaN(date)) {
52 | return 'Invalid date';
53 | }
54 | const DAY_IN_MS = 86400000;
55 | const today = new Date();
56 | const yesterday = new Date(today - DAY_IN_MS);
57 | const seconds = Math.round((today - date) / 1000);
58 | const minutes = Math.round(seconds / 60);
59 | const isToday = today.toDateString() === date.toDateString();
60 | const isYesterday = yesterday.toDateString() === date.toDateString();
61 | const isThisYear = today.getFullYear() === date.getFullYear();
62 |
63 | if (seconds < 5) {
64 | return 'Just Now';
65 | } else if (seconds < 60) {
66 | return `${seconds} Seconds ago`;
67 | } else if (seconds < 90) {
68 | return 'A minute ago';
69 | } else if (minutes < 60) {
70 | return `${minutes} Minutes ago`;
71 | } else if (isToday) {
72 | return getFormattedDate(date, 'Today');
73 | } else if (isYesterday) {
74 | return getFormattedDate(date, 'Yesterday');
75 | } else if (isThisYear) {
76 | return getFormattedDate(date, false, true);
77 | }
78 |
79 | return getFormattedDate(date);
80 | }
--------------------------------------------------------------------------------
/ui/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | ///