merge

src/components/project/ProjectStep.vue

@@ -2,7 +2,7 @@
   <section
     class="flex-1"
     aria-labelledby="votre-brief-label"
-    data-status="done"
+    :data-status="status"
   >
     <h2 id="votre-brief-label">
       <span data-icon="votre-brief">{{ step.text }}</span>
@@ -41,10 +41,36 @@
 <script setup>
 import dayjs from "dayjs";
 import "dayjs/locale/fr";
-
-dayjs.locale("fr");
+import { usePageStore } from "../../stores/page";
 
 const { step } = defineProps({
   step: Object,
 });
+
+dayjs.locale("fr");
+
+const { page } = usePageStore();
+
+const steps = [
+  "clientBrief",
+  "proposal",
+  "extended-brief",
+  "industrialIdeation",
+  "virtualSample",
+  "physicalSample",
+];
+
+const status = setStatus();
+
+function setStatus() {
+  if (page.content.currentstep === step.value) {
+    return "in-progress";
+  }
+  if (steps.indexOf(step.value) < steps.indexOf(page.content.currentstep)) {
+    return "completed";
+  }
+  if (steps.indexOf(step.value) > steps.indexOf(page.content.currentstep)) {
+    return "uncompleted";
+  }
+}
 </script>