From 801db754d29dfaffc55b1057cf33e93ef3b06fe9 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 5 Nov 2024 14:26:23 +0100
Subject: [PATCH] dynamize project

---
 public/site/templates/projects.json.php |  1 +
 src/components/project/Project.vue      | 10 ++++++++--
 src/stores/project.js                   | 14 ++++++++++++++
 3 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 src/stores/project.js

diff --git a/public/site/templates/projects.json.php b/public/site/templates/projects.json.php
index 5971c16..7d400cb 100644
--- a/public/site/templates/projects.json.php
+++ b/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(),
   ];
diff --git a/src/components/project/Project.vue b/src/components/project/Project.vue
index 9bf64ac..c511d83 100644
--- a/src/components/project/Project.vue
+++ b/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>
diff --git a/src/stores/project.js b/src/stores/project.js
new file mode 100644
index 0000000..25deee4
--- /dev/null
+++ b/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 };
+});