From 2f162398317254d1978b8c417f10eaca09bba592 Mon Sep 17 00:00:00 2001
From: Fitrah Munir <fitrahmunir@outlook.com>
Date: Tue, 31 Oct 2023 12:05:40 +0000
Subject: [PATCH] feat(card): tooltip for comment timestamp

Signed-off-by: Fitrah Munir <fitrahmunir@outlook.com>
---
 src/components/card/CommentItem.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/card/CommentItem.vue b/src/components/card/CommentItem.vue
index cf87c306c..5c4f6ac3f 100644
--- a/src/components/card/CommentItem.vue
+++ b/src/components/card/CommentItem.vue
@@ -48,7 +48,9 @@
 				<NcActionButton icon="icon-close" @click="hideUpdateForm" />
 			</NcActions>
 			<div class="spacer" />
-			<div class="timestamp">
+			<div class="timestamp"
+				:aria-label="formattedTimestamp"
+				:title="formattedTimestamp">
 				{{ relativeDate(comment.creationDateTime) }}
 			</div>
 		</div>
@@ -70,6 +72,7 @@ import { getCurrentUser } from '@nextcloud/auth'
 import md5 from 'blueimp-md5'
 import relativeDate from '../../mixins/relativeDate.js'
 import ReplyIcon from 'vue-material-design-icons/Reply.vue'
+import moment from 'moment'
 
 const AtMention = {
 	name: 'AtMention',
@@ -158,6 +161,9 @@ export default {
 				return (div.textContent || div.innerText || '')
 			}
 		},
+		formattedTimestamp() {
+			return t('deck', 'Created:') + ' ' + moment(this.comment.creationDateTime).format('LLLL')
+		},
 	},
 
 	methods: {