CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-01 09:38:55 +13:00
Code Issues Projects Releases Wiki Activity

move settings to a subpath

Browse source
This commit is contained in:
Keviin Åberg Kultalahti 2021-05-05 12:56:12 +02:00
parent 1fdeb1a33e
commit 7a346bed29
3 changed files with 87 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/builder/src/pages/portal/_layout.svelte
View file

@ -1,5 +1,5 @@
<script> <script>
import { isActive } from "@roxi/routify" import { isActive, url } from "@roxi/routify"
import { onMount } from "svelte" import { onMount } from "svelte"
import { import {
Icon, Icon,
@ -26,13 +26,13 @@
onMount(getInfo) onMount(getInfo)
let menu = [ let menu = [
{ title: "Apps", href: "/portal" }, { title: "Apps", href: "/portal/" },
{ title: "Drafts", href: "/portal/drafts" }, { title: "Drafts", href: "/portal/drafts" },
{ title: "Users", href: "/portal/users", heading: "Manage" }, { title: "Users", href: "/portal/users", heading: "Manage" },
{ title: "Groups", href: "/portal/groups" }, { title: "Groups", href: "/portal/groups" },
{ title: "Auth", href: "/portal/auth" }, { title: "Auth", href: "/portal/auth" },
{ title: "Email", href: "/portal/email" }, { title: "Email", href: "/portal/email" },
{ title: "General", href: "/portal/general", heading: "Settings" }, { title: "General", href: "/portal/settings/general", heading: "Settings" },
{ title: "Theming", href: "/portal/theming" }, { title: "Theming", href: "/portal/theming" },
{ title: "Account", href: "/portal/account" }, { title: "Account", href: "/portal/account" },
] ]
@ -53,7 +53,9 @@
<div class="menu"> <div class="menu">
<Navigation> <Navigation>
{#each menu as { title, href, heading }} {#each menu as { title, href, heading }}
<Item selected={$isActive(href)} {href} {heading}>{title}</Item> <Item selected={$isActive($url(href))} {href} {heading}
>{title}</Item
>
{/each} {/each}
</Navigation> </Navigation>
</div> </div>
@ -98,7 +100,11 @@
align-items: center; align-items: center;
} }
.content { .content {
padding: var(--spacing-m); display: grid;
padding: calc(var(--spacing-xl) * 2) var(--spacing-m) var(--spacing-m)
var(--spacing-m);
max-width: 80ch;
margin: 0 auto;
} }
.avatar { .avatar {
display: grid; display: grid;

72
packages/builder/src/pages/portal/settings/general.svelte Normal file
View file

@ -0,0 +1,72 @@
<script>
import {
Layout,
Heading,
Body,
Divider,
Label,
Input,
Toggle,
Dropzone,
} from "@budibase/bbui"
</script>
<div class="container">
<Layout noPadding>
<div class="intro">
<Heading size="M">General</Heading>
<Body
>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Hic vero, aut
culpa provident sunt ratione! Voluptas doloremque, dicta nisi velit
perspiciatis, ratione vel blanditiis totam, nam voluptate repellat
aperiam fuga!</Body
>
</div>
<Divider size="S" />
<div class="information">
<Heading size="S">Information</Heading>
<Body>Here you can update your logo and organization name.</Body>
<div class="fields">
<div class="field">
<Label>Organization name</Label>
<Input />
</div>
<div class="field">
<Label>Logo</Label>
<div class="file">
<Dropzone />
</div>
</div>
</div>
</div>
<Divider size="S" />
<div class="analytics">
<Heading size="S">Analytics</Heading>
<Body
>If you would like to send analytics that help us make Budibase better,
please let us know below.</Body
>
<div class="field">
<Label>Send Analytics to Budibase</Label>
<Toggle text="" />
</div>
</div>
</Layout>
</div>
<style>
.fields {
display: grid;
grid-gap: var(--spacing-m);
}
.field {
display: grid;
grid-template-columns: 30% 1fr;
}
.file {
max-width: 30ch;
}
.intro {
display: grid;
}
</style>

4
packages/builder/src/pages/portal/settings/index.svelte Normal file
View file

@ -0,0 +1,4 @@
<script>
import { goto } from "@roxi/routify"
$goto("./general")
</script>