From 389558fd9578fe072563966667da54ba60cdf9b5 Mon Sep 17 00:00:00 2001 From: Peter Clement Date: Wed, 22 Jun 2022 15:34:49 +0100 Subject: [PATCH] user onboarding new flow --- packages/bbui/src/Table/Table.svelte | 11 +++- .../builder/portal/manage/_layout.svelte | 1 + .../groups/_components/GroupAppsRow.svelte | 33 +++++++--- .../builder/portal/manage/users/index.svelte | 65 ++++++++++++++----- 4 files changed, 84 insertions(+), 26 deletions(-) diff --git a/packages/bbui/src/Table/Table.svelte b/packages/bbui/src/Table/Table.svelte index 863dc84040..e78437ee4a 100644 --- a/packages/bbui/src/Table/Table.svelte +++ b/packages/bbui/src/Table/Table.svelte @@ -37,7 +37,7 @@ export let autoSortColumns = true export let compact = false export let customPlaceholder = false - + export let showHeaderBorder = true const dispatch = createEventDispatcher() // Config @@ -300,6 +300,7 @@ {#each fields as field}
diff --git a/packages/builder/src/pages/builder/portal/manage/groups/_components/GroupAppsRow.svelte b/packages/builder/src/pages/builder/portal/manage/groups/_components/GroupAppsRow.svelte index 6c400c03fe..adb725b703 100644 --- a/packages/builder/src/pages/builder/portal/manage/groups/_components/GroupAppsRow.svelte +++ b/packages/builder/src/pages/builder/portal/manage/groups/_components/GroupAppsRow.svelte @@ -5,24 +5,20 @@
-
-
- -
+
+
-
+
{app.name} -
+
{app.access}
-
+
{app.access}
@@ -33,7 +29,26 @@ grid-template-columns: 75px 75px; align-items: center; } + .app-icon { + display: flex; + margin-left: var(--spacing-xl); + } + .apps { + display: flex; + align-items: baseline; + margin-right: var(--spacing-xl); + } + + .access { + opacity: 0.5; + margin: var(--spacing-xs) 0 0 var(--spacing-m); + } + + .name-content { + display: flex; + align-items: center; + } .name { text-decoration: none; overflow: hidden; diff --git a/packages/builder/src/pages/builder/portal/manage/users/index.svelte b/packages/builder/src/pages/builder/portal/manage/users/index.svelte index bfbe520b2f..50d4031af4 100644 --- a/packages/builder/src/pages/builder/portal/manage/users/index.svelte +++ b/packages/builder/src/pages/builder/portal/manage/users/index.svelte @@ -11,6 +11,7 @@ Label, Layout, Modal, + Icon, notifications, } from "@budibase/bbui" import TagsRenderer from "./_components/TagsTableRenderer.svelte" @@ -29,6 +30,21 @@ // group: {} } + const accessTypes = [ + { + icon: "User", + description: "App user - Only has access to published apps", + }, + { + icon: "Hammer", + description: "Developer - Access to the app builder", + }, + { + icon: "Draw", + description: "Admin - Full access", + }, + ] + let search let email $: filteredUsers = $users @@ -60,25 +76,31 @@ Users - - Each user is assigned to a group that contains apps and permissions. In - this section, you can add users, or edit and delete an existing user. - - - - -
- Users - - - - + Add users and control who gets access to your published apps + +
+ {#each accessTypes as type} +
+ +
+ {type.description} +
+
+ {/each}
+ + + + + +
-
$goto(`./${detail._id}`)} @@ -87,6 +109,7 @@ allowEditColumns={false} allowEditRows={false} allowSelectRows={false} + showHeaderBorder={false} customRenderers={[{ column: "group", component: TagsRenderer }]} /> @@ -98,6 +121,16 @@