extended-brief working

public/content/projects/1_miss-dior-blooming-bouquet/1_client-brief/client-brief.txt

@@ -6,7 +6,7 @@ Stepname: clientBrief
 
 ----
 
-Pdf: - file://s0lNtRA0Z7ybTCWG
+Pdf: 
 
 ----
 

public/content/projects/1_miss-dior-blooming-bouquet/3_extended-brief/3609327533_des-textos-revelent-comment-bfm-sest-mise-au-service-de-sarkozy-le-boss.pdf.txt

@@ -0,0 +1,9 @@
+Date: 2024-11-19 01:09
+
+----
+
+Uuid: znIEFNoLyfGe7Lw4
+
+----
+
+Template: document

public/content/projects/1_miss-dior-blooming-bouquet/3_extended-brief/extended-brief.txt

@@ -6,6 +6,18 @@ Stepname: extendedBrief
 
 ----
 
+Pdf: - file://znIEFNoLyfGe7Lw4
+
+----
+
+Description: 
+
+----
+
+Moodboard: 
+
+----
+
 Stepindex: 3
 
 ----

src/components/project/DialogWrapper.vue

@@ -1,13 +1,13 @@
 <template>
   <PdfViewer
     v-if="
-      dialog.content.slug === 'client-brief' ||
+      dialog.content.slug.includes('brief') ||
       dialog.content.slug === 'proposal'
     "
   />
 </template>
 <script setup>
-import PdfViewer from "./client-brief/PdfViewer.vue";
+import PdfViewer from "./brief/PdfViewer.vue";
 import { useDialogStore } from "../../stores/dialog";
 
 const dialog = useDialogStore();

src/components/project/Project.vue

@@ -13,7 +13,7 @@
       <img :src="project.logo" alt="Logo" class="project-logo | rounded-sm" />
       <ol class="project-steps" data-steps="1">
         <li class="project-step" data-status="in-progress">
-          <span class="pill" data-icon="clientBrief">{{
+          <span class="pill" data-icon="Brief">{{
             stepsLabels[project.currentStep]
           }}</span>
         </li>

src/router/routes.js

@@ -3,7 +3,7 @@ import Notifications from "../views/Notifications.vue";
 import Reunions from "../views/Reunions.vue";
 import Inspirations from "../views/Inspirations.vue";
 import Kanban from "../views/Kanban.vue";
-import ClientBrief from "../views/ClientBrief.vue";
+import Brief from "../views/Brief.vue";
 
 const routes = [
   {
@@ -28,7 +28,11 @@ const routes = [
   },
   {
     path: "/projects/:id/client-brief",
-    component: ClientBrief,
+    component: Brief,
+  },
+  {
+    path: "/projects/:id/extended-brief",
+    component: Brief,
   },
 ];
 

src/stores/addImagesModal.js

@@ -1,8 +1,8 @@
 import { defineStore } from "pinia";
 import { ref, computed } from "vue";
 import { useApiStore } from "./api";
-import MyImages from "../components/project/client-brief/add-images-modal/MyImages.vue";
+import MyImages from "../components/project/brief/add-images-modal/MyImages.vue";
-import ImagesResources from "../components/project/client-brief/add-images-modal/ImagesResources.vue";
+import ImagesResources from "../components/project/brief/add-images-modal/ImagesResources.vue";
 
 export const useAddImagesModalStore = defineStore("add-images-modal", () => {
   const tabs = ref([

src/stores/project.js

@@ -2,7 +2,7 @@ import { defineStore } from "pinia";
 
 export const useProjectStore = defineStore("project", () => {
   const stepsLabels = {
-    clientBrief: "Votre brief",
+    Brief: "Votre brief",
     proposal: "Proposition commerciale",
     extendedBrief: "Brief enrichi",
     industrialIdeation: "Idéation industrielle",

src/views/Brief.vue

@@ -15,10 +15,10 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import Intro from "../components/project/client-brief/Intro.vue";
+import Intro from "../components/project/brief/Intro.vue";
-import ModeSelection from "../components/project/client-brief/ModeSelection.vue";
+import ModeSelection from "../components/project/brief/ModeSelection.vue";
-import Images from "../components/project/client-brief/Images.vue";
+import Images from "../components/project/brief/Images.vue";
-import PdfViewer from "../components/project/client-brief/PdfViewer.vue";
+import PdfViewer from "../components/project/brief/PdfViewer.vue";
 import { usePageStore } from "../stores/page";
 import { storeToRefs } from "pinia";