diff options
Diffstat (limited to 'ui/routes/(app)/me/+page.svelte')
| -rw-r--r-- | ui/routes/(app)/me/+page.svelte | 46 |
1 files changed, 34 insertions, 12 deletions
diff --git a/ui/routes/(app)/me/+page.svelte b/ui/routes/(app)/me/+page.svelte index 82af3c7..26537ad 100644 --- a/ui/routes/(app)/me/+page.svelte +++ b/ui/routes/(app)/me/+page.svelte @@ -3,9 +3,12 @@ import Invites from '$lib/components/Invites.svelte'; - let currentPassword = "", newPassword = "", confirmPassword = "", passwordForm; + let currentPassword = '', + newPassword = '', + confirmPassword = '', + passwordForm; let pending = false; - $: valid = (newPassword === confirmPassword) && (newPassword !== currentPassword); + $: valid = newPassword === confirmPassword && newPassword !== currentPassword; $: disabled = pending || !valid; async function onPasswordChange() { @@ -20,22 +23,41 @@ } </script> -<form on:submit|preventDefault={onPasswordChange} bind:this={passwordForm} > - <label>current password - <input class="input" name="currentPassword" type="password" placeholder="password" bind:value={currentPassword}> +<form on:submit|preventDefault={onPasswordChange} bind:this={passwordForm}> + <label + >current password + <input + class="input" + name="currentPassword" + type="password" + placeholder="password" + bind:value={currentPassword} + /> </label> - <label>new password - <input class="input" name="newPassword" type="password" placeholder="password" bind:value={newPassword}> + <label + >new password + <input + class="input" + name="newPassword" + type="password" + placeholder="password" + bind:value={newPassword} + /> </label> - <label>confirm new password - <input class="input" name="confirmPassword" type="password" placeholder="password" bind:value={confirmPassword}> + <label + >confirm new password + <input + class="input" + name="confirmPassword" + type="password" + placeholder="password" + bind:value={confirmPassword} + /> </label> - <button class="btn variant-filled" type="submit" disabled={disabled}> - change password - </button> + <button class="btn variant-filled" type="submit" {disabled}> change password </button> </form> <Invites /> |
