0dd263c354
Implements comprehensive time filtering and visualization improvements: - Adds time range picker with presets from 5min to 24h - Enhances chart visualization with minute-level granularity - Updates globe visualization to respond to time/filter changes - Implements animated event log display - Swaps primary/secondary color scheme for better contrast Improves realtime data handling with automatic updates and proper cleanup on unmount. Includes i18n support for new time picker UI across all supported languages.
48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import { type DateValue, fromAbsolute, toCalendarDate } from '@internationalized/date'
|
|
|
|
export function getTimeZone() {
|
|
if (typeof Intl === 'undefined')
|
|
return 'Etc/UTC'
|
|
|
|
return Intl.DateTimeFormat().resolvedOptions().timeZone
|
|
}
|
|
|
|
export function getLocale() {
|
|
if (typeof Intl === 'undefined')
|
|
return navigator.language
|
|
|
|
return Intl.DateTimeFormat().resolvedOptions().locale
|
|
}
|
|
|
|
export function shortDate(unix = 0) {
|
|
const shortDate = new Intl.DateTimeFormat(undefined, {
|
|
dateStyle: 'short',
|
|
})
|
|
return shortDate.format(unix * 1000)
|
|
}
|
|
|
|
export function longDate(unix = 0) {
|
|
return new Date(unix * 1000).toLocaleString()
|
|
}
|
|
|
|
export function shortTime(unix = 0) {
|
|
const shortTime = new Intl.DateTimeFormat(undefined, {
|
|
timeStyle: 'short',
|
|
})
|
|
return shortTime.format(unix * 1000)
|
|
}
|
|
|
|
export function date2unix(dateValue: DateValue | Date, type?: string) {
|
|
const date = dateValue instanceof Date ? dateValue : dateValue.toDate(getTimeZone())
|
|
if (type === 'start')
|
|
return Math.floor(date.setHours(0, 0, 0) / 1000)
|
|
|
|
if (type === 'end')
|
|
return Math.floor(date.setHours(23, 59, 59) / 1000)
|
|
|
|
return Math.floor(date.getTime() / 1000)
|
|
}
|
|
|
|
export function unix2date(unix: number) {
|
|
return toCalendarDate(fromAbsolute(unix * 1000, getTimeZone()))
|
|
}
|