studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

new comment showing in comments panel

Browse source
This commit is contained in:
isUnknown 2024-11-16 12:05:37 +01:00
parent 26369ad71b
commit 2c99811caf
5 changed files with 88 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/components/comments/Comments.vue
View file

@ -105,24 +105,20 @@
import dayjs from "dayjs";
import "dayjs/locale/fr";
import uniqid from "uniqid";
import { watch, ref } from "vue";
import { watch, ref, computed } from "vue";
import { useUserStore } from "../../stores/user";
import { usePageStore } from "../../stores/page";
import { useApiStore } from "../../stores/api";
import { useDialogStore } from "../../stores/dialog";
import Comment from "./Comment.vue";
import { storeToRefs } from "pinia";
dayjs.locale("fr");
const { currentPageIndex, file, comments } = defineProps({
currentPageIndex: Number,
file: Object,
comments: Array,
});
const { user } = useUserStore();
const { page } = usePageStore();
const dialog = useDialogStore();
const { comments, openedFile } = storeToRefs(useDialogStore());
const api = useApiStore();
const openedComment = ref(null);
@ -131,22 +127,13 @@ const newCommentPageIndex = ref(null);
const newCommentPosition = ref(null);
const newCommentText = ref("");
const isAddOpen = ref(false);
const emits = defineEmits(["update:file"]);
const sortedComments = ref(comments.reverse());
const sortedComments = computed(() => comments.value.reverse());
const sortedReplies = ref(null);
watch(openedComment, (newVal) => {
sortedReplies.value = newVal ? newVal.replies.slice().reverse() : null;
});
watch(
() => file,
(newVal) => {
if (newVal.comments) {
sortedComments.value = newVal.comments;
}
}
);
watch(
() => comments,
(newVal) => {
@ -180,7 +167,7 @@ function handleSubmit(event = null) {
const date = dayjs().format();
const newComment = {
pageUri: page.uri + "/client-brief",
fileName: file.name,
fileName: openedFile.value.name,
userUuid: user.uuid,
text: newCommentText.value,
date,
@ -207,7 +194,6 @@ async function replyComment(newComment) {
openedComment.value = newFile.comments.find(
(item) => item.id === openedComment.value.id
);
emits("update:file", newFile);
}
async function addComment(newComment) {
@ -215,9 +201,7 @@ async function addComment(newComment) {
newCommentText.value = "";
isAddOpen.value = false;
dialog.content.files = dialog.content.files.map((file) =>
file.id === newFile.id ? newFile : file
);
dialog.updateFile(newFile);
}
function closeComment() {