prepare physical sample component
This commit is contained in:
parent
d7e2a58448
commit
30876abff3
24 changed files with 180 additions and 37 deletions
|
|
@ -2,16 +2,20 @@
|
|||
<TitledPdfWrapper
|
||||
v-if="
|
||||
dialog.content.slug.includes('brief') ||
|
||||
dialog.content.slug === 'proposal'
|
||||
dialog.content.slug === 'proposal' ||
|
||||
dialog.content.slug === 'industrial-ideation'
|
||||
"
|
||||
/>
|
||||
|
||||
<VirtualSample v-if="dialog.content.slug === 'virtual-sample'" />
|
||||
|
||||
<PhysicalSample v-if="dialog.content.slug === 'physical-content'" />
|
||||
</template>
|
||||
<script setup>
|
||||
import TitledPdfWrapper from "./TitledPdfWrapper.vue";
|
||||
import { useDialogStore } from "../../stores/dialog";
|
||||
import VirtualSample from "./virtual-sample/VirtualSample.vue";
|
||||
import PhysicalSample from "./PhysicalSample.vue";
|
||||
|
||||
const dialog = useDialogStore();
|
||||
</script>
|
||||
|
|
|
|||
3
src/components/project/PhysicalSample.vue
Normal file
3
src/components/project/PhysicalSample.vue
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<template></template>
|
||||
<script setup></script>
|
||||
<style></style>
|
||||
|
|
@ -16,7 +16,14 @@
|
|||
step.files.length
|
||||
"
|
||||
>
|
||||
<article class="card" v-if="step.id !== 'proposal'">
|
||||
<article
|
||||
class="card"
|
||||
v-if="
|
||||
step.id !== 'proposal' &&
|
||||
step.id !== 'industrialIdeation' &&
|
||||
step.id !== 'physicalSample'
|
||||
"
|
||||
>
|
||||
<hgroup class="order-last">
|
||||
<h3 class="card__title | font-serif | text-lg">
|
||||
<router-link :to="'/' + step.uri" class="link-full">{{
|
||||
|
|
@ -80,7 +87,12 @@
|
|||
</footer>
|
||||
</article>
|
||||
|
||||
<template v-if="step.id == 'proposal' && step.files.length">
|
||||
<template
|
||||
v-if="
|
||||
step.id == 'proposal' ||
|
||||
(step.id == 'industrialIdeation' && step.files.length)
|
||||
"
|
||||
>
|
||||
<article
|
||||
class="card"
|
||||
v-for="(file, index) in step.files"
|
||||
|
|
@ -141,6 +153,8 @@
|
|||
</article>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<template v-if="step.id === 'physicalSample'"></template>
|
||||
<!-- Empty state -->
|
||||
<template v-else></template>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue