From 0f6b509c330aa3b013631c6a1c0469bf80f35cc3 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Thu, 28 Nov 2024 15:15:21 +0100
Subject: [PATCH] fix #29

---
 src/components/project/TitledPdfWrapper.vue             | 1 +
 src/components/project/virtual-sample/VirtualSample.vue | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/project/TitledPdfWrapper.vue b/src/components/project/TitledPdfWrapper.vue
index ac41ac2..43fe029 100644
--- a/src/components/project/TitledPdfWrapper.vue
+++ b/src/components/project/TitledPdfWrapper.vue
@@ -4,6 +4,7 @@
     v-model:visible="isOpen"
     modal
     :draggable="false"
+    dismissableMask="true"
     header="Titre du PDF"
     class="dialog"
     :class="{ 'with-comments': isCommentsOpen }"
diff --git a/src/components/project/virtual-sample/VirtualSample.vue b/src/components/project/virtual-sample/VirtualSample.vue
index 5fbb057..285d53a 100644
--- a/src/components/project/virtual-sample/VirtualSample.vue
+++ b/src/components/project/virtual-sample/VirtualSample.vue
@@ -4,6 +4,7 @@
     v-model:visible="isOpen"
     modal
     :draggable="false"
+    dismissableMask="true"
     header="Titre du rendu"
     class="dialog"
     :class="{ 'with-comments': isCommentsOpen }"
@@ -74,9 +75,10 @@ import { storeToRefs } from "pinia";
 import Dialog from "primevue/dialog";
 import DynamicView from "./DynamicView.vue";
 import StaticView from "./StaticView.vue";
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { useVirtualSampleStore } from "../../../stores/virtualSample";
 import { useDialogStore } from "../../../stores/dialog";
+import { useRoute, useRouter } from "vue-router";
 
 const { file } = defineProps({
   file: Object,
@@ -86,7 +88,12 @@ const { activeTab, currentFile, step } = storeToRefs(useVirtualSampleStore());
 const { isCommentsOpen } = storeToRefs(useDialogStore());
 
 // Variables
+const router = useRouter();
+const route = useRoute();
 const isOpen = ref(true);
+watch(isOpen, (newValue) => {
+  router.push({ name: route.name });
+});
 </script>
 
 <style scoped>