version two

frontend/src/lib/components/Footer.svelte

@@ -4,9 +4,10 @@
     let nextpage = $navigation?.pages[0]
     $: nextpage = $navigation?.pages[0]
     function getNextPage(pages) {
-        console.log(pages, "pages")
-        if (location.pathname == "/" || location.pathname == "") return
-
+        if (location.pathname == "/" || location.pathname == "") {
+            $navigation?.pages?.length > 1 ? (nextpage = $navigation?.pages[1]) : (nextpage = $navigation?.pages[0])
+            return
+        }
         let currPage = pages.find(
             (page) => Object.values($pages)?.find((o) => o.id == page.page)?.path == location.pathname
         )

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}"
                     />

frontend/src/lib/components/widgets/Worldcard/worldcard.svelte

@@ -38,9 +38,9 @@
 <div style="display: flex; flex-direction: column; width: 100%; align-items: center;">
     <div class="worldcard">
         <div class="worldcard">
-            {#each worldCard.rows as row}
+            {#each worldCard?.row as row}
                 <div class="wc-row">
-                    {#each row.cards as card}
+                    {#each row?.cards as card}
                         <Card
                             card="{card}"
                             properties="{availableProperties}"

frontend/src/lib/components/widgets/extendableBox.svelte

@@ -3,38 +3,35 @@
     import { openExtendableNr } from "../../store"
 
     export let pages: Page[]
-    export let opened = -1
+    export let opened = ""
     let jobOffers = pages.map((p) => p.jobOffer)
     onMount(() => {
-        if (!isNaN($openExtendableNr) && $openExtendableNr !== -1) {
-            opened = $openExtendableNr
-            $openExtendableNr = -1
-        }
+        opened = location.search.split("=").at(-1)
     })
 </script>
 
 <div class="boxes">
     {#each jobOffers as box, i}
-        <div class="box" class:opened="{i == opened}">
+        <div class="box" class:opened="{pages[i].id == opened}">
             <div
                 class="upper"
                 on:keydown
                 on:click="{() => {
-                    if (opened == i) opened = -1
-                    else opened = i
+                    if (opened == pages[i].id) opened = ''
+                    else opened = pages[i].id
                 }}"
             >
                 <h4>
                     {box.title}
                 </h4>
                 <div>
-                    {#if i !== opened}<img src="/media/down.svg" alt="arrow" />{:else}<img
+                    {#if pages[i].id !== opened}<img src="/media/down.svg" alt="arrow" />{:else}<img
                             src="/media/up.svg"
                             alt="arrow"
                         />{/if}
                 </div>
             </div>
-            <div class="content" class:closed="{i !== opened}">
+            <div class="content" class:closed="{pages[i].id !== opened}">
                 {@html box.text}
                 {#if box.emailButton}
                     <a

frontend/src/lib/components/widgets/iconCycleBox.svelte

@@ -3,7 +3,7 @@
     import { mediaLibrary } from "../../store"
     export let iconCycleSquare: IconCycleSquare
     export let pageId: string
-
+    console.log("YEY")
     let active = -1
     setInterval(() => {
         active += 1

frontend/src/lib/components/widgets/image.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
     import { apiBaseURL } from "../../../config"
     import { mediaLibrary } from "../../store"
-    export let image: FileField
+    export let image: string
     export let pageId: string
     export let col: { contentType: "image"; image: string; icons: { icon: string; link: string }[] }
 </script>
 
 <div class="image-container">
-    <img src="{`${apiBaseURL}medialib/${image?.src}/${$mediaLibrary[image?.src]?.file?.src}`}" alt="img" />
+    <img src="{`${apiBaseURL}medialib/${image}/${$mediaLibrary[image]?.file?.src}`}" alt="img" />
 </div>
 {#if col && col.icons}
     <div class="icons">
@@ -15,7 +15,7 @@
             <div class="icon">
                 <a href="{icon.link}" style="text-decoration: none;" target="_blank">
                     <img
-                        src="{`${apiBaseURL}medialib/${image?.src}/${$mediaLibrary[image?.src]?.file?.src}`}"
+                        src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary[icon.icon]?.file?.src}`}"
                         alt="img"
                     />
                 </a>

frontend/src/lib/components/widgets/pageLinkBlocks.svelte

@@ -2,17 +2,19 @@
     import { navigate } from "svelte-routing/src/history"
     import { openExtendableNr, rerender, scrollToRowNr } from "../../store"
     export let pages: Page[]
+    export let pageReference: string
     let jobOffers = pages.map((p) => p.jobOffer)
     let focused = -1
 </script>
 
 <div class="link-container">
     {#each jobOffers as job, i}
-        {#if i > 3}
+        {#if i < 3}
             <button
                 class="page-ref"
                 on:click="{() => {
                     $rerender = $rerender + 1
+                    navigate(pageReference + '?elem=' + pages[i].id)
                 }}"
             >
                 {job.title}
@@ -28,6 +30,7 @@
                 class="row-ref fill"
                 on:click="{() => {
                     $rerender = $rerender + 1
+                    navigate(pageReference)
                 }}"
             >
                 <div>Mehr offene Stellen</div>

frontend/src/lib/components/widgets/persons.svelte

@@ -22,7 +22,7 @@
                 <!-- Initial Image -->
                 <img
                     class="initial"
-                    src="{`${apiBaseURL}medialib/${p.personPreview.hoverImage}/${
+                    src="{`${apiBaseURL}medialib/${p.personPreview.initialImage}/${
                         $mediaLibrary[p.personPreview.initialImage]?.file?.src
                     }`}"
                     alt="img"