lunBackServer/src/main/resources/static/js/common.js

document.addEventListener('DOMContentLoaded', function() {
    const loginForm = document.getElementById('loginFormElement');
    loginForm.addEventListener('submit', function(e) {
        e.preventDefault(); // 기본 폼 제출 동작 방지
        submitLoginForm();
    });
});
onload = function() {
    history.replaceState({}, null, location.pathname);
    // var accToken = get_cookie("access")
    // var refreshToken = get_cookie("refresh")
    // console.log("access === " + accToken + " || " + accToken.length);
    // console.log("refresh === " + refreshToken + " || " + refreshToken.length);
    document.cookie = "access=; expires=Thu, 01 Jan 1970 00:00:01 GMT;"
    document.cookie = "refresh=; expires=Thu, 01 Jan 1970 00:00:01 GMT;"
    document.cookie = "CLEAR=; expires=Thu, 01 Jan 1970 00:00:01 GMT;"

    var currentList = [{"page":["posts"],"id":"menu_posts"},{"page":["licenses"],"id":"menu_drop"},{"page":["licenses"],"id":"menu_drop"}]
    if(location.pathname.length > 1) {
        // 1. 모든 'current' 클래스를 가진 요소를 선택하고 제거
        // const currentElements = document.querySelectorAll('.current');
        // currentElements.forEach(element => {
        //     element.classList.remove('current');
        // });
        currentList.forEach(element => {
            element.page.forEach((page, index) => {
                console.log(location.pathname);
                if (location.pathname.includes(page)) {
                    const targetElement = document.getElementById(element.id);
                    if (targetElement) {
                        targetElement.classList.add('current');
                    }
                }
            })
        })
    } else {
        const targetElement = document.getElementById('menu_home');
        if (targetElement) {
            targetElement.classList.add('current');
        }
    }
}
// onbeforeunload = function () {
//     var accToken = get_cookie("access")
//     var refreshToken = get_cookie("refresh")
//     console.log("access === " + accToken + " || " + accToken.length);
//     console.log("refresh === " + refreshToken + " || " + refreshToken.length);
//
//     if (accToken.length < 1) {
//         document.cookie = "refresh="+ window.sessionStorage.getItem("REFRESH") + ";";
//     }
//     if (refreshToken.length < 1) {
//         window.sessionStorage.setItem("REFRESH",get_cookie("refresh"))
//     }
// }
function get_cookie(name) {
    var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
    return value? value[2] : null;
}

