Add CMS Config for Startseite

pages/index.vue

@@ -2,7 +2,7 @@
 .section-wrapper(v-if='pages')
   div
     v-img.hero-image.secondary.align-end.angle--bottom-right(
-      src='hero-image.jpg',
+      :src='heroImage',
       min-height='400px',
       height='60vh',
       width='auto',
@@ -166,22 +166,20 @@ export default defineComponent({
         .limit(3)
         .fetch()
 
-        const countdown = {
-          date: '2022-11-20T14:00:00Z',
-          show: true
-        }
+      const { countdown, heroImage } = await $content('pages/startseite').fetch()
 
-        return { upcomingEvents, recentPosts, countdown }
+      return { upcomingEvents, recentPosts, countdown, heroImage }
     }, undefined, 'homeData')
 
     const pages = computed(() =>
       pages_loading.value
         ? pages_loading.value
         : {
-            upcomingEvents: [],
-            recentPosts: [],
-            countdown: { date: undefined, show: false },
-          }
+          upcomingEvents: [],
+          recentPosts: [],
+          countdown: { date: undefined, show: false },
+          heroImage: undefined
+        }
     )
 
     const { currentTime } = useCurrentTime()
@@ -192,10 +190,14 @@ export default defineComponent({
       return new Date(countdown.date) > currentTime.value || false
     })
 
+    const heroImage = computed(() => pages.value.heroImage)
+
+
     return {
       pages,
       mail: (m) => (location.href = `mailto:${m}`),
       isCountdownFuture,
+      heroImage
     }
   },
   head: {
@@ -249,7 +251,8 @@ export default defineComponent({
   }
 }
 
-.section-wrapper > div:last-child {
+.section-wrapper>div:last-child {
+
   &.angle--bottom-left,
   &.angle--bottom-right,
   &.angle--both-right-right,

static/admin/config.yml

@@ -11,6 +11,8 @@ backend:
 
 publish_mode: editorial_workflow
 site_url: https://www.ec-nordbund.de/
+# TODO: replace with SVG image
+logo_url: https://www.ec-nordbund.de/icon.png
 show_preview_links: true
 
 media_folder: static/img
@@ -23,8 +25,30 @@ slug:
   sanitize_replacement: _
 
 collections:
-  - name: 'blog'
-    label: 'Blog'
+  - label: 'Seiten'
+    name: 'pages'
+    preview_path: '/'
+    editor:
+      preview: false
+    files:
+      - label: 'Startseite'
+        name: 'startpage'
+        file: 'content/pages/startseite.yml'
+        fields:
+          - label: 'Titelbild'
+            name: 'heroImage'
+            widget: 'image'
+            allow_multiple: false
+            choose_url: false
+          - label: 'Countdown'
+            name: 'countdown'
+            widget: 'object'
+            summary: '{{text.vor}}{{date}}'
+            fields:
+              - { label: 'Anzeigen', name: 'show', widget: 'boolean', default: false }
+              - { label: 'Datum', name: 'date', widget: 'datetime', date_format: true, time_format: true }
+  - label: 'Blog'
+    name: 'blog'
     label_singular: 'Beitrag'
     folder: 'content/blog'
     format: 'frontmatter'
@@ -59,8 +83,8 @@ collections:
           allow_multiple: false,
         }
       - { label: 'Beschreibung', name: 'body', widget: 'markdown' }
-  - name: 'veranstaltungen'
-    label: 'Veranstaltungen'
+  - label: 'Veranstaltungen'
+    name: 'veranstaltungen'
     label_singular: 'Veranstaltung'
     folder: 'content/veranstaltung'
     format: 'frontmatter'