MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update users page to be narrow and remove name column

This commit is contained in:
Andrew Kingston 2022-08-02 18:47:00 +01:00
parent 05c57b1e69
commit 9d5fd239f0
4 changed files with 9 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/bbui/src/Table/Table.svelte
View File

@ -503,12 +503,6 @@
.spectrum-Table-headCell--alignRight { .spectrum-Table-headCell--alignRight {
justify-content: flex-end; justify-content: flex-end;
} }
.spectrum-Table-headCell--divider {
padding-right: var(--cell-padding);
}
.spectrum-Table-headCell--divider + .spectrum-Table-headCell {
padding-left: var(--cell-padding);
}
.spectrum-Table-headCell--edit { .spectrum-Table-headCell--edit {
position: sticky; position: sticky;
left: 0; left: 0;
@ -580,13 +574,6 @@
background-color: var(--table-bg); background-color: var(--table-bg);
z-index: auto; z-index: auto;
} }
.spectrum-Table-cell--divider {
padding-right: var(--cell-padding);
}
.spectrum-Table-cell--divider + .spectrum-Table-cell {
padding-left: var(--cell-padding);
}
.spectrum-Table-cell--edit { .spectrum-Table-cell--edit {
position: sticky; position: sticky;
left: 0; left: 0;

1
packages/builder/src/pages/builder/portal/manage/_layout.svelte
View File

@ -12,7 +12,6 @@
$: wide = $: wide =
$page.path.includes("email/:template") || $page.path.includes("email/:template") ||
($page.path.includes("users") && !$page.path.includes(":userId")) ||
($page.path.includes("groups") && !$page.path.includes(":groupId")) ($page.path.includes("groups") && !$page.path.includes(":groupId"))
</script> </script>

13
packages/builder/src/pages/builder/portal/manage/users/_components/GroupsTableRenderer.svelte
View File

@ -1,5 +1,6 @@
<script> <script>
import { Icon, Body } from "@budibase/bbui" import { Icon } from "@budibase/bbui"
export let value export let value
</script> </script>
@ -7,17 +8,9 @@
<div class="spacing"> <div class="spacing">
<Icon name="UserGroup" /> <Icon name="UserGroup" />
</div> </div>
{#if value?.length === 0}
<div class="opacity">0</div>
{:else if value?.length === 1}
<div class="opacity"> <div class="opacity">
<Body size="S">{value[0]?.name}</Body> {value?.length || 0}
</div> </div>
{:else}
<div class="opacity">
{parseInt(value?.length) || 0} groups
</div>
{/if}
</div> </div>
<style> <style>

9
packages/builder/src/pages/builder/portal/manage/users/index.svelte
View File

@ -11,6 +11,7 @@
Search, Search,
notifications, notifications,
Pagination, Pagination,
Divider,
} from "@budibase/bbui" } from "@budibase/bbui"
import AddUserModal from "./_components/AddUserModal.svelte" import AddUserModal from "./_components/AddUserModal.svelte"
import { users, groups, auth } from "stores/portal" import { users, groups, auth } from "stores/portal"
@ -18,7 +19,6 @@
import DeleteRowsButton from "components/backend/DataTable/buttons/DeleteRowsButton.svelte" import DeleteRowsButton from "components/backend/DataTable/buttons/DeleteRowsButton.svelte"
import GroupsTableRenderer from "./_components/GroupsTableRenderer.svelte" import GroupsTableRenderer from "./_components/GroupsTableRenderer.svelte"
import AppsTableRenderer from "./_components/AppsTableRenderer.svelte" import AppsTableRenderer from "./_components/AppsTableRenderer.svelte"
import NameTableRenderer from "./_components/NameTableRenderer.svelte"
import RoleTableRenderer from "./_components/RoleTableRenderer.svelte" import RoleTableRenderer from "./_components/RoleTableRenderer.svelte"
import { goto } from "@roxi/routify" import { goto } from "@roxi/routify"
import OnboardingTypeModal from "./_components/OnboardingTypeModal.svelte" import OnboardingTypeModal from "./_components/OnboardingTypeModal.svelte"
@ -44,7 +44,6 @@
let customRenderers = [ let customRenderers = [
{ column: "userGroups", component: GroupsTableRenderer }, { column: "userGroups", component: GroupsTableRenderer },
{ column: "apps", component: AppsTableRenderer }, { column: "apps", component: AppsTableRenderer },
{ column: "name", component: NameTableRenderer },
{ column: "role", component: RoleTableRenderer }, { column: "role", component: RoleTableRenderer },
] ]
@ -53,7 +52,6 @@
) )
$: schema = { $: schema = {
name: {},
email: {}, email: {},
role: { role: {
sortable: false, sortable: false,
@ -215,11 +213,13 @@
} }
</script> </script>
<Layout noPadding> <Layout noPadding gap="M">
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading>Users</Heading> <Heading>Users</Heading>
<Body>Add users and control who gets access to your published apps</Body> <Body>Add users and control who gets access to your published apps</Body>
</Layout> </Layout>
<Divider size="S" />
<div class="controls"> <div class="controls">
<ButtonGroup> <ButtonGroup>
<Button <Button
@ -249,7 +249,6 @@
{/if} {/if}
</div> </div>
</div> </div>
<Table <Table
on:click={({ detail }) => $goto(`./${detail._id}`)} on:click={({ detail }) => $goto(`./${detail._id}`)}
{schema} {schema}