function divider(key) {
    return merge(padding(),key,padding())
}
function padding() {
    return "%7C%2A-%2A%7C";
}
function merge(...args) {
    return args.join("");
}
function unformat(type , data, key) {
    var even = [];
    var odd = [];
    data.split("").forEach(function (v,idx,full) {if(idx % 2 === 0) {even.push(v)} else {odd.push(v)}});
    switch (type) {
        case "T0": return merge(odd.join(""),divider(key),even.join(""));
        case "T1": return merge(odd.reverse().join(""),divider(key),even.join(""));
        case "T2": return merge(odd.join(""),divider(key),even.reverse().join(""));
        default: return merge(odd.reverse().join(""),divider(key),even.reverse().join(""));
    }
}
function checkDebug(){
    var debug = false
    try {
        debug = typeof v8debug === 'object'
            || /--debug|--inspect/.test(process.execArgv.join(' '));
        alert(debug)
    } catch (e) {

    }

    try {
        const inspector = require('inspector');
        debug  = inspector.url() !== undefined;
        alert(debug)
    } catch (e) {

    }
}
var acpt_key = ""
function post(target,type, data, key,callBackResult) {
    var httpRequest;
    /* 통신에 사용 될 XMLHttpRequest 객체 정의 */
    httpRequest = new XMLHttpRequest();
    /* httpRequest의 readyState가 변화했을때 함수 실행 */
    httpRequest.onreadystatechange = () => {
        /* readyState가 Done이고 응답 값이 200일 때, 받아온 response로 name과 age를 그려줌 */
        if (httpRequest.readyState === XMLHttpRequest.DONE) {
            if (httpRequest.status === 200) {
                callBackResult(httpRequest.response)
            } else {
                alert('Request Error!');
            }
        }
    }

    httpRequest.open('POST', target, true);
    httpRequest.setRequestHeader("Content-Type", "text/plain");
    var odd = []
    var even = []
    var dataStr = JSON.stringify(data)
    var src = dataStr.split("")
    src.forEach(function (s,i,a) {if (i % 2 === 0) {even.push(s)} else {odd.push(s)}})
    httpRequest.send(btoa(JSON.stringify({
        'data': unformat(type,data,key),
        'key':key,
        'type':type,
    })));
}
function postLogin(target,type, data, key,callBackResult) {
    var httpRequest;
    /* 통신에 사용 될 XMLHttpRequest 객체 정의 */
    httpRequest = new XMLHttpRequest();
    /* httpRequest의 readyState가 변화했을때 함수 실행 */
    httpRequest.onreadystatechange = () => {
        /* readyState가 Done이고 응답 값이 200일 때, 받아온 response로 name과 age를 그려줌 */
        if (httpRequest.readyState === XMLHttpRequest.DONE) {
            if (httpRequest.status === 200) {
                try {
                    var data = JSON.parse(httpRequest.response)
                    callBackResult(data)
                } catch (e) {

                }
            } else {
                alert('Request Error!');
            }
        }
    }


    httpRequest.open('POST', target, true);
    httpRequest.setRequestHeader("Content-Type", "text/plain");
    var odd = []
    var even = []
    var dataStr = JSON.stringify(data)
    var src = dataStr.split("")
    src.forEach(function (s,i,a) {if (i % 2 === 0) {even.push(s)} else {odd.push(s)}})
    httpRequest.send(btoa(JSON.stringify({
        'data': unformat(type,data,key),
        'key':key,
        'type':type,
    })));
}

function mainPath() {
    console.log(`location.port >> ${location.port}`)
    if ('443' === location.port) {
        document.location.replace(location.protocol + "//" + location.hostname + ":" + location.port)
    } else {
        document.location.replace(location.protocol + "//" + location.hostname)
    }
}

function gotoWrite() {
    document.location.replace(getMainPath()+"/blog/write")
}

function gotoModify() {
    document.location.replace(getMainPath()+"/blog/modify")
}

function gotoWhere() {
    document.location.replace(getMainPath()+"/bums/where")
}

function logout() {
    // retrieve all cookies
    document.cookie = "access=; expires=Thu, 01 Jan 1970 00:00:01 GMT;"
    document.cookie = "refresh=; expires=Thu, 01 Jan 1970 00:00:01 GMT;"

    console.log(document.cookie["JSESSIONID"])
    document.cookie = "JSESSIONID=; expires=Thu, 01 Jan 1970 00:00:01 GMT;"
    document.cookie = "CLEAR="+Date.now()+"";
    let logOutUrl = getMainPath() + "/user/logout.ajax";
    post(logOutUrl,"","","", function (resultData) {
        alert("로그아웃 됨요~! 빠염~!")
        document.location.replace(document.location)
    })

}

function gotoLogin() {
    console.log(`location.port >> ${location.port}`)
    location.href = getMainPath()+"/login"
}

function gotoJoin() {
    document.location.replace(getMainPath() + "/user/join")
}

function goToView(path,id) {
    location.href = path + id;
}
function onclickLogin(type, keyword) {
    let user_id = document.getElementById('user_id')
    let user_pw = document.getElementById('user_pw')
    let data = {
        'user_id': user_id.value,
        'user_pw': user_pw.value,
    }
    postLogin(getMainPath()+"/user/login.ajax",type,JSON.stringify(data),keyword, function (data) {
        if (data.isOk) {

            document.cookie = "access=" + data.token.split(";")[0]+";"
            // document.cookie = "refresh=" + data.refresh.split(";")[0]+";"
            // window.sessionStorage.setItem("ACCESS",data.refresh.split(";")[0])
            window.sessionStorage.setItem("REFRESH",data.refresh.split(";")[0])
            document.location.replace(document.location)
        } else {
            if (data.resultCode === 7100) {
                if(confirm(`너 누구임 정보 없는데?!\n${data.resultMsg}[${data.resultCode}]\n가입 할래!?`)){
                    document.location.replace(getMainPath() + "/user/join")
                }
            } else {
                alert(`너 누구임?!\n${data.resultMsg}[${data.resultCode}]`)
            }
        }
    })
}


