| 1 | <template> |
| 2 | <n-timeline> |
| 3 | <n-timeline-item type="success" title="Creation time" :time="formatDateTime(alert.alert_creation_time)" /> |
| 4 | <n-timeline-item v-if="alert.time_closed" title="Time closed" :time="formatDateTime(alert.time_closed)" /> |
| 5 | </n-timeline> |
| 6 | </template> |
| 7 | |
| 8 | <script setup lang="ts"> |
| 9 | import type { Alert } from "@/types/incidentManagement/alerts.d" |
| 10 | import { NTimeline, NTimelineItem } from "naive-ui" |
| 11 | import { useSettingsStore } from "@/stores/settings" |
| 12 | import { formatDate } from "@/utils/format" |
| 13 | |
| 14 | const { alert } = defineProps<{ alert: Alert }>() |
| 15 | |
| 16 | const dFormats = useSettingsStore().dateFormat |
| 17 | |
| 18 | function formatDateTime(timestamp: Date): string { |
| 19 | return formatDate(timestamp, dFormats.datetimesec).toString() |
| 20 | } |
| 21 | </script> |