diff options
Diffstat (limited to 'ui/routes/(login)')
| -rw-r--r-- | ui/routes/(login)/invite/[invite]/+page.js | 2 | ||||
| -rw-r--r-- | ui/routes/(login)/invite/[invite]/+page.svelte | 49 | ||||
| -rw-r--r-- | ui/routes/(login)/login/+page.svelte | 33 | ||||
| -rw-r--r-- | ui/routes/(login)/setup/+page.svelte | 33 |
4 files changed, 60 insertions, 57 deletions
diff --git a/ui/routes/(login)/invite/[invite]/+page.js b/ui/routes/(login)/invite/[invite]/+page.js index e6664d2..ced109a 100644 --- a/ui/routes/(login)/invite/[invite]/+page.js +++ b/ui/routes/(login)/invite/[invite]/+page.js @@ -5,7 +5,7 @@ export async function load({ params }) { let response = await getInvite(invite); switch (response.status) { case 200: - let invite = response.data + let invite = response.data; return { invite }; break; case 404: diff --git a/ui/routes/(login)/invite/[invite]/+page.svelte b/ui/routes/(login)/invite/[invite]/+page.svelte index 7ae388a..8f4d1a4 100644 --- a/ui/routes/(login)/invite/[invite]/+page.svelte +++ b/ui/routes/(login)/invite/[invite]/+page.svelte @@ -1,34 +1,35 @@ <script> - import { goto } from '$app/navigation'; - import { acceptInvite } from '$lib/apiServer'; + import { goto } from '$app/navigation'; + import { acceptInvite } from '$lib/apiServer'; - import LogIn from '$lib/components/LogIn.svelte'; + import LogIn from '$lib/components/LogIn.svelte'; - export let data; + export let data; - let username = "", password = ""; - let pending = false; - $: disabled = pending; + let username = '', + password = ''; + let pending = false; + $: disabled = pending; - async function onSubmit() { - pending = true; - const response = await acceptInvite(data.invite.id, username, password); - if (200 <= response.status && response.status < 300) { - username = ''; - password = ''; - goto('/'); - } - pending = false; - } + async function onSubmit() { + pending = true; + const response = await acceptInvite(data.invite.id, username, password); + if (200 <= response.status && response.status < 300) { + username = ''; + password = ''; + goto('/'); + } + pending = false; + } </script> {#await data} -<div class="card m-4 p-4"> - <p>Loading invitation…</p> -</div> + <div class="card m-4 p-4"> + <p>Loading invitation…</p> + </div> {:then { invite }} -<div class="card m-4 p-4"> - <p>Hi there! {invite.issuer} invites you to the conversation.</p> -</div> -<LogIn bind:disabled bind:username bind:password on:submit={onSubmit} /> + <div class="card m-4 p-4"> + <p>Hi there! {invite.issuer} invites you to the conversation.</p> + </div> + <LogIn bind:disabled bind:username bind:password on:submit={onSubmit} /> {/await} diff --git a/ui/routes/(login)/login/+page.svelte b/ui/routes/(login)/login/+page.svelte index 0387e4a..dba7f5a 100644 --- a/ui/routes/(login)/login/+page.svelte +++ b/ui/routes/(login)/login/+page.svelte @@ -1,23 +1,24 @@ <script> - import { goto } from '$app/navigation'; - import { logIn } from '$lib/apiServer'; + import { goto } from '$app/navigation'; + import { logIn } from '$lib/apiServer'; - import LogIn from '$lib/components/LogIn.svelte'; + import LogIn from '$lib/components/LogIn.svelte'; - let username = "", password = ""; - let pending = false; - $: disabled = pending; + let username = '', + password = ''; + let pending = false; + $: disabled = pending; - async function onSubmit() { - pending = true; - const response = await logIn(username, password); - if (200 <= response.status && response.status < 300) { - username = ''; - password = ''; - goto('/'); - } - pending = false; - } + async function onSubmit() { + pending = true; + const response = await logIn(username, password); + if (200 <= response.status && response.status < 300) { + username = ''; + password = ''; + goto('/'); + } + pending = false; + } </script> <LogIn bind:disabled bind:username bind:password on:submit={onSubmit} /> diff --git a/ui/routes/(login)/setup/+page.svelte b/ui/routes/(login)/setup/+page.svelte index a1974b8..2f098ef 100644 --- a/ui/routes/(login)/setup/+page.svelte +++ b/ui/routes/(login)/setup/+page.svelte @@ -1,23 +1,24 @@ <script> - import { goto } from '$app/navigation'; - import { setup } from '$lib/apiServer'; + import { goto } from '$app/navigation'; + import { setup } from '$lib/apiServer'; - import LogIn from '$lib/components/LogIn.svelte'; + import LogIn from '$lib/components/LogIn.svelte'; - let username = "", password = ""; - let pending = false; - $: disabled = pending; + let username = '', + password = ''; + let pending = false; + $: disabled = pending; - async function onSubmit() { - pending = true; - const response = await setup(username, password); - if (200 <= response.status && response.status < 300) { - username = ''; - password = ''; - goto('/'); - } - pending = false; - } + async function onSubmit() { + pending = true; + const response = await setup(username, password); + if (200 <= response.status && response.status < 300) { + username = ''; + password = ''; + goto('/'); + } + pending = false; + } </script> <LogIn bind:disabled bind:username bind:password legend="set up" on:submit={onSubmit} /> |