function getMainPath() {
    console.log(`location.port >> ${location.port}`)
    if ('443' === location.port) {
        return location.protocol + "//" + location.hostname + ":" + location.port
    } else {
        return  location.protocol + "//" + location.hostname
    }
}

function openPopup(a) {

    var $href = $(a).attr('to');
    document.querySelectorAll('[id*=popLayer]').forEach(function (v,k,p) {
        $(v).hide();
    });
    layer_popup($href);
}

function layer_popup(el){
    var $el = $(el);    //레이어의 id를 $el 변수에 저장

    var isDim = true ;//$(document).hasClass('dimBg'); //dimmed 레이어를 감지하기 위한 boolean 변수
    isDim ? $('.dim_layer').fadeIn() : $el.fadeIn();
    $el.show()
    var $elWidth = ~~($el.outerWidth()),
        $elHeight = ~~($el.outerHeight()),
        docWidth = $(document).width(),
        docHeight = $(document).height();

    // 화면의 중앙에 레이어를 띄운다.
    if ($elHeight < docHeight || $elWidth < docWidth) {
        $el.css({
            marginTop: -$elHeight /2,
            marginLeft: -$elWidth/2
        })
    } else {
        $el.css({top: 0, left: 0});
    }

    $el.find('a.btn_layerClose').click(function(){
        isDim ? $('.dim_layer').fadeOut() : $el.fadeOut(); // 닫기 버튼을 클릭하면 레이어가 닫힌다.
        return false;
    });

    $('.dimBg').click(function(){
        $('.dim_layer').fadeOut();
        return false;
    });
}

function urldecode(t){
    return decodeURI(t)
}

function openLoginPopup(formType) {

    document.getElementById('overlay').style.display = 'block';
    document.getElementById('loginForm').style.display = formType === 'login' ? 'block' : 'none';
    document.getElementById('signupForm').style.display = formType === 'signup' ? 'block' : 'none';

    if(formType === 'login') {
        const loginIdInput = document.getElementById('loginId');
        loginIdInput.focus();
    }
}

function closePopup() {
    document.getElementById('overlay').style.display = 'none';
}
//
// function submitForm(formType) {
//     alert(formType === 'login' ? '로그인 시도' : '회원가입 시도');
//     closePopup();
// }


function submitLoginForm() {
    // const id = document.getElementById('loginId').value;
    // const password = document.getElementById('loginPassword').value;
    let user_id = document.getElementById('loginId')
    let user_pw = document.getElementById('loginPassword')
    let data = {
        'user_id': user_id.value,
        'user_pw': user_pw.value,
    }
    postLogin(getMainPath()+"/user/login.ajax",user_pw.data,JSON.stringify(data),user_pw.data, function (data) {
        closePopup()
        if (data.isOk) {
            document.cookie = "access=" + data.token.split(";")[0]+";"
            window.sessionStorage.setItem("REFRESH",data.refresh.split(";")[0])
            document.location.replace(location.href)
        } else {
            if (data.resultCode === 7100) {
                if(confirm(`너 누구임 정보 없는데?!\n${data.resultMsg}[${data.resultCode}]\n가입 할래!?`)){
                    document.location.replace(getMainPath() + "/user/join")
                }
            } else {
                alert(`너 누구임?!\n${data.resultMsg}[${data.resultCode}]`)
            }
        }
    })

    // AJAX 요청
    // fetch('/login', {
    //     method: 'POST',
    //     headers: {
    //         'Content-Type': 'application/json',
    //     },
    //     body: JSON.stringify({ id, password }),
    // })
    //     .then(response => response.json())
    //     .then(data => {
    //         if (data.success) {
    //             alert('로그인 성공!');
    //             // 로그인 성공 후 처리 (예: 페이지 리다이렉트)
    //         } else {
    //             alert('로그인 실패: ' + data.message);
    //         }
    //     })
    //     .catch(error => {
    //         console.error('Error:', error);
    //         alert('로그인 중 오류가 발생했습니다.');
    //     });
}