This commit is contained in:
2026-04-07 14:50:23 +09:00
commit b4e485502b
4778 changed files with 2017091 additions and 0 deletions

View File

@@ -0,0 +1,149 @@
<!--
This example requires Tailwind CSS v2.0+
This example requires some changes to your config:
```
// tailwind.config.js
module.exports = {
// ...
plugins: [
// ...
require('@tailwindcss/forms'),
],
}
```
-->
<template>
<!--
This example requires updating your template:
```
<html class="h-full bg-gray-50">
<body class="h-full">
```
-->
<div
class="min-h-full flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8"
>
<div class="max-w-md w-full space-y-8">
<div>
<h2
class="mt-6 text-center text-3xl font-extrabold text-gray-900"
>
비밀번호 찾기
</h2>
<!--
<p class="mt-2 text-center text-sm text-gray-600">
계정이 없으신 경우
{{ ' ' }}
<a
href="javascript:void()"
class="font-medium text-indigo-600 hover:text-indigo-500"
@click="navigateTo('/user/signup')"
>
이곳에서 회원가입
</a>
</p>
-->
<p class="mt-2 text-center text-sm text-gray-600">
계정이 있는 경우
{{ ' ' }}
<a
href="javascript:void()"
class="font-medium text-indigo-600 hover:text-indigo-500"
@click="navigateTo('/user/signin')"
>
이곳에서 로그인
</a>
</p>
</div>
<form class="mt-8 space-y-6" @submit.prevent="passwordReset">
<input type="hidden" name="remember" value="true" />
<div class="rounded-md shadow-sm -space-y-px">
<div>
<label for="email-address" class="sr-only"
>이메일 주소</label
>
<input
id="email-address"
v-model="email"
name="email"
type="email"
autocomplete="email"
required=""
class="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm"
placeholder="이메일 주소"
/>
</div>
</div>
<div class="flex items-center justify-center">
<p class="mt-2 text-center text-sm text-gray-600">
입력하신 이메일 주소로 비밀번호 리셋 링크를 보내
드립니다.
</p>
</div>
<div>
<button
type="submit"
class="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="absolute left-0 inset-y-0 flex items-center pl-3"
>
<LockClosedIcon
class="h-5 w-5 text-indigo-500 group-hover:text-indigo-400"
aria-hidden="true"
/>
</span>
링크 요청
</button>
</div>
</form>
</div>
</div>
</template>
<script setup lang="ts">
import { LockClosedIcon } from '@heroicons/vue/24/solid/index.js';
definePageMeta({
layout: 'center',
});
useHead({
htmlAttrs: {
class: 'h-full bg-white',
},
bodyAttrs: {
class: 'h-full',
},
});
const email = ref('');
async function passwordReset() {
const responseJson = await _crossCtl.doComm('reset', '', {
userName: email.value,
});
_utils.log('debug', 'responseJson=', responseJson);
switch (responseJson['responseMessage']) {
case 'no user found':
alert('no user found');
break;
case 'ok':
alert(
'비밀번호 복구 메일을 발송하였습니다. 잠시 후에 이메일 수신함을 확인해 주세요.'
);
// window.location.replace('/');
break;
default:
alert(responseJson['responseMessage']);
break;
}
}
</script>