Rinjae
67 lines
2.6 KiB
HTML
67 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout/djbank_title_layout}">
|
|
<body>
|
|
<section layout:fragment="title">
|
|
<div class="page-title-banner">
|
|
<img th:src="@{/img/img_title_bg.png}" class="title-image">
|
|
<h1>아이디 찾기</h1>
|
|
</div>
|
|
</section>
|
|
<th:block layout:fragment="contentFragment">
|
|
<div class="account-recovery-page">
|
|
<div class="account-recovery-container">
|
|
<div class="account-recovery-card">
|
|
<!-- Tab Navigation -->
|
|
<div class="account-recovery-tabs">
|
|
<a href="#" class="tab-link active">아이디찾기</a>
|
|
<a th:href="@{/account_recovery(tab='resetPassword')}" class="tab-link">비밀번호 초기화</a>
|
|
</div>
|
|
|
|
<!-- Result Content Area -->
|
|
<div class="account-recovery-result">
|
|
<div class="result-header">
|
|
<i class="fas fa-check-circle result-icon"></i>
|
|
<h2 class="result-title">회원님의 아이디를 찾았습니다.</h2>
|
|
<p class="result-description" th:if="${#lists.size(foundUsers) > 1}">
|
|
동일한 정보로 가입된 계정이 <strong th:text="${#lists.size(foundUsers)}">2</strong>개 있습니다.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Found Users List -->
|
|
<div class="found-users-list">
|
|
<div class="found-user-item" th:each="user, stat : ${foundUsers}">
|
|
<div class="user-info">
|
|
<span class="user-email" th:text="${user.maskedEmailAddr}">te***@example.com</span>
|
|
<span class="user-date">
|
|
(<th:block th:text="${#temporals.format(user.createdDate, 'yyyy.MM.dd')}">2024.01.01</th:block> 가입)
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Info Box -->
|
|
<div class="result-info-box">
|
|
<p class="info-text">
|
|
<i class="fas fa-info-circle"></i>
|
|
비밀번호가 기억나지 않는 경우에는
|
|
<a th:href="@{/account_recovery(tab='resetPassword')}" class="info-link">비밀번호 초기화</a>를
|
|
이용해 주세요.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Action Buttons -->
|
|
<div class="form-actions">
|
|
<a th:href="@{/account_recovery(tab='findId')}" class="cancel-button">다시 찾기</a>
|
|
<a th:href="@{/login}" class="submit-button">로그인</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th:block>
|
|
</body>
|
|
<th:block layout:fragment="contentScript">
|
|
</th:block>
|
|
</html>
|