first version

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

@@ -1,27 +1,35 @@
 <script lang="ts">
-    import { pages, scrollToRowNr } from "../../store"
+    import { mediaLibrary, pages, scrollToRowNr, team } from "../../store"
     import Homepage from "./Homepage.svelte"
     import Pagebuilder from "./Pagebuilder.svelte"
     import { apiBaseURL } from "../../../config"
     import { onMount } from "svelte"
 
-    export let path
+    export let path: string
     export let homepage = false
     export let image: FileField
     let page: Page
+    let personPage = false
     function initPage() {
-        page = $pages[path]
+        if ($pages[path]) {
+            page = $pages[path]
+        } else if (
+            Object.values($team)
+                .map((p) => p.path == path)
+                .includes(true)
+        ) {
+            page = Object.values($team).find((p) => p.path == path)
+            personPage = true
+        }
     }
 
     onMount(() => {
         if ($scrollToRowNr !== -1) {
-            console.log("test321-", $scrollToRowNr)
             if (!$scrollToRowNr) {
                 $scrollToRowNr = -1
                 return
             }
             let element = document.getElementById("row-" + $scrollToRowNr)
-            console.log(element)
             if (!element) {
                 $scrollToRowNr = -1
                 return
@@ -35,7 +43,7 @@
     })
 
     $: {
-        if (Object.keys($pages).length) {
+        if (Object.keys($pages).length || Object.keys($team).length) {
             initPage()
         }
     }
@@ -50,22 +58,27 @@
                 id="row-{i}"
                 style="{path == '/' && i == page.rows.length - 1
                     ? 'padding-bottom: 300px; margin-bottom: -40px;'
-                    : ''} {row.row.noBottomMargin ? 'margin-bottom: 0px; padding-bottom: 0px;' : ''} {row.row
-                    .noTopMargin
+                    : ''} {row.noBottomMargin ? 'margin-bottom: 0px; padding-bottom: 0px;' : ''} {row.noTopMargin
                     ? 'margin-top: 0px; padding-top: 0px;'
                     : ''}"
             >
-                {#if row.row.backgroundImage}
+                {#if row.backgroundImage && mediaLibrary[row.backgroundImage]}
                     <div class="background-image">
-                        <img src="{`${apiBaseURL}page/${page.id}/${row.row.backgroundImage?.src}`}" alt="img" />
+                        <img
+                            src="{`${apiBaseURL}medialib/${row?.backgroundImage}/${
+                                mediaLibrary?.[row?.backgroundImage]?.file?.src
+                            }`}"
+                            alt="img"
+                        />
                     </div>
                 {/if}
-                <div class="content" class:bright="{row.row.backgroundImage}">
+                <div class="content" class:bright="{row.backgroundImage}">
                     <Pagebuilder
+                        personPage
                         isHP="{path == '/'}"
-                        row="{row.row}"
+                        row="{row}"
                         pageId="{page.id}"
-                        bright="{!!row.row.backgroundImage}"
+                        bright="{!!row.backgroundImage}"
                     />
                 </div>
             </div>