From fd396fc1bebfd6bed1c410d6527b14a98b286ffd Mon Sep 17 00:00:00 2001
From: Will Sheldon <114631109+wssheldon@users.noreply.github.com>
Date: Thu, 30 Nov 2023 09:06:19 -0800
Subject: [PATCH] Add UTC hover to relative times in timeline

---
 src/dispatch/static/dispatch/src/case/TimelineTab.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/dispatch/static/dispatch/src/case/TimelineTab.vue b/src/dispatch/static/dispatch/src/case/TimelineTab.vue
index f09dd6ecc2b3..f49ed9ae61d2 100644
--- a/src/dispatch/static/dispatch/src/case/TimelineTab.vue
+++ b/src/dispatch/static/dispatch/src/case/TimelineTab.vue
@@ -4,7 +4,8 @@ import Util from "@/util"
 import DMenu from "@/components/DMenu.vue"
 import { useRoute } from "vue-router"
 import CaseApi from "@/case/api"
-import { formatRelativeDate } from "@/filters"
+import { formatRelativeDate, formatToUTC } from "@/filters"
+import DTooltip from "@/components/DTooltip.vue"
 
 const route = useRoute()
 
@@ -109,7 +110,13 @@ const descriptionMap = {
                     {{ sourceIconMap[event.source]?.sourceName || event.source }}
                   </b>
                   {{ descriptionMap[event.description] || event.description }} ·
-                  {{ formatRelativeDate(event.started_at) }}
+                  <DTooltip :text="formatToUTC(event.started_at)" hotkeys="">
+                    <template #activator="{ tooltip }">
+                      <span class="dispatch-text-paragraph" v-bind="tooltip">
+                        {{ formatRelativeDate(event.started_at) }}
+                      </span>
+                    </template>
+                  </DTooltip>
                 </span>
               </div>
             </v-col>