diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenDetailsModal.svelte b/packages/builder/src/components/design/ScreenDetailsModal.svelte similarity index 100% rename from packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenDetailsModal.svelte rename to packages/builder/src/components/design/ScreenDetailsModal.svelte diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/DatasourceModal.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/DatasourceModal.svelte deleted file mode 100644 index 26e44ca1d0..0000000000 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/DatasourceModal.svelte +++ /dev/null @@ -1,201 +0,0 @@ - - - - - - Select which datasources you would like to use to create your screens - - - {#each filteredSources as datasource} -
-
- -
{datasource.name}
-
- {#if Array.isArray(datasource.entities)} - {#each datasource.entities.filter(table => table._id !== "ta_users") as table} -
x.table === table._id - )} - on:click={() => toggleScreenSelection(table, datasource)} - > - - - - {table.name} - {#if selectedScreens.find(x => x.table === table._id)} - - - - {/if} -
- {/each} - {/if} - {#if datasource["entities"] && !Array.isArray(datasource.entities)} - {#each Object.keys(datasource.entities).filter(table => table._id !== "ta_users") as table_key} -
x.table === datasource.entities[table_key]._id - )} - on:click={() => - toggleScreenSelection( - datasource.entities[table_key], - datasource - )} - > - - - - {datasource.entities[table_key].name} - {#if selectedScreens.find(x => x.table === datasource.entities[table_key]._id)} - - - - {/if} -
- {/each} - {/if} -
- {/each} - - - - - diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/NewScreenModal.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/NewScreenModal.svelte deleted file mode 100644 index e3a974b344..0000000000 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/NewScreenModal.svelte +++ /dev/null @@ -1,165 +0,0 @@ - - -
- - -
{ - selectedScreenMode = blankScreenModeKey - }} - > -
- blank screen preview -
- Blank screen - Add an empty blank screen -
-
-
-
- -
-
-
- -
- Quickly create a screen from your data -
- -
{ - selectedScreenMode = listScreenModeKey - }} - class:disabled={!$tables.list.filter(table => table._id !== "ta_users") - .length} - > -
- list screen preview -
- List view - - Create, edit and view your data in a list view screen with side - panel - -
-
-
-
- -
-
-
- - -
- - diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenDropdownMenu.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenDropdownMenu.svelte index ec965ed659..fd5ddd9459 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenDropdownMenu.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenDropdownMenu.svelte @@ -9,7 +9,7 @@ Helpers, notifications, } from "@budibase/bbui" - import ScreenDetailsModal from "./ScreenDetailsModal.svelte" + import ScreenDetailsModal from "components/design/ScreenDetailsModal.svelte" import sanitizeUrl from "builderStore/store/screenTemplates/utils/sanitizeUrl" import { makeComponentUnique } from "builderStore/componentUtils" diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenListPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenListPanel.svelte index 06f9f86eb6..faad1143cc 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenListPanel.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenListPanel.svelte @@ -1,17 +1,16 @@ - - - Select which level of access you want your screens to have - -
- {appUrl} -
- - - diff --git a/packages/builder/src/pages/builder/app/[application]/design/index.svelte b/packages/builder/src/pages/builder/app/[application]/design/index.svelte index 42d85b5280..e9c72a6e1f 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/index.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/index.svelte @@ -1,107 +1,12 @@ - -{#if loaded} - -
- Start from scratch or create screens from your data -
- -
-
createScreenModal.show("blank")}> -
- -
-
- Blank screen - Add an empty blank screen -
-
- -
createScreenModal.show("table")}> -
- -
-
- Table - View, edit and delete rows on a table -
-
-
- -{/if} - - - - diff --git a/packages/builder/src/pages/builder/app/[application]/design/new.svelte b/packages/builder/src/pages/builder/app/[application]/design/new.svelte new file mode 100644 index 0000000000..8b341ee2c4 --- /dev/null +++ b/packages/builder/src/pages/builder/app/[application]/design/new.svelte @@ -0,0 +1,102 @@ + + +
+ 0} + onClose={() => $goto(`./${$frontendStore.screens[0]._id}`)} + heading="Create your first screen" + > +
+ Start from scratch or create screens from your data +
+ +
+
createScreenModal.show("blank")}> +
+ +
+
+ Blank screen + Add an empty blank screen +
+
+ +
createScreenModal.show("table")}> +
+ +
+
+ Table + View, edit and delete rows on a table +
+
+
+ +
+ + + +