From bcae5587ae6d935c46e8e44c39d2adcbcf56aa92 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 22 Nov 2024 17:31:34 +0100
Subject: [PATCH] #21 - Kanban : on click on comments count, open dialog with
 comments panel open

---
 src/components/project/ProjectStep.vue     | 19 ++++++++++++++++---
 src/components/project/brief/PdfViewer.vue |  2 +-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/project/ProjectStep.vue b/src/components/project/ProjectStep.vue
index 5ed9efa..2d5718b 100644
--- a/src/components/project/ProjectStep.vue
+++ b/src/components/project/ProjectStep.vue
@@ -134,9 +134,22 @@
               v-if="file.comments?.length > 0"
               class="order-last | text-sm text-primary font-medium"
             >
-              {{ file.comments.length }} commentaire{{
-                file.comments.length > 1 ? "s" : ""
-              }}
+              <template v-if="step.id === 'proposal'">
+                <router-link
+                  :to="'/' + step.uri + '&fileIndex=' + index + '&comments'"
+                >
+                  {{ file.comments.length }} commentaire{{
+                    file.comments.length > 1 ? "s" : ""
+                  }}
+                </router-link>
+              </template>
+              <template v-else>
+                <router-link :to="'/' + step.uri + '&comments=true'">
+                  {{ file.comments.length }} commentaire{{
+                    file.comments.length > 1 ? "s" : ""
+                  }}
+                </router-link>
+              </template>
             </footer>
           </article>
         </template>
diff --git a/src/components/project/brief/PdfViewer.vue b/src/components/project/brief/PdfViewer.vue
index 32c413e..d509364 100644
--- a/src/components/project/brief/PdfViewer.vue
+++ b/src/components/project/brief/PdfViewer.vue
@@ -78,7 +78,7 @@ const isOpen = ref(true);
 watch(isOpen, (newValue) => {
   router.push({ name: route.name });
 });
-const isCommentsOpen = ref(false);
+const isCommentsOpen = ref(route.query.comments ? true : false);
 const currentPageIndex = ref(1);
 
 watch(isCommentsOpen, (newVal) => {