From 3e57a4bdc96eaf61a45fc98f8c57be8def336e69 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 19 Nov 2024 15:38:39 +0100
Subject: [PATCH] add waitingForComment position state

---
 src/components/comments/Comments.vue     | 5 ++++-
 src/components/project/DialogWrapper.vue | 3 +++
 src/components/project/VirtualSample.vue | 1 -
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/comments/Comments.vue b/src/components/comments/Comments.vue
index c247ec2..3958d88 100644
--- a/src/components/comments/Comments.vue
+++ b/src/components/comments/Comments.vue
@@ -65,7 +65,7 @@
     </button>
     <!-- TODO: afficher #new-comment une fois le bouton Ajouter un commentaire cliqué -->
     <div
-      hidden
+      v-if="waitingForCommentPosition"
       id="new-comment"
       class="bg-primary | text-sm text-white | rounded-lg | p-12"
     >
@@ -131,6 +131,7 @@ const newCommentPosition = ref(null);
 const newCommentText = ref("");
 const isAddOpen = ref(false);
 const route = useRoute();
+const waitingForCommentPosition = ref(false);
 
 const sortedComments = computed(() => comments.value.reverse());
 const sortedReplies = ref(null);
@@ -209,9 +210,11 @@ function closeComment() {
 
 function toggleCommentPositionMode(enable) {
   if (enable) {
+    waitingForCommentPosition.value = true;
     viewContainer.classList.add("waiting-comment");
     viewContainer.addEventListener("click", handleCommentPositionClick);
   } else {
+    waitingForCommentPosition.value = false;
     viewContainer.classList.remove("waiting-comment");
     viewContainer.removeEventListener("click", handleCommentPositionClick);
   }
diff --git a/src/components/project/DialogWrapper.vue b/src/components/project/DialogWrapper.vue
index 0ac8ec7..61d2fdd 100644
--- a/src/components/project/DialogWrapper.vue
+++ b/src/components/project/DialogWrapper.vue
@@ -5,10 +5,13 @@
       dialog.content.slug === 'proposal'
     "
   />
+
+  <VirtualSample v-if="dialog.content.slug === 'virtual-sample'" />
 </template>
 <script setup>
 import PdfViewer from "./brief/PdfViewer.vue";
 import { useDialogStore } from "../../stores/dialog";
+import VirtualSample from "./VirtualSample.vue";
 
 const dialog = useDialogStore();
 </script>
diff --git a/src/components/project/VirtualSample.vue b/src/components/project/VirtualSample.vue
index 16b1876..cb83e28 100644
--- a/src/components/project/VirtualSample.vue
+++ b/src/components/project/VirtualSample.vue
@@ -90,7 +90,6 @@
 <script setup>
 import Dialog from "primevue/dialog";
 import { ref, watch } from "vue";
-import ProductViewer from "./ProductViewer.vue";
 
 const { file } = defineProps({
   file: Object,