From 3fba410cf8544b6ad9b01d305697c731f1a83c3b Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Wed, 29 Apr 2020 13:07:21 +0200
Subject: [PATCH] adds functionality to navigate to screens and layouts

---
 .../userInterface/ComponentsHierarchy.svelte       |  2 --
 .../frontend/[page]/[screen]/_layout.svelte        | 14 ++++++++++++++
 .../[application]/frontend/[page]/_layout.svelte   |  8 ++++++++
 .../[application]/frontend/[page]/index.svelte     |  1 -
 .../pages/[application]/frontend/_layout.svelte    |  3 ---
 5 files changed, 22 insertions(+), 6 deletions(-)
 create mode 100644 packages/builder/src/pages/[application]/frontend/[page]/[screen]/_layout.svelte
 create mode 100644 packages/builder/src/pages/[application]/frontend/[page]/_layout.svelte

diff --git a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
index cdacd5b38f..05a3163911 100644
--- a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
@@ -53,8 +53,6 @@
     store.setCurrentScreen(screen.title)
     $goto(`./:page/${screen.title}`)
   }
-
-  $: console.log("Params: ", $params)
 </script>
 
 <div class="root">
diff --git a/packages/builder/src/pages/[application]/frontend/[page]/[screen]/_layout.svelte b/packages/builder/src/pages/[application]/frontend/[page]/[screen]/_layout.svelte
new file mode 100644
index 0000000000..5281705434
--- /dev/null
+++ b/packages/builder/src/pages/[application]/frontend/[page]/[screen]/_layout.svelte
@@ -0,0 +1,14 @@
+<script>
+  import { onMount } from "svelte"
+  import { params } from "@sveltech/routify"
+  import { store } from "builderStore"
+
+  if ($params.screen !== "page-layout") {
+    store.setCurrentScreen($params.screen)
+  } else {
+    store.setScreenType("page")
+  }
+</script>
+
+<slot />
+store.setScreenType("page")
diff --git a/packages/builder/src/pages/[application]/frontend/[page]/_layout.svelte b/packages/builder/src/pages/[application]/frontend/[page]/_layout.svelte
new file mode 100644
index 0000000000..d379bba574
--- /dev/null
+++ b/packages/builder/src/pages/[application]/frontend/[page]/_layout.svelte
@@ -0,0 +1,8 @@
+<script>
+  import { params } from "@sveltech/routify"
+  import { store } from "builderStore"
+
+  store.setCurrentPage($params.page)
+</script>
+
+<slot />
diff --git a/packages/builder/src/pages/[application]/frontend/[page]/index.svelte b/packages/builder/src/pages/[application]/frontend/[page]/index.svelte
index 2a02d41ce2..e69de29bb2 100644
--- a/packages/builder/src/pages/[application]/frontend/[page]/index.svelte
+++ b/packages/builder/src/pages/[application]/frontend/[page]/index.svelte
@@ -1 +0,0 @@
-TEST
diff --git a/packages/builder/src/pages/[application]/frontend/_layout.svelte b/packages/builder/src/pages/[application]/frontend/_layout.svelte
index d33b42c3fc..24a9821cc2 100644
--- a/packages/builder/src/pages/[application]/frontend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/frontend/_layout.svelte
@@ -50,9 +50,6 @@
   }
 
   const lastPartOfName = c => (c ? last(c.split("/")) : "")
-
-  $: console.log("Pages: ", $store.pages[$store.currentPageName])
-  $: console.log("Screens: ", $store.screens)
 </script>
 
 <div class="root">