mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
78 lines
1.7 KiB
Vue
78 lines
1.7 KiB
Vue
<template>
|
|
<div class="comment">
|
|
<div v-if="!deleted">
|
|
<ds-space
|
|
margin-bottom="x-small"
|
|
>
|
|
<hc-author :post="comment" />
|
|
</ds-space>
|
|
<no-ssr>
|
|
<content-menu
|
|
v-if="!deleted"
|
|
placement="bottom-end"
|
|
resource-type="comment"
|
|
style="float-right"
|
|
:item-id="comment.id"
|
|
:is-owner="isAuthor(author.id)"
|
|
/>
|
|
</no-ssr>
|
|
<!-- eslint-disable vue/no-v-html -->
|
|
<!-- TODO: replace editor content with tiptap render view -->
|
|
<ds-space margin-bottom="small" />
|
|
<div
|
|
style="padding-left: 40px;"
|
|
v-html="comment.contentExcerpt"
|
|
/>
|
|
</div>
|
|
<!-- eslint-enable vue/no-v-html -->
|
|
<ds-text
|
|
v-else
|
|
style="padding-left: 40px; font-weight: bold;"
|
|
color="soft"
|
|
>
|
|
<ds-icon name="ban" /> {{ this.$t('comment.content.disabled-placeholder') }}
|
|
</ds-text>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from 'vuex'
|
|
import HcAuthor from '~/components/Author.vue'
|
|
import ContentMenu from '~/components/ContentMenu'
|
|
|
|
export default {
|
|
components: {
|
|
HcAuthor,
|
|
ContentMenu
|
|
},
|
|
props: {
|
|
comment: {
|
|
type: Object,
|
|
default() {
|
|
return { id: '' }
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
...mapGetters({
|
|
user: 'auth/user',
|
|
isModerator: 'auth/isModerator'
|
|
}),
|
|
|
|
deleted() {
|
|
const { disabled, deleted } = this.comment
|
|
return (disabled || deleted) && !this.isModerator
|
|
},
|
|
author() {
|
|
if (this.deleted) return {}
|
|
return this.comment.author || {}
|
|
}
|
|
},
|
|
methods: {
|
|
isAuthor(id) {
|
|
return this.user.id === id
|
|
}
|
|
}
|
|
}
|
|
</script>
|