Update users page to be narrow and remove name column
This commit is contained in:
parent
4f84fb069b
commit
d79b95b710
4 changed files with 9 additions and 31 deletions
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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">
|
||||||
<div class="opacity">0</div>
|
{value?.length || 0}
|
||||||
{:else if value?.length === 1}
|
</div>
|
||||||
<div class="opacity">
|
|
||||||
<Body size="S">{value[0]?.name}</Body>
|
|
||||||
</div>
|
|
||||||
{:else}
|
|
||||||
<div class="opacity">
|
|
||||||
{parseInt(value?.length) || 0} groups
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
|
@ -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}
|
||||||
|
|
Loading…
Reference in a new issue