Kristaps Fabians Geikins
596312ab0e
* ProjectsAdd wrapper * WorkspaceMoveProject wrapper added * move wrapper finalized * passing through location * more cleanup * model add wrapper * permissions cleanup * add invite wrapper * vue-tippy bugfix * ViewerLimitsDialog prep * upgrade limit alert prep * limit alerts * movemanager fix * new add flow * slug update fix * add model flow * invites? * some extra fixes * move unmount fix? * more fixes * vue-tsc update * style: remove h-32 for smaller screens * vue-tsc parser fix * prep for new viewer limits dialog * updated viewer dialogs * comment variant cleanup * CR comments --------- Co-authored-by: michalspeckle <michal@speckle.systems>
77 lines
2.2 KiB
Vue
77 lines
2.2 KiB
Vue
<template>
|
|
<div class="flex flex-col items-center">
|
|
<div
|
|
class="w-full relative"
|
|
:class="isEmbedEnabled ? 'px-2 py-1' : 'px-3 md:px-0 md:pl-4 py-2'"
|
|
>
|
|
<div class="flex items-center space-x-2">
|
|
<UserAvatar
|
|
:user="comment.author"
|
|
hide-tooltip
|
|
:class="isEmbedEnabled && '!w-7 !h-7'"
|
|
/>
|
|
<span class="grow truncate text-body-xs">
|
|
{{ comment.author.name }}
|
|
</span>
|
|
<span v-tippy="createdAt.full" class="text-body-3xs truncate text-foreground-2">
|
|
{{ createdAt.relative }}
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="truncate text-body-2xs text-foreground dark:text-foreground-2 flex flex-col"
|
|
:class="isEmbedEnabled ? 'mt-2' : 'mt-3'"
|
|
>
|
|
<template v-if="isLimited">
|
|
<ViewerResourcesLimitAlert limit-type="comment" :project="project" />
|
|
</template>
|
|
<template v-else>
|
|
<CommonTiptapTextEditor
|
|
v-if="comment?.text?.doc"
|
|
:model-value="comment.text.doc"
|
|
:schema-options="{ multiLine: false }"
|
|
:project-id="projectId"
|
|
disable-invitation-cta
|
|
readonly
|
|
@created="emit('mounted')"
|
|
/>
|
|
</template>
|
|
|
|
<ViewerAnchoredPointThreadCommentAttachments
|
|
:attachments="comment"
|
|
:project-id="projectId"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import type { ViewerCommentsReplyItemFragment } from '~~/lib/common/generated/gql/graphql'
|
|
import { useEmbed } from '~/lib/viewer/composables/setup/embed'
|
|
import { useInjectedViewerState } from '~/lib/viewer/composables/setup'
|
|
|
|
const props = defineProps<{
|
|
comment: ViewerCommentsReplyItemFragment
|
|
projectId: string
|
|
}>()
|
|
|
|
const emit = defineEmits<{
|
|
(e: 'mounted'): void
|
|
}>()
|
|
|
|
const { isEmbedEnabled } = useEmbed()
|
|
const {
|
|
resources: {
|
|
response: { project }
|
|
}
|
|
} = useInjectedViewerState()
|
|
|
|
const createdAt = computed(() => {
|
|
return {
|
|
full: formattedFullDate(props.comment.createdAt),
|
|
relative: formattedRelativeDate(props.comment.createdAt, { capitalize: true })
|
|
}
|
|
})
|
|
|
|
const isLimited = computed(() => !props.comment.text)
|
|
</script>
|