summaryrefslogtreecommitdiff
path: root/ui/routes/(app)/me/+page.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'ui/routes/(app)/me/+page.svelte')
-rw-r--r--ui/routes/(app)/me/+page.svelte46
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 />