version two

frontend/src/lib/components/Pagebuilder/Homepage.svelte

@@ -5,6 +5,8 @@
     import TextLink from "../widgets/textLink.svelte"
 
     let teasers = Object.values($pages)?.map((page) => ({ teaser: page.teaser, path: page.path }))
+    $: teasers = Object.values($pages)?.map((page) => ({ teaser: page.teaser, path: page.path }))
+    console.log("teasers:", teasers)
 
     register(false)
     let swiper

frontend/src/lib/components/Pagebuilder/Module.svelte

@@ -8,13 +8,11 @@
     import PageLinkBlocks from "../widgets/pageLinkBlocks.svelte"
     import Persons from "../widgets/persons.svelte"
 
-    let col: { contentType: "moduleImport"; moduleImport: string }
-    let pageId: string
-    let bright: boolean
-    let isHP: boolean
-    let row: Row
+    export let col: { contentType: "moduleImport"; moduleImport: string }
+    export let pageId: string
 
-    let module = $modules[col.moduleImport]
+    let module = $modules[col.moduleImport] || {}
+    $: module = $modules[col.moduleImport] || {}
 </script>
 
 {#if module.type == "iconCycleCircle"}
@@ -30,5 +28,5 @@
 {:else if module.type == "jobOffer"}
     <ExtendableBox pages="{Object.values($jobOffers)}" />
 {:else if module.type == "jobOfferLink"}
-    <PageLinkBlocks pages="{Object.values($jobOffers)}" />
+    <PageLinkBlocks pages="{Object.values($jobOffers)}" pageReference="{module.jobOfferPage}" />
 {/if}

frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte

@@ -26,7 +26,7 @@
     export let i: number
     export let page: Page
     export let personPage: boolean
-
+    console.log("page", page, personPage)
     window.addEventListener("popstate", function (event) {
         $rerender = $rerender + 1
     })
@@ -44,8 +44,9 @@
                 style="cursor: pointer; display: flex; align-items: center; gap: 10px; line-height: 1.4;"
                 on:keydown
                 on:click="{() => {
+                    navigate('/' + location.pathname.split('/').at(1))
+
                     $rerender = $rerender + 1
-                    navigate('/' + location.pathname.split('/').at(0))
                 }}"
             >
                 <img src="/media/arrow-l.svg" alt="arrow" /> Zurück zur Übersicht
@@ -54,12 +55,13 @@
                 style="cursor: pointer; display: flex; align-items: center; gap: 10px; line-height: 1.4;"
                 on:keydown
                 on:click="{() => {
-                    $rerender = $rerender + 1
                     let chefs = Object.values($team).filter((p) => p.personType == 'chef')
                     let i = chefs.findIndex((p) => p.path == page.path)
                     if (i == chefs.length - 1) i = 0
                     else i++
                     navigate(chefs[i].path)
+
+                    $rerender = $rerender + 1
                 }}"
             >
                 Zum nächsten Profil <img src="/media/arrowr.svg" alt="arrow" />
@@ -99,7 +101,7 @@
                             bright="{bright}"
                         />
                     {:else if col.contentType == "moduleImport"}
-                        <Module col="{col}" pageId="{pageId}" bright="{bright}" isHP="{isHP}" row="{row}" />
+                        <Module col="{col}" pageId="{pageId}" />
                     {:else if col.contentType == "image"}
                         <Image image="{col?.image}" col="{col}" pageId="{pageId}" />
                     {:else if col.contentType == "iconBlocks"}
@@ -114,8 +116,6 @@
                         <InfoBoard col="{col}" pageId="{pageId}" />
                     {:else if col.contentType == "nestedCard"}
                         <NestedCard col="{col}" />
-                 
-                        
                     {/if}
                 </div>
             {/each}

frontend/src/lib/components/Pagebuilder/Rows.svelte

@@ -74,9 +74,11 @@
                 {/if}
                 <div class="content" class:bright="{row.backgroundImage}">
                     <Pagebuilder
-                        personPage
+                        personPage="{personPage}"
                         isHP="{path == '/'}"
+                        i="{i}"
                         row="{row}"
+                        page="{page}"
                         pageId="{page.id}"
                         bright="{!!row.backgroundImage}"
                     />