dynamize project

public/site/templates/projects.json.php

@@ -6,6 +6,7 @@ $children = $page->children()->map(function ($child) {
     'uri' => $child->uri(),
     'uri' => '/' . $child->uri(),
     'modified' => $child->modified('Y-MM-d'),
+    'currentStep' => $child->currentStep()->value(),
     'status' => $child->status(),
     'logo' => $child->client()->toPage()->logo()->toFile()->url(),
   ];

src/components/project/Project.vue

@@ -13,7 +13,9 @@
       <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="search">Votre Brief</span>
+          <span class="pill" data-icon="search">{{
+            stepsLabels[project.currentStep]
+          }}</span>
         </li>
       </ol>
     </article>
@@ -23,13 +25,17 @@
 <script setup>
 import dayjs from "dayjs";
 import "dayjs/locale/fr";
-const { project } = defineProps({ project: Array });
+import { useProjectStore } from "../../stores/project";
 
 dayjs.locale("fr");
 
+const { project } = defineProps({ project: Array });
+
 const frenchFormattedModified = dayjs(project.modified).format(
   "dddd D MMMM YYYY"
 );
+
+const { stepsLabels } = useProjectStore();
 </script>
 
 <style scoped>

src/stores/project.js

@@ -0,0 +1,14 @@
+import { defineStore } from "pinia";
+
+export const useProjectStore = defineStore("project", () => {
+  const stepsLabels = {
+    clientBrief: "Votre brief",
+    proposal: "Proposition commerciale",
+    extendedBrief: "Brief enrichi",
+    industrialIdeation: "Idéation industrielle",
+    virtualSample: "Échantillon virtuel",
+    physicalSample: "Échantillon physique",
+  };
+
+  return { stepsLabels };
+});