studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

home (projects) : dynamize steps

Browse source
This commit is contained in:
isUnknown 2024-11-21 11:27:14 +01:00
parent 8bcba4ca9c
commit 837b741c47
4 changed files with 49 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/project/Project.vue
View file

@ -11,20 +11,16 @@
</p>
</hgroup>
<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="Brief">{{
<ol class="project-steps" :data-steps="project.steps.length">
<li
v-for="step in project.steps"
class="project-step"
:data-status="setStatus(project.steps, step)"
>
<span class="pill" :data-icon="step.id">{{
stepsLabels[project.currentStep]
}}</span>
</li>
<!--
<li class="project-step" data-status="in-progress">
<span class="pill" data-icon="extendedBrief">Brief enrichi</span>
</li>
<li class="project-step" data-status="uncompleted">
<span class="pill" data-icon="proposal">Proposition commerciales</span>
</li>
-->
</ol>
</article>
</router-link>
@ -43,7 +39,7 @@ const frenchFormattedModified = dayjs(project.modified).format(
"dddd D MMMM YYYY"
);
const { stepsLabels } = useProjectStore();
const { stepsLabels, setStatus } = useProjectStore();
</script>
<style scoped>