File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
$(function(){
console.log('??!!???');
const currentPath = window.location.pathname;
console.log(currentPath);
if (currentPath !== '/web/main/mainPage.do') {
if (currentPath === '/web/content.do') {
fn_getSubMenu();
}
}
});
function fn_getSubMenu(){
var title = $('#container .sub_title').text();
var subTitle = $.trim($('.content_title').text());
console.log('title ::', title);
console.log('subTitle ::', subTitle);
var sendData = {
"depth1MenuNm" : title
, "depth2MenuNm" : subTitle
}
$.ajax({
type: 'POST',
url: "/web/com/subMenu.do",
contentType: 'application/json',
data: JSON.stringify(sendData),
dataType: 'json',
success: function(data) {
console.log(data);
if(data.status == 'OK'){
renderSubVisualNav(data);
}
},
error: function(err) {
console.error(err);
}
});
}
// AJAX 성공 시 호출되는 함수 내부
function renderSubVisualNav(res) {
const result = res.data || res; // res.data가 있으면 쓰고, 없으면 res 자체를 사용
const depth1List = result.depth1List || []; // 데이터가 없으면 빈 배열로 초기화
const depth2List = result.depth2List || [];
const selected1 = result.selectedDepth1;
const selected2 = result.selectedDepth2;
let html = '';
// 1. 기본 홈 아이콘
html += '<a href="/"><i class="icon home"></i></a>';
// 2. 1Depth 메뉴 생성
if (depth1List.length > 0) { // 리스트가 있을 때만 실행
html += '<div class="snb_wrap">';
html += ` <button type="button" class="snb_title">${selected1 ? selected1.text : '메뉴'}</button>`;
html += ' <ul class="snb_select">';
depth1List.forEach(item => {
html += ` <li><a href="${item.url || '#'}">${item.text}</a></li>`;
});
html += ' </ul>';
html += '</div>';
}
// 3. 2Depth 메뉴 생성
if (depth2List.length > 0) {
html += '<div class="snb_wrap">';
html += ` <button type="button" class="snb_title">${selected2 ? selected2.text : '메뉴'}</button>`;
html += ' <ul class="snb_select">';
depth2List.forEach(item => {
html += ` <li><a href="${item.url || '#'}">${item.text}</a></li>`;
});
html += ' </ul>';
html += '</div>';
}
document.querySelector('.sub_visual_nav').innerHTML = html;
}