mirror of
https://github.com/kmc7468/arkvault.git
synced 2025-12-14 22:08:45 +00:00
38 lines
1.3 KiB
Svelte
38 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import { goto } from "$app/navigation";
|
|
import { Button, BottomDiv, FullscreenDiv, TextInput } from "$lib/components/atoms";
|
|
import { TitledDiv, TopBar } from "$lib/components/molecules";
|
|
import { requestPasswordChange } from "./service";
|
|
|
|
let oldPassword = $state("");
|
|
let newPassword = $state("");
|
|
|
|
const changePassword = async () => {
|
|
if (await requestPasswordChange(oldPassword, newPassword)) {
|
|
await goto("/menu");
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>비밀번호 바꾸기</title>
|
|
</svelte:head>
|
|
|
|
<TopBar class="flex-shrink-0" />
|
|
<FullscreenDiv>
|
|
<TitledDiv class="!pt-0" titleClass="!text-2xl" childrenClass="flex flex-col gap-y-2">
|
|
{#snippet title()}
|
|
기존 비밀번호와 새 비밀번호를 입력해 주세요.
|
|
{/snippet}
|
|
{#snippet description()}
|
|
새 비밀번호는 8자 이상이어야 해요. 다른 사람들이 알 수 없도록 안전하게 설정해 주세요.
|
|
{/snippet}
|
|
|
|
<TextInput bind:value={oldPassword} placeholder="기존 비밀번호" type="password" />
|
|
<TextInput bind:value={newPassword} placeholder="새 비밀번호" type="password" />
|
|
</TitledDiv>
|
|
<BottomDiv>
|
|
<Button onclick={changePassword} class="w-full">비밀번호 바꾸기</Button>
|
|
</BottomDiv>
|
|
</FullscreenDiv>
|