mingle-website/js/popup.js

/**
 * 밍글 스튜디오 메인 팝업 관리
 */

// 쿠키 관련 함수
function setCookie(name, value, days) {
    const date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    const expires = "expires=" + date.toUTCString();
    document.cookie = name + "=" + value + ";" + expires + ";path=/";
}

function getCookie(name) {
    const nameEQ = name + "=";
    const ca = document.cookie.split(';');
    for(let i = 0; i < ca.length; i++) {
        let c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

// 팝업 표시 함수
function showPopup() {
    const popup = document.getElementById('mainPopup');
    if (popup) {
        popup.classList.add('active');
        document.body.style.overflow = 'hidden'; // 스크롤 방지
    }
}

// 팝업 닫기 함수
function closePopup() {
    const popup = document.getElementById('mainPopup');
    const dontShowToday = document.getElementById('dontShowToday');

    if (popup) {
        popup.classList.remove('active');
        document.body.style.overflow = ''; // 스크롤 복원

        // "하루동안 보지 않기" 체크된 경우
        if (dontShowToday && dontShowToday.checked) {
            setCookie('hideMainPopup', 'true', 1); // 1일간 쿠키 저장
        }
    }
}

// 페이지 로드 시 실행
document.addEventListener('DOMContentLoaded', function() {
    // 쿠키 확인
    const hidePopup = getCookie('hideMainPopup');

    // 쿠키가 없으면 팝업 표시 (1초 후)
    if (!hidePopup) {
        setTimeout(showPopup, 1000);
    }

    // 닫기 버튼 이벤트
    const closeBtn = document.getElementById('popupCloseBtn');
    if (closeBtn) {
        closeBtn.addEventListener('click', closePopup);
    }

    // X 버튼 이벤트
    const closeX = document.getElementById('popupCloseX');
    if (closeX) {
        closeX.addEventListener('click', closePopup);
    }

    // 오버레이 클릭 시 닫기
    const overlay = document.getElementById('mainPopup');
    if (overlay) {
        overlay.addEventListener('click', function(e) {
            if (e.target === overlay) {
                closePopup();
            }
        });
    }

    // ESC 키로 닫기
    document.addEventListener('keydown', function(e) {
        const popup = document.getElementById('mainPopup');
        if (e.key === 'Escape' && popup && popup.classList.contains('active')) {
            closePopup();
        }
    });

    // CTA 버튼 클릭 시 연락처 페이지로 이동
    const ctaBtn = document.getElementById('popupCtaBtn');
    if (ctaBtn) {
        ctaBtn.addEventListener('click', function() {
            closePopup();
            window.location.href = '/contact';
        });
    }
});