ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat(card): tooltip for comment timestamp

Browse Source 
Signed-off-by: Fitrah Munir <fitrahmunir@outlook.com>
This commit is contained in:
Fitrah Munir
2023-10-31 12:05:40 +00:00
parent 7a7d40ff24
commit 2f16239831
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/card/CommentItem.vue
View File

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