users / notifications : temporary disabled notifications system

src/components/project/brief/PdfViewer.vue

@@ -10,8 +10,19 @@
     :closeOnEscape="true"
   >
     <template #header>
-      <a class="btn">Valider et envoyer le brief</a>
-      <h2 class="font-serif text-lg" :title="openedFile?.label.length ? openedFile.label : openedFile.name">
+      <button
+        v-if="
+          dialog.content.id === 'clientBrief' && !dialog.content?.isValidated
+        "
+        class="btn"
+        @click="validate()"
+      >
+        Valider et envoyer le brief
+      </button>
+      <h2
+        class="font-serif text-lg"
+        :title="openedFile?.label.length ? openedFile.label : openedFile.name"
+      >
         {{ openedFile?.label.length ? openedFile.label : openedFile.name }}
       </h2>
     </template>
@@ -45,11 +56,13 @@ import { ref, watch } from "vue";
 import { useDialogStore } from "../../../stores/dialog";
 import { useRoute, useRouter } from "vue-router";
 import { storeToRefs } from "pinia";
+import { useApiStore } from "../../../stores/api";
 
 const router = useRouter();
 const route = useRoute();
 
 const dialog = useDialogStore();
+const api = useApiStore();
 const { openedFile, comments } = storeToRefs(useDialogStore());
 
 openedFile.value = route.query.fileIndex
@@ -176,6 +189,11 @@ function showDraftMarker(draftComment) {
 
   container.appendChild(bubble);
 }
+
+async function validate() {
+  const response = await api.validateBrief(route.path + "/client-brief");
+  dialog.content.isValidated = true;
+}
 </script>
 
 <style>
@@ -191,5 +209,5 @@ function showDraftMarker(draftComment) {
 </style>
 
 <style scoped>
-@import '../../../assets/css/src/2.blocks.pdf-viewer.css';
+@import "../../../assets/css/src/2.blocks.pdf-viewer.css";
 </style>