Ehrenamt/ff-webpage
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 13 Packages Wiki Activity Actions

navigation on collections and dynamic routing improvements

Browse source
This commit is contained in:
Julian Krauser 2024-11-03 11:21:44 +01:00
parent 5c56af0dad
commit 44b55d9bbb
11 changed files with 117 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

24
components/ContentBuilder.vue
View file

@ -1,14 +1,16 @@
<template>
<SharedHero v-if="hero" :data="hero" />
<div class="container mx-auto py-12 min-h-[50vh]">
<div v-for="item in content" class="contents">
<DynamicZoneColumnImageText v-if="item.__component == 'dynamic-zone.column-image-text'" :data="item" />
<DynamicZoneDualColumnText v-else-if="item.__component == 'dynamic-zone.dual-column-text'" :data="item" />
<DynamicZoneEmphasiseArticle v-else-if="item.__component == 'dynamic-zone.emphasise-article'" :data="item" />
<DynamicZoneFullImage v-else-if="item.__component == 'dynamic-zone.full-image'" :data="item" />
<DynamicZoneFullText v-else-if="item.__component == 'dynamic-zone.full-text'" :data="item" />
<DynamicZoneGallery v-else-if="item.__component == 'dynamic-zone.gallery'" :data="item" />
<SharedList v-else-if="item.__component == 'shared.list'" :data="item" />
<div class="min-h-[calc(100vh-9rem)] w-full">
<SharedHero v-if="hero" :data="hero" />
<div class="container mx-auto py-12 min-h-[50vh]">
<div v-for="item in content" class="contents">
<DynamicZoneColumnImageText v-if="item.__component == 'dynamic-zone.column-image-text'" :data="item" />
<DynamicZoneDualColumnText v-else-if="item.__component == 'dynamic-zone.dual-column-text'" :data="item" />
<DynamicZoneEmphasiseArticle v-else-if="item.__component == 'dynamic-zone.emphasise-article'" :data="item" />
<DynamicZoneFullImage v-else-if="item.__component == 'dynamic-zone.full-image'" :data="item" />
<DynamicZoneFullText v-else-if="item.__component == 'dynamic-zone.full-text'" :data="item" />
<DynamicZoneGallery v-else-if="item.__component == 'dynamic-zone.gallery'" :data="item" />
<SharedList v-else-if="item.__component == 'shared.list'" :data="item" />
</div>
</div>
</div>
</template>
@ -19,7 +21,7 @@ import type SharedHero from "../types/component/sharedHero";
import type { ComponentTypes } from "../types/component/baseComponent";
defineProps({
hero: Object as PropType<SharedHero>,
hero: { type: Object as PropType<SharedHero>, required: false, default: null },
content: Array<ComponentTypes>,
});
</script>