73 lines
2.4 KiB
TypeScript
73 lines
2.4 KiB
TypeScript
import type { CreateCommentDto, CommentDto } from '~~/.api-client'
|
|
import { useCommentStore } from '~~/stores/useCommentStore'
|
|
import { useUserStore } from '~~/stores/useUserStore'
|
|
import { useLogger } from '../useLogger'
|
|
|
|
export function useCommentTextarea(applicationFormId: string) {
|
|
const commentStore = useCommentStore()
|
|
const { createComment, updateComment } = commentStore
|
|
const userStore = useUserStore()
|
|
const { user } = storeToRefs(userStore)
|
|
const isEditingComment = ref(false)
|
|
const currentEditedComment = ref<CommentDto | null>(null)
|
|
const commentTextAreaValue = ref('')
|
|
const toast = useToast()
|
|
const { t: $t } = useI18n()
|
|
const logger = useLogger().withTag('commentTextarea')
|
|
|
|
async function submitComment(formElementId: string) {
|
|
const newCommentDto: CreateCommentDto = {
|
|
message: commentTextAreaValue.value
|
|
}
|
|
try {
|
|
await createComment(applicationFormId, formElementId, newCommentDto)
|
|
commentTextAreaValue.value = ''
|
|
toast.add({ title: $t('comments.created'), color: 'success' })
|
|
} catch (e) {
|
|
toast.add({ title: $t('comments.createError'), color: 'error' })
|
|
logger.error('Error creating comment:', e)
|
|
}
|
|
}
|
|
|
|
async function updateEditComment() {
|
|
if (!currentEditedComment.value) return
|
|
const updatedComment: CommentDto = { ...currentEditedComment.value, message: commentTextAreaValue.value }
|
|
try {
|
|
await updateComment(currentEditedComment.value.id, updatedComment)
|
|
commentTextAreaValue.value = ''
|
|
currentEditedComment.value = null
|
|
isEditingComment.value = false
|
|
toast.add({ title: $t('comments.updated'), color: 'success' })
|
|
} catch (e) {
|
|
toast.add({ title: $t('comments.updateError'), color: 'error' })
|
|
logger.error('Error updating comment:', e)
|
|
}
|
|
}
|
|
|
|
function editComment(comment: CommentDto) {
|
|
isEditingComment.value = true
|
|
currentEditedComment.value = comment
|
|
commentTextAreaValue.value = comment.message || ''
|
|
}
|
|
|
|
function cancelEditComment() {
|
|
isEditingComment.value = false
|
|
currentEditedComment.value = null
|
|
commentTextAreaValue.value = ''
|
|
}
|
|
|
|
function isCommentByUser(comment: CommentDto) {
|
|
return comment.createdBy.keycloakId === user.value?.keycloakId
|
|
}
|
|
|
|
return {
|
|
commentTextAreaValue,
|
|
submitComment,
|
|
updateEditComment,
|
|
editComment,
|
|
cancelEditComment,
|
|
isEditingComment,
|
|
isCommentByUser
|
|
}
|
|
}
|