CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-03 02:27:06 +13:00
Code Issues Projects Releases Wiki Activity

Formatting.

Browse source
This commit is contained in:
mike12345567 2021-05-18 15:09:04 +01:00
parent 3332e56842
commit 6013cfd8ed
7 changed files with 50 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/bbui/src/Typography/Heading.svelte
View file

@ -7,8 +7,10 @@
export let noPadding = false export let noPadding = false
</script> </script>
<h1 style="text-align:{textAlign};" <h1
class:noPadding style="text-align:{textAlign};"
class="spectrum-Heading spectrum-Heading--size{size}"> class:noPadding
class="spectrum-Heading spectrum-Heading--size{size}"
>
<slot /> <slot />
</h1> </h1>

34
packages/builder/src/components/common/users/PasswordRepeatInput.svelte
View file

@ -1,9 +1,9 @@
<script> <script>
import { Layout, Input } from "@budibase/bbui"
import { import {
Layout, createValidationStore,
Input, requiredValidator,
} from "@budibase/bbui" } from "../../../helpers/validation"
import {createValidationStore, requiredValidator} from "../../../helpers/validation"
export let password export let password
export let error export let error
@ -18,22 +18,26 @@
) )
$: password = $firstPassword $: password = $firstPassword
$: error = !$firstPassword || !$firstTouched || !$repeatTouched || $firstPassword !== $repeatPassword $: error =
!$firstPassword ||
!$firstTouched ||
!$repeatTouched ||
$firstPassword !== $repeatPassword
</script> </script>
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Input <Input
label="Password" label="Password"
type="password" type="password"
error={$firstTouched && $passwordError} error={$firstTouched && $passwordError}
bind:value={$firstPassword} bind:value={$firstPassword}
/> />
<Input <Input
label="Repeat Password" label="Repeat Password"
type="password" type="password"
error={$repeatTouched && error={$repeatTouched &&
$firstPassword !== $repeatPassword && $firstPassword !== $repeatPassword &&
"Passwords must match"} "Passwords must match"}
bind:value={$repeatPassword} bind:value={$repeatPassword}
/> />
</Layout> </Layout>

17
packages/builder/src/components/login/ForgotForm.svelte
View file

@ -1,18 +1,10 @@
<script> <script>
import { import { Input, Button, Layout, Body, Heading } from "@budibase/bbui"
Input,
Button,
Layout,
Body,
Heading,
} from "@budibase/bbui"
let username = "" let username = ""
let password = "" let password = ""
async function reset() { async function reset() {}
}
</script> </script>
<div class="login"> <div class="login">
@ -23,7 +15,10 @@
</Layout> </Layout>
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading textAlign="center">Forgotten your password?</Heading> <Heading textAlign="center">Forgotten your password?</Heading>
<Body size="S" textAlign="center">No problem! Just enter your account's email address and we'll send you a link to reset it.</Body> <Body size="S" textAlign="center"
>No problem! Just enter your account's email address and we'll send
you a link to reset it.</Body
>
<Input label="Email" bind:value={username} /> <Input label="Email" bind:value={username} />
</Layout> </Layout>
<Button cta on:click={reset}>Reset your password</Button> <Button cta on:click={reset}>Reset your password</Button>

1
packages/builder/src/components/login/GoogleButton.svelte
View file

@ -12,7 +12,6 @@
</Link> </Link>
</div> </div>
<style> <style>
.outer { .outer {
border: 1px solid #494949; border: 1px solid #494949;

11
packages/builder/src/components/login/LoginForm.svelte
View file

@ -43,11 +43,18 @@
<Divider noGrid /> <Divider noGrid />
<Body size="S" textAlign="center">Sign in with email</Body> <Body size="S" textAlign="center">Sign in with email</Body>
<Input label="Email" bind:value={username} /> <Input label="Email" bind:value={username} />
<Input label="Password" type="password" on:change bind:value={password} /> <Input
label="Password"
type="password"
on:change
bind:value={password}
/>
</Layout> </Layout>
<Layout gap="S" noPadding> <Layout gap="S" noPadding>
<Button cta on:click={login}>Sign in to Budibase</Button> <Button cta on:click={login}>Sign in to Budibase</Button>
<ActionButton quiet on:click={() => $goto("./forgot")}>Forgot password?</ActionButton> <ActionButton quiet on:click={() => $goto("./forgot")}
>Forgot password?</ActionButton
>
</Layout> </Layout>
</Layout> </Layout>
</div> </div>

16
packages/builder/src/components/login/ResetForm.svelte
View file

@ -1,20 +1,12 @@
<script> <script>
import { import { Input, Button, Layout, Body, Heading } from "@budibase/bbui"
Input,
Button,
Layout,
Body,
Heading,
} from "@budibase/bbui"
import { params } from "@roxi/routify" import { params } from "@roxi/routify"
import { auth } from "stores/backend" import { auth } from "stores/backend"
const resetCode = $params["?code"] const resetCode = $params["?code"]
let password = "" let password = ""
async function reset() { async function reset() {}
}
</script> </script>
<div class="login"> <div class="login">
@ -25,7 +17,9 @@
</Layout> </Layout>
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading textAlign="center">Reset your password</Heading> <Heading textAlign="center">Reset your password</Heading>
<Body size="S" textAlign="center">Please enter the new password you'd like to use.</Body> <Body size="S" textAlign="center"
>Please enter the new password you'd like to use.</Body
>
<Input label="Password" bind:value={password} /> <Input label="Password" bind:value={password} />
</Layout> </Layout>
<Button cta on:click={reset}>Reset your password</Button> <Button cta on:click={reset}>Reset your password</Button>

17
packages/builder/src/pages/builder/invite/index.svelte
View file

@ -1,11 +1,5 @@
<script> <script>
import { import { Layout, Heading, Body, Button, notifications } from "@budibase/bbui"
Layout,
Heading,
Body,
Button,
notifications,
} from "@budibase/bbui"
import { goto, params } from "@roxi/routify" import { goto, params } from "@roxi/routify"
import PasswordRepeatInput from "components/common/users/PasswordRepeatInput.svelte" import PasswordRepeatInput from "components/common/users/PasswordRepeatInput.svelte"
import { users } from "stores/portal" import { users } from "stores/portal"
@ -34,14 +28,13 @@
</Layout> </Layout>
<Layout gap="XS"> <Layout gap="XS">
<Heading textAlign="center" size="M">Accept Invitation</Heading> <Heading textAlign="center" size="M">Accept Invitation</Heading>
<Body textAlign="center" size="S">Please enter a password to setup your user.</Body> <Body textAlign="center" size="S"
>Please enter a password to setup your user.</Body
>
<PasswordRepeatInput bind:error bind:password /> <PasswordRepeatInput bind:error bind:password />
</Layout> </Layout>
<Layout gap="S"> <Layout gap="S">
<Button <Button disabled={error} cta on:click={acceptInvite}>Accept invite</Button
disabled={error}
cta
on:click={acceptInvite}>Accept invite</Button
> >
</Layout> </Layout>
</div> </div>