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

add client brief page

Browse source
This commit is contained in:
isUnknown 2024-09-26 19:14:20 +02:00
parent 83cf6beea7
commit 769639b241
12 changed files with 97 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/views/ClientBrief.vue Normal file
View file

@ -0,0 +1,25 @@
<template>
<main class="flex flex-col items-stretch | w-full">
<Header />
<component :is="stepsComponents[currentStep]" @update:step="changeStep" />
</main>
</template>
<script setup>
import { ref } from "vue";
import Header from "../components/project/Header.vue";
import Intro from "../components/project/ClientBrief/Intro.vue";
import ModeSelection from "../components/project/ClientBrief/ModeSelection.vue";
import AddImages from "../components/project/ClientBrief/AddImages.vue";
const stepsComponents = {
Intro,
ModeSelection,
AddImages,
};
const currentStep = ref("Intro");
function changeStep(stepName) {
currentStep.value = stepName;
}
</script>

30
src/views/Project.vue
View file

@ -1,16 +1,10 @@
<template>
<main class="flex flex-col items-stretch | w-full">
<header class="flex | bg-white | rounded-2xl | p-8 mb-16">
<h1 class="font-serif | px-8">{{ page.content.title }}</h1>
<button class="btn | ml-auto">Demander un RDV</button>
</header>
<!-- <component :is="stepsComponents[currentStep]" @update:step="changeStep" /> -->
<Header :title="page.content.title" />
<!-- Kanban: Status Brief Enrichi -->
<div class="kanban">
<ProjectStep v-for="step in steps" :key="step" :step="step" />
<ProjectStep v-for="step in page.steps" :key="step" :step="step" />
<!-- <section
class="flex-1"
aria-labelledby="votre-brief-label"
@ -157,31 +151,13 @@
<script setup>
import { usePageStore } from "../stores/page";
import { useUserStore } from "../stores/user";
import { ref, computed } from "vue";
import { storeToRefs } from "pinia";
import ProjectStep from "../components/project/ProjectStep.vue";
import Intro from "../components/project/brief/Intro.vue";
import ModeSelection from "../components/project/brief/ModeSelection.vue";
import AddImages from "../components/project/brief/AddImages.vue";
import Header from "../components/project/Header.vue";
const { page } = storeToRefs(usePageStore());
const user = useUserStore().user;
const currentStep = page.value.currentStep;
const steps = page.value.steps.map((step) => step.value);
// const stepsComponents = {
// Intro,
// ModeSelection,
// AddImages,
// };
// const currentStep = ref("Intro");
// function changeStep(stepName) {
// currentStep.value = stepName;
// }
function setStepStatus(stepName) {
const stepIndex = steps.indexOf(stepName);
const currentIndex = steps.indexOf(currentStep.value);