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

DTL page : btns working

Browse source
This commit is contained in:
isUnknown 2025-01-27 16:26:44 +01:00
parent b63bbfd62d
commit 3913c8b93e
1 changed files with 18 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/views/DesignToLight.vue
View file

@ -13,10 +13,18 @@
<p class="intro" v-html="page.content.introduction"></p> <p class="intro" v-html="page.content.introduction"></p>
</hgroup> </hgroup>
<div class="ctas | flex" style="--column-gap: 1rem"> <div class="ctas | flex" style="--column-gap: 1rem">
<button class="btn btn--white-10" @click="isDialogOpen = true"> <button
@click="isOptimizationDialogOpen = true"
class="btn btn--white-10"
>
Optimiser un projet existant Optimiser un projet existant
</button> </button>
<button class="btn btn--white">Créer un nouveau projet avec DTL</button> <button
@click="isProjectRequestDialogOpen = true"
class="btn btn--white"
>
Créer un nouveau projet avec DTL
</button>
</div> </div>
</header> </header>
<div class="presentation | mt-64 flow"> <div class="presentation | mt-64 flow">
@ -51,18 +59,25 @@
<OptimizationRequestDialog <OptimizationRequestDialog
v-if="isOptimizationDialogOpen" v-if="isOptimizationDialogOpen"
@close="isDialogOpen = false" @close="isOptimizationDialogOpen = false"
/>
<ProjectRequestDialog
v-if="isProjectRequestDialogOpen"
@close="isProjectRequestDialogOpen = false"
/> />
</template> </template>
<script setup> <script setup>
import { storeToRefs } from "pinia"; import { storeToRefs } from "pinia";
import { usePageStore } from "../stores/page"; import { usePageStore } from "../stores/page";
import OptimizationRequestDialog from "../components/design-to-light/OptimizationRequestDialog.vue"; import OptimizationRequestDialog from "../components/design-to-light/OptimizationRequestDialog.vue";
import ProjectRequestDialog from "../components/ProjectRequestDialog.vue";
import { computed, ref } from "vue"; import { computed, ref } from "vue";
const { page } = storeToRefs(usePageStore()); const { page } = storeToRefs(usePageStore());
const isOptimizationDialogOpen = ref(false); const isOptimizationDialogOpen = ref(false);
const isProjectRequestDialogOpen = ref(false);
const background = computed(() => { const background = computed(() => {
return ( return (