From 25759896cc48c0a1834b6bce93eb2bbf07684b23 Mon Sep 17 00:00:00 2001
From: Martin McKeaveney <martin@shogunsystems.co.uk>
Date: Thu, 26 Mar 2020 10:10:18 +0000
Subject: [PATCH] allow creation of child views

---
 packages/builder/src/database/IndexView.svelte |  2 ++
 .../modals/CreateEditView.svelte               |  1 -
 packages/builder/src/database/ModelView.svelte | 18 +++++++++++++-----
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/packages/builder/src/database/IndexView.svelte b/packages/builder/src/database/IndexView.svelte
index c0fabcb5b4..8ecab5302d 100644
--- a/packages/builder/src/database/IndexView.svelte
+++ b/packages/builder/src/database/IndexView.svelte
@@ -4,6 +4,7 @@
   import Button from "../common/Button.svelte"
   import Dropdown from "../common/Dropdown.svelte"
   import { store } from "../builderStore"
+  import ActionsHeader from "./ActionsHeader.svelte"
   import { filter, some, map, compose } from "lodash/fp"
   import { hierarchy as hierarchyFunctions, common } from "../../../core/src"
   import ErrorsBox from "../common/ErrorsBox.svelte"
@@ -98,6 +99,7 @@
     <CodeArea bind:text={index.getShardName} label="Shard Name" />
   {/if}
 
+  <ActionsHeader />
 </form>
 
 <style>
diff --git a/packages/builder/src/database/ModelDataTable/modals/CreateEditView.svelte b/packages/builder/src/database/ModelDataTable/modals/CreateEditView.svelte
index cda244ab74..270338005d 100644
--- a/packages/builder/src/database/ModelDataTable/modals/CreateEditView.svelte
+++ b/packages/builder/src/database/ModelDataTable/modals/CreateEditView.svelte
@@ -6,5 +6,4 @@
 
 <section>
   <IndexView />
-  <ActionsHeader />
 </section>
diff --git a/packages/builder/src/database/ModelView.svelte b/packages/builder/src/database/ModelView.svelte
index 468049ec12..c205c65cc0 100644
--- a/packages/builder/src/database/ModelView.svelte
+++ b/packages/builder/src/database/ModelView.svelte
@@ -1,4 +1,5 @@
 <script>
+  import { tick } from "svelte"
   import Textbox from "../common/Textbox.svelte"
   import Button from "../common/Button.svelte"
   import Select from "../common/Select.svelte"
@@ -7,7 +8,7 @@
   import FieldView from "./FieldView.svelte"
   import Modal from "../common/Modal.svelte"
   import { map, join, filter, some, find, keys, isDate } from "lodash/fp"
-  import { store } from "../builderStore"
+  import { store, backendUiStore } from "../builderStore"
   import { common, hierarchy } from "../../../core/src"
   import { getNode } from "../common/core"
   import { templateApi, pipe, validate } from "../common/core"
@@ -111,7 +112,7 @@
 
     <form class="uk-form-stacked">
 
-      <Textbox label="Name" bind:text={record.name} on:change={nameChanged} />
+    <Textbox label="Name" bind:text={record.name} on:change={nameChanged} />
       {#if isChildModel}
         <div>
           <label class="uk-form-label">Parent</label>
@@ -151,9 +152,16 @@
     </table>
     <ActionsHeader>
       {#if modelExistsInHierarchy}
-      <ActionButton color="primary" on:click={store.newChildRecord}>
-        Create Child Model on {record.name}
-      </ActionButton>
+        <ActionButton color="primary" on:click={store.newChildRecord}>
+          Create Child Model on {record.name}
+        </ActionButton>
+        <ActionButton color="primary" on:click={async () => {
+          backendUiStore.actions.modals.show("VIEW")
+          await tick()
+          store.newChildIndex()
+        }}>
+          Create Child View on {record.name}
+        </ActionButton>
       {/if}
     </ActionsHeader>
   {:else}