first commit 2

2026-06-11 18:47:38 +09:00
parent c768729ce6
commit 6f534e33a6
11095 changed files with 1595758 additions and 0 deletions
@@ -0,0 +1,87 @@
+function initContactModule(moduleId) {
+    const moduleElement = document.getElementById(moduleId);
+    if (!moduleElement || moduleElement.classList.contains('initialized')) return;
+
+    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 = (e) => {
+        if (e) e.preventDefault();
+        modal.classList.add('is-active');
+        document.body.style.overflow = 'hidden';
+    };
+
+    const closeModal = () => {
+        modal.classList.remove('is-active');
+        document.body.style.overflow = '';
+    };
+
+    // 💡 [수정] document 객체에 이벤트 리스너 등록 (더 확실한 위임)
+    document.addEventListener('click', function(e) {
+        // 클릭된 요소가 .btn-open-contact-modal 클래스를 가지고 있거나, 그 내부 요소인 경우
+        const targetBtn = e.target.matches('.btn-open-contact-modal') ? e.target : e.target.closest('.btn-open-contact-modal');
+        
+        if (targetBtn) {
+            openModal(e);
+        }
+    });
+
+    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;