From d8ab1316c8fe3ad061d5251b6697549fc39e16aa Mon Sep 17 00:00:00 2001
From: Kristina <kristin.fefelova@gmail.com>
Date: Tue, 27 Feb 2024 12:30:58 +0400
Subject: [PATCH] UBERF-5621: add full date tooltip (#4783)
Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
---
.../ActivityMessageTemplate.svelte | 20 +++++++++++++++++--
1 file changed, 18 insertions(+), 2 deletions(-)
diff --git a/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte b/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte
index 22234213a2..2c0bf4d8af 100644
--- a/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte
+++ b/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte
@@ -22,8 +22,9 @@
import { Avatar, EmployeePresenter, SystemAvatar } from '@hcengineering/contact-resources'
import core, { getDisplayTime } from '@hcengineering/core'
import { getClient } from '@hcengineering/presentation'
- import { Action, Label } from '@hcengineering/ui'
+ import { Action, Label, tooltip } from '@hcengineering/ui'
import { getActions, restrictionStore } from '@hcengineering/view-resources'
+ import { getEmbeddedLabel } from '@hcengineering/platform'
import ReactionsPresenter from '../reactions/ReactionsPresenter.svelte'
import ActivityMessageExtensionComponent from './ActivityMessageExtension.svelte'
@@ -107,6 +108,14 @@
let readonly: boolean = false
$: readonly = $restrictionStore.disableComments
+
+ $: fullDate = new Date(message.createdOn ?? message.modifiedOn).toLocaleString('default', {
+ minute: '2-digit',
+ hour: 'numeric',
+ day: '2-digit',
+ month: 'short',
+ year: 'numeric'
+ })
</script>
{#if !isHidden}
@@ -161,7 +170,14 @@
{#if !skipLabel}
<slot name="header" />
{/if}
- <span class="text-sm">{getDisplayTime(message.createdOn ?? 0)}</span>
+ <span
+ class="text-sm"
+ use:tooltip={{
+ label: getEmbeddedLabel(fullDate)
+ }}
+ >
+ {getDisplayTime(message.createdOn ?? 0)}
+ </span>
</div>
<slot name="content" />