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

virtual sample - reorganize files data (add dynamic / static level)

Browse source
This commit is contained in:
isUnknown 2024-11-20 15:31:41 +01:00
parent e29738c4ab
commit 2c574069f5
5 changed files with 79 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/project/ProjectStep.vue
View file

@ -29,20 +29,21 @@
"
>
<img
v-for="image in step.files.slice(0, 3)"
v-for="image in step.files.dynamic.slice(0, 3)"
:key="image.uuid"
:src="image.url"
:alt="image.alt"
/>
</figure>
<!-- First image -->
<figure
v-if="step.id === 'virtualSample'"
class="card__images"
:data-count="step.files.length > 3 ? step.files.length - 3 : 0"
:data-count="
step.files.dynamic.length > 3 ? step.files.dynamic.length - 3 : 0
"
>
<img
v-for="track in step.files"
v-for="track in step.files.dynamic"
:key="track.files[0].slug"
:src="track.files[0].url"
:alt="track.files[0].alt"
@ -112,6 +113,7 @@
import dayjs from "dayjs";
import "dayjs/locale/fr";
import { usePageStore } from "../../stores/page";
import { computed } from "vue";
const { step } = defineProps({
step: Object,
@ -127,6 +129,15 @@ const steps = page.steps.map((item) => {
return item.value;
});
const mergedFiles = computed(() => {
if (step.id !== "virtualSample") return false;
const staticFiles = step.files?.static ?? [];
const dynamicFiles = step.files?.dynamic ?? [];
return [...staticFiles, ...dynamicFiles];
});
const status = setStatus();
function setStatus() {