hmw1001
78 lines
3.3 KiB
JavaScript
78 lines
3.3 KiB
JavaScript
function initContactModule(moduleId) {
|
|
const moduleElement = document.getElementById(moduleId);
|
|
if (!moduleElement || moduleElement.classList.contains('initialized')) return;
|
|
|
|
const openBtn = moduleElement.querySelector('.btn-open-contact-modal');
|
|
const modal = moduleElement.querySelector('.contact-modal-local');
|
|
const closeBtn = modal.querySelector('.modal-close');
|
|
const overlay = modal.querySelector('.modal-overlay');
|
|
const form = modal.querySelector('form');
|
|
const formMessages = modal.querySelector('.form-message-area');
|
|
|
|
const openModal = () => {
|
|
modal.classList.add('is-active');
|
|
document.body.style.overflow = 'hidden';
|
|
};
|
|
|
|
const closeModal = () => {
|
|
modal.classList.remove('is-active');
|
|
document.body.style.overflow = '';
|
|
};
|
|
|
|
openBtn.addEventListener('click', openModal);
|
|
closeBtn.addEventListener('click', closeModal);
|
|
overlay.addEventListener('click', closeModal);
|
|
document.addEventListener('keydown', (e) => {
|
|
if (e.key === 'Escape' && modal.classList.contains('is-active')) {
|
|
closeModal();
|
|
}
|
|
});
|
|
|
|
// 💡 [핵심 수정] universalMailer를 사용한 폼 제출 로직
|
|
form.addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
const submitBtn = this.querySelector('button[type="submit"]');
|
|
const originalBtnText = submitBtn.textContent;
|
|
|
|
submitBtn.disabled = true;
|
|
submitBtn.textContent = '전송 중...';
|
|
formMessages.innerHTML = ''; // 이전 메시지 초기화
|
|
|
|
const formData = new FormData(form);
|
|
const variables = {
|
|
contact_name: formData.get('contact_name'),
|
|
contact_hp: formData.get('contact_hp'),
|
|
contact_email: formData.get('contact_email'),
|
|
contact_message: formData.get('contact_message').replace(/\n/g, '<br>')
|
|
};
|
|
|
|
// universalMailer 객체가 있는지 확인
|
|
if (window.universalMailer && typeof window.universalMailer.send === 'function') {
|
|
window.universalMailer.send({
|
|
template_code: 'contact_inquiry', // 관리자에서 생성한 템플릿 코드
|
|
// to_email: variables.contact_email, //수신자임 문의 하기 같은경우 관리자가 받아야 해서 비워둔다
|
|
variables: variables,
|
|
onSuccess: function(response) {
|
|
alert(response.message || '상담 신청이 성공적으로 접수되었습니다.');
|
|
form.reset();
|
|
closeModal();
|
|
},
|
|
onError: function(errorMessage) {
|
|
formMessages.innerHTML = `<div class="message error">${errorMessage || '오류가 발생했습니다.'}</div>`;
|
|
},
|
|
onComplete: function() {
|
|
submitBtn.disabled = false;
|
|
submitBtn.textContent = originalBtnText;
|
|
}
|
|
});
|
|
} else {
|
|
alert('메일 발송 기능에 오류가 발생했습니다. 관리자에게 문의해주세요.');
|
|
submitBtn.disabled = false;
|
|
submitBtn.textContent = originalBtnText;
|
|
}
|
|
});
|
|
|
|
moduleElement.classList.add('initialized');
|
|
}
|
|
|
|
window.initContactModule = initContactModule; |