fix pageIndex pb

public/content/projects/1_miss-dior-blooming-bouquet/2_proposal/des-textos-revelent-comment-bfm-sest-mise-au-service-de-sarkozy-le-boss.pdf.txt

@@ -156,8 +156,8 @@ Comments:
       url: file://3vTh1tMFeFM2JxaN
   position:
     pageIndex: 1
-    x: '27.327777224757'
-    y: '78.185328185328'
+    x: "27.327777224757"
+    y: "78.185328185328"
   replies: [ ]
   text: test198
   author:
@@ -169,6 +169,34 @@ Comments:
   id: m3omw0ci
   type: comment
   isRead: false
+- 
+  location:
+    page:
+      uri: >
+        projects/miss-dior-blooming-bouquet/proposal
+      title: Offre commerciale
+    href: '/projects/miss-dior-blooming-bouquet?dialog=proposal&fileIndex=0#comment-m3omw0ci'
+    project:
+      title: Miss Dior Blooming Bouquet
+      uri: projects/miss-dior-blooming-bouquet
+    file:
+      uuid: file://3vTh1tMFeFM2JxaN
+      url: file://3vTh1tMFeFM2JxaN
+  position:
+    pageIndex: 1
+    x: '34.977005727351'
+    y: '48.455598455598'
+  replies: [ ]
+  text: test1287
+  author:
+    name: Adrien Payet
+    email: adrien.payet@outlook.com
+    uuid: user://WWjXgPWk
+    role: admin
+  date: 2024-11-19T17:01:26+01:00
+  id: m3on6nfv
+  type: comment
+  isRead: false
 
 ----
 

src/components/comments/Comments.vue

@@ -118,7 +118,7 @@ import { useRoute } from "vue-router";
 
 dayjs.locale("fr");
 
-const emits = defineEmits(["show-draft-bubble", "hide-draft-bubble"]);
+const emits = defineEmits(["show-draft-marker"]);
 
 const { user } = useUserStore();
 const { page } = usePageStore();
@@ -153,11 +153,8 @@ watch(isAddOpen, (newVal) => {
 watch(
   draftComment,
   (newVal) => {
-    console.log(newVal.position);
     if (newVal.position) {
-      emits("show-draft-bubble", newVal);
-    } else {
-      emits("hide-draft-bubble");
+      emits("show-draft-marker", newVal);
     }
   },
   { deep: true }
@@ -188,7 +185,7 @@ function handleSubmit(event = null) {
     date,
     position:
       {
-        pageIndex: draftComment.value.pageIndex,
+        pageIndex: draftComment.value.position.pageIndex,
         x: draftComment.value.position?.x,
         y: draftComment.value.position?.y,
       } ?? false,

src/components/project/brief/PdfViewer.vue

@@ -30,7 +30,7 @@
       >
         <span class="sr-only">Afficher les commentaires</span>
       </button>
-      <Comments v-if="isCommentsOpen" @show-draft-bubble="showDraftBubble" />
+      <Comments v-if="isCommentsOpen" @show-draft-marker="showDraftMarker" />
     </div>
   </Dialog>
 </template>
@@ -76,7 +76,6 @@ watch(isCommentsOpen, (newVal) => {
 watch(openedFile, (newVal) => {
   removeCommentMarkers();
   if (newVal.comments) {
-    console.log(newVal.comments);
     setCommentMarkers();
   }
 });
@@ -160,8 +159,7 @@ function removeCommentMarkers() {
   });
 }
 
-function showDraftBubble(draftComment) {
-  console.log(draftComment);
+function showDraftMarker(draftComment) {
   const bubble = document.createElement("a");
 
   bubble.classList.add("comment-marker");
@@ -175,7 +173,6 @@ function showDraftBubble(draftComment) {
   );
 
   container.appendChild(bubble);
-  console.log(container);
 }
 </script>