Files
eapim-portal/src/main/resources/templates/views/apps/register/userDecisionProcess.html
T

93 lines
4.5 KiB
HTML

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout/kbank_mypage_layout}">
<body>
<section layout:fragment="contentFragment" class="content">
<div class="content_wrap">
<div class="sub_title2">
<h2 class="title">법인회원 초대</h2>
</div>
<div class="inner i_cs h_inner2">
<th:block
th:replace="~{apps/register/userAgreementContent :: agreementContent(${termsOfUse}, ${privacyCollect})}"></th:block>
<form id="invitationForm" th:action="@{/signup/decision}" method="post" class="form_type">
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
<input type="hidden" name="invitationToken" th:value="${param.invitation}"/>
<input type="hidden" id="actionInput" name="action" value=""/>
<div class="terms_box">
<p>초대 수락</p>
</div>
<div class="con_title m_btm0">
<p class="tit_txt">
<span th:text="${userName}"></span>님 안녕하세요.<br><br>
<span th:text="${orgName}"></span>에서 귀하를 Kbank API Portal 법인회원으로 초대하였습니다.<br>
<br> Kbank와 함께 금융서비스를 손쉽게 개발해 보세요.<br><br>
초대를 수락하시면 법인회원으로 전환됩니다.<br>
</p>
</div>
<div class="info_box" style="margin-top: 20px; padding: 15px; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px;">
<p style="margin: 0; font-size: 14px; color: #666;">
<strong>초대코드:</strong>
<span th:text="${invitationCode}" style="font-family: monospace; font-size: 16px; font-weight: bold; color: #333; letter-spacing: 2px;"></span>
</p>
<p style="margin: 8px 0 0 0; font-size: 12px; color: #999;">
이메일로 받은 초대코드와 일치하는지 확인해 주세요.
</p>
</div>
<div class="btn_application m_top">
<button type="button" onclick="submitForm('reject')" class="common_btn_type_1 gray">
<span>거절</span>
</button>
<div class="btn_gap"></div>
<button type="button" onclick="submitForm('accept')" class="common_btn_type_1">
<span>수락</span>
</button>
</div>
</form>
</div>
</div>
<script th:replace="~{apps/register/userAgreementContent :: agreementScript}"></script>
<script th:if="${error}" th:inline="javascript">
$(document).ready(function () {
customPopups.showAlert([[${error}]]);
})
</script>
<script>
function submitForm(action) {
let form = document.getElementById('invitationForm');
form.action.value = action;
let agreementForm = document.getElementById('agreementForm');
agreementForm.classList.add('was-validated');
let agreementFormData = new FormData(agreementForm);
if (action === 'accept') {
if (agreementForm.checkValidity()) {
// 약관 동의 폼의 데이터를 hidden input으로 추가
let agreementFormData = new FormData(agreementForm);
for (let pair of agreementFormData.entries()) {
if (!form.querySelector('input[name="' + pair[0] + '"]')) {
let input = document.createElement('input');
input.type = 'hidden';
input.name = pair[0];
input.value = pair[1];
form.appendChild(input);
}
}
form.submit();
} else {
customPopups.showAlert('모든 약관에 동의해 주세요.');
}
} else {
form.submit();
}
document.getElementById('actionInput').value = action;
document.getElementById('invitationForm').submit();
}
</script>
</section>
</body>
</html>