File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2023-06-22
File name
Commit message
Commit date
2024-11-22
2023-12-15
File name
Commit message
Commit date
$(document).ready(function () {
// 문자작성 영역 클릭시 textarea 활성화
$('.put_left').on('click', function (e) {
$(this).find('textarea.put_text').focus();
});
/* gnb 마우스 오버시 열리거나 닫힘 */
$(".put_text").focusin(function () {
$(this).parents(".put_left").addClass("on");
});
$(".put_text").focusout(function () {
$(this).parents(".put_left").removeClass("on");
});
/* 문자샘플 , 회원가입 약관 동의, 전송내역, 팝업에 있는 table, 요금사용 내역 호버 컨텐츠, 예약관리 문자내용 상세보기 팝업, 메모 팝업, 주소록 불러오기 팝업, 주소록 관리 왼쪽, 견적서 스크롤바 꾸미기 */
if ($(".agree_text, .histroy_trans, .rev_popup, .history_hover, .rev_pop_txt .memo, .adr_pop_list, .estimate, .cashReceipt_popup02 .layer_in, .kakao_wrap .rev_pop_txt, .clause_version_popup .clause_wrap").length > 0) {
$(".agree_text, .histroy_trans, .rev_popup, .history_hover, .rev_pop_txt .memo, .adr_pop_list, .estimate, .cashReceipt_popup02 .layer_in, .kakao_wrap .rev_pop_txt, .clause_version_popup .clause_wrap").mCustomScrollbar({
axis: 'y',
scrollbarPosition: "outside",
theme: "dark",
autoHideScrollbar: false,
scrollInertia: 600,
mouseWheelPixels: 300
});
} else if ($(".kakao_template_wrap").length > 0) {
$(".kakao_template_wrap").mCustomScrollbar({
axis: 'y',
scrollbarPosition: "inside",
theme: "dark",
autoHideScrollbar: false,
scrollInertia: 600,
mouseWheelPixels: 300
});
}
//결제관리 - 견적내기 tbody 10줄 이상부터 스크롤 생김
var tbHieght = $('.tType3.payDetail .tType3_bd_wrap').height();
if (tbHieght > 399) {
$('.tType3.payDetail .tType3_bd_wrap').css("height", "400px");
$(".tType3.payDetail .tType3_bd_wrap").mCustomScrollbar({
axis: 'y',
scrollbarPosition: "outside",
theme: "dark",
autoHideScrollbar: false,
scrollInertia: 600,
mouseWheelPixels: 300
});
} else {}
/* 실시간 글 적용 */
/*var jbTxt = $("#textarea").text();
$(".realtime").text(jbTxt);*/
/*
$("#textarea, #smsTxtArea").on("change keyup paste", function () {
var crtTxt = $(this).val();
$(".realtime").text(crtTxt);
$(".none_txt").empty();
});
*/
$(".kakaotalksend_cont #textarea,.kakaotalkset_cont #textarea").on("change keyup paste", function () {
var crtTxt = $(this).val();
$(".template_text").text(crtTxt);
});
$(".template_side_text").on("change keyup paste", function () {
var sideText = $(this).val();
$(".kakaotalkset_cont .side_info_text").text(sideText);
});
/* 문자샘플 탭 선택 시 활성화 */
$(".tab_depth1:not(.security_tab) a").click(function () {
var tabText = $(this).text();
var tabPosi = $(this).position().left;
tabPosi -= 1;
var tabIdx = $(this).index();
// console.log(tabIdx);
if (tabIdx == 0) {
$(this).css("border-radius", "5px 0 0 5px")
} else if (tabIdx == 2) {
$(this).css("border-radius", "0 5px 5px 0");
} else {
$(this).css("border-radius", "0 0 0 0");
}
$(this).addClass("on");
$(this).siblings("a").removeClass("on");
//1depth 선택 시 2depth, 3depth 메뉴 첫번째로 이동
// $(".tab_depth2 a:first-child").addClass("on");
// $(".tab_depth2 a:first-child").siblings("a").removeClass("on");
// $(".tab_depth3 a:first-child").addClass("on");
// $(".tab_depth3 a:first-child").siblings("a").removeClass("on");
// $(".tab_depth4 a:first-child").addClass("on");
// $(".tab_depth4 a:first-child").siblings("a").removeClass("on");
});
$(".tab_depth2 a").click(function () {
$(this).addClass("on");
$(this).siblings("a").removeClass("on");
//2depth 선택 시 3depth 메뉴 첫번째로 이동
$(".tab_depth4 a:first-child").addClass("on");
$(".tab_depth4 a:first-child").siblings("a").removeClass("on");
$(".tab_depth4 a:first-child").addClass("on");
$(".tab_depth4 a:first-child").siblings("a").removeClass("on");
});
$(".tab_depth3 a").click(function () {
$(this).addClass("on");
$(this).siblings("a").removeClass("on");
});
$(".tab_depth4 a").click(function () {
$(this).addClass("on");
$(this).siblings("a").removeClass("on");
});
/* 단문문자, 포토문자 예시 */
if ($(".msg_photo").is(".active") == true) {
$(".btn_msg").css("display", "none");
} else {
$(".btn_photo").css("display", "block");
}
$(".tab_depth2 a:nth-child(1),.tab_depth2 a:nth-child(5)").click(function () {
$(".msg_photo").addClass("active");
$(".msg_text").removeClass("active");
$(".btn_photo").css("display", "block")
$(".btn_msg").css("display", "none")
})
$(".tab_depth2 a:nth-child(2),.tab_depth2 a:nth-child(3),.tab_depth2 a:nth-child(4)").click(function () {
$(".msg_text").addClass("active");
$(".msg_photo").removeClass("active");
$(".btn_msg").css("display", "block")
$(".btn_photo").css("display", "none")
})
//요금 사용내역 table안에 있는 내용 hover 시 컨텐츠 보임
$(".tb_tit").mouseover(function () {
$(this).find(".history_hover").css({
"top": "50%",
"left": "90%",
"display": "block"
})
})
//컨텐츠 사라짐
$(".tb_tit").mouseleave(function () {
$(this).find(".history_hover").css({
"top": 0,
"left": 0,
"display": "none"
})
})
/* 주소록 순서 변경 */
$(".list_switch").each(function (index, item) {
index += 1;
$(item).addClass("adr_0" + index); // 순서대로 클래스 추가
$(".adr_01").addClass("adr_first"); // 첫번째 그룹 클래스 추가
$(".list_switch").last().addClass("adr_last"); // 마지막 그룹 클래스 추가
});
/* 최상단으로 */
$(".btn_top").click(function () {
// 버튼 클릭 시 체크된 값 가져와야함.
var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
var checkAdrWrap = checkAdr.parent().parent();
if (checkAdrWrap.is(".adr_first") == true) {
// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
$(".adr_first").after(checkAdrWrap);
} else {
// 첫번째가 선택 안됐을 때 나머지들을 최상단으로
$(".adr_first").before(checkAdrWrap);
}
// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
// 순서대로 다시 클래스 추가
$(".list_switch").each(function (index, item) {
$(item).removeClass("adr_0" + index);
index += 1;
if (index > 0) {
$(item).addClass("adr_0" + index);
$(".adr_01").addClass("adr_first");
$(".list_switch").last().addClass("adr_last");
}
});
})
/* 상단으로 */
$(".btn_up").click(function () {
// 버튼 클릭 시 체크된 값 가져와야함.
var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
var checkAdrWrap = checkAdr.parent().parent();
//$(checkAdrWrap).prev().before(checkAdrWrap);
$(checkAdrWrap).each(function (index, item) {
if ($(item).index() == 2) {
return false; //break
}
// 한칸씩 위로 이동
$(item).prev().before(item);
// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
// 순서대로 다시 클래스 추가
$(".list_switch").each(function (index, item) {
$(item).removeClass("adr_0" + index);
index += 1;
if (index > 0) {
$(item).addClass("adr_0" + index);
$(".adr_01").addClass("adr_first");
$(".list_switch").last().addClass("adr_last");
}
});
});
//var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
//var checkAdrWrap = checkAdr.parent().parent();
//var adrLength = $(checkAdr).parents(".adr1_list").find(".adr_cb_wrap").eq;
//alert(adrLength);
//if($(checkAdr).is(":checked")){
// $(checkAdrWrap).length();
//}else{}
// // 버튼 클릭 시 체크된 값 가져와야함.
// var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
// var checkAdrWrap = checkAdr.parent().parent();
// var checkAdrWrap2 = checkAdrWrap.first().prev();
//
// if(checkAdrWrap2.is(".list_fixed") == false){
// $(checkAdrWrap2).before(checkAdrWrap);
// }else{}
//
// // 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
// $(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
//
// // 순서대로 다시 클래스 추가
// $(".list_switch").each(function(index, item){
// $(item).removeClass("adr_0"+index);
// index+=1;
// if(index > 0){
// $(item).addClass("adr_0"+index);
// $(".adr_01").addClass("adr_first");
// $(".list_switch").last().addClass("adr_last");
// }
// });
})
/* 하단으로 */
$(".btn_down").click(function () {
// 버튼 클릭 시 체크된 값 가져와야함.
var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
var checkAdrWrap = checkAdr.parent().parent();
//$(checkAdrWrap).next().after(checkAdrWrap);
$(checkAdrWrap.get().reverse()).each(function (index, item) {
if ($(item).index() == $(".list_switch").last().index()) {
return false; //break
}
// 한칸씩 아래로 이동
$(item).next().after(item);
// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
// 순서대로 다시 클래스 추가
$(".list_switch").each(function (index, item) {
$(item).removeClass("adr_0" + index);
index += 1;
if (index > 0) {
$(item).addClass("adr_0" + index);
$(".adr_01").addClass("adr_first");
$(".list_switch").last().addClass("adr_last");
}
});
});
})
/* 최하단으로 */
$(".btn_botom").click(function () {
// 버튼 클릭 시 체크된 값 가져와야함.
var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
var checkAdrWrap = checkAdr.parent().parent();
if (checkAdrWrap.is(".adr_last") == true) {
// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
$(".adr_last").before(checkAdrWrap);
} else {
// 첫번째가 선택 안됐을 때 나머지들을 최하단으로
$(".adr_last").after(checkAdrWrap);
}
// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
// 순서대로 다시 클래스 추가
$(".list_switch").each(function (index, item) {
$(item).removeClass("adr_0" + index);
index += 1;
if (index > 0) {
$(item).addClass("adr_0" + index);
$(".adr_01").addClass("adr_first");
$(".list_switch").last().addClass("adr_last");
}
});
})
/* //주소록 순서 변경 */
/* 그림문자 첨부파일 삭제 이벤트 */
$(".file_close, .file_close_on").click(function () {
$(this).parents(".put_left.photo li").css("display", "none");
})
// 퀵메뉴 버튼 클릭 시 컨텐츠와 푸터 열고 닫히고 버튼 이미지 변경됨
$(".adr_cb_wrap>p").off("click").on('click', function () {
// 전체
$(".check_group_all>p").find("img").attr("src", "/publish/images/content/close_folder.png");
$(".check_group_all>p").find("img").attr("alt", "폴더 닫힘");
// 주소록 그룹 열림, 닫힘 폴더이미지 초기화
$(".adr1_list div p").each(function (index, item) {
$(item).find("img").attr("src", "/publish/images/content/close_folder2.png");
$(item).find("img").attr("alt", "폴더 닫힘");
});
var foloerImg = $(this);
/*
//컨텐츠
$(this).toggleClass("open");
if ($(this).hasClass("open") === true) {
$(this).find("img").attr("src", "/publish/images/content/open_folder2.png");
$(this).find("img").attr("alt", "폴더 열림");
}
else {
$(this).find("img").attr("src", "/publish/images/content/close_folder2.png");
$(this).find("img").attr("alt", "폴더 닫힘");
}
*/
if ($(this).parent().hasClass("check_group_all") === true) {
$(this).find("img").attr("src", "/publish/images/content/open_folder.png");
$(this).find("img").attr("alt", "폴더 열림");
} else {
$(this).find("img").attr("src", "/publish/images/content/open_folder2.png");
$(this).find("img").attr("alt", "폴더 열림");
}
});
// //주소록 불러오기 팝업 textarea 대신 p태그로 글씨 먹인 영역 active 시 사라지게
// $(".req_area").click(function(){
// $(".req_area").addClass("active");
// });
// // 외부영역 클릭 시 textarea 사라짐
// $(document).mouseup(function (e){
// var LayerPopup = $(".req_area");
// if(LayerPopup.has(e.target).length === 0){
// LayerPopup.removeClass("active");
// }
// });
//선거문자 1명씩 선택 ? 호버 시 팝업
$(".btn_check_one .qmMark").mouseover(function () {
$(this).parents(".btnType").next(".send_hover_cont").addClass("on");
})
$(".btn_check_one .qmMark").mouseleave(function () {
$(this).parents(".btnType").next(".send_hover_cont").removeClass("on");
})
// 번호추가 ? 호버 시 팝업
$(".btn_add_number .qmMark").mouseover(function () {
$(this).parents(".btnType").siblings(".send_hover_cont").addClass("on");
})
$(".btn_add_number .qmMark").mouseleave(function () {
$(this).parents(".btnType").siblings(".send_hover_cont").removeClass("on");
})
//문자발송 오류검사 ? 호버 시 팝업
$(".test_qm").mouseover(function () {
$(this).parents(".btnType").find(".test_hover_cont").addClass("on");
})
$(".test_qm").mouseleave(function () {
$(this).parents(".btnType").find(".test_hover_cont").removeClass("on");
})
//문자발송 오류검사 ? 호버 시 팝업
$(".check_validity").mouseover(function () {
$(this).next(".error_hover_cont").addClass("on");
});
$(".check_validity").mouseleave(function () {
$(this).next(".error_hover_cont").removeClass("on");
});
//주소록 관리 - 수신거부 관리 결과전송 ?호버 시 팝업
$(".adr2_hover").mouseover(function () {
$(this).parents(".btnType").next(".adr2_hover_cont").addClass("on");
})
$(".adr2_hover").mouseleave(function () {
$(this).parents(".btnType").next(".adr2_hover_cont").removeClass("on");
})
//문자발송 오류검사 ? 호버 시 팝업
$(".adr_qm").mouseover(function () {
$(this).parents(".btnType").find(".adr_hover_cont").addClass("on");
})
$(".adr_qm").mouseleave(function () {
$(this).parents(".btnType").find(".adr_hover_cont").removeClass("on");
})
//발송결과 진행상황 호버 시 팝업
$(".check_validity").mouseover(function () {
$(this).next(".info_hover_cont").addClass("on");
});
$(".check_validity").mouseleave(function () {
$(this).next(".info_hover_cont").removeClass("on");
});
// 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜
$(".btn_list").click(function () {
$(this).closest(".tab_content").find(".thumbnail_content").fadeOut(0);
$(this).closest(".tab_content").find(".list_content,.btn_thumbnail").show();
$(this).hide();
//템플릿 리스트화면에서 리스트 버튼 선택시 전체선택 버튼 숨김 처리
$('#btnAllChk').hide();
$('#formListType').val("list");
});
$(".btn_thumbnail").click(function () {
$(this).closest(".tab_content").find(".list_content").fadeOut(0);
$(this).closest(".tab_content").find(".thumbnail_content,.btn_list").show();
$(this).hide();
//템플릿 리스트화면에서 리스트 버튼 선택시 전체선택 버튼 숨김 처리 해제
$('#btnAllChk').show();
$('#formListType').val("thumbnail");
});
$(".send_fail_check").change(function () {
/*var ofsT=Math.round($(".send_top").find('.send_right').offset().top);
var pH=Math.round($(".send_top").find('.send_right .phone').outerHeight());*/
if ($(".send_fail_check").is(":checked")) {
$(".replace_send_wrap").slideDown(400);
/*var scrT=$(window).scrollTop();
var t=scrT+213;
var h=Math.round($('.send_top').find('.send_right').outerHeight());
if(t>ofsT && t-ofsT<h-pH){
$('.send_top .send_right .phone').css({'top':t-ofsT,'transition': 'none'});
}else if(t>ofsT){
$('.send_top .send_right .phone').css({'top':h-pH+213,'transition': 'top .4s linear'});
}else if(t<=ofsT){
$('.send_top .send_right .phone').attr('style','');
}*/
} else {
$(".replace_send_wrap").slideUp(400);
$('.send_top .send_right .phone').css({
'top': '0',
'transition': 'top .4s linear'
});
}
});
//강조유형 선택시 처리
$(".emphasis_select").change(function () {
if ($(this).val() == "NONE") {
//강조표기형 숨김처리 및 내용 초기화
$('.emphasis_title_text').hide();
$('.emphasis_side_text').hide();
$("#inputTemplateTitle").val("");
$("#inputTemplateSubTitle").val("");
$("#imgFile").val("");
$("#imgNm").val("");
//영역 제거하기
$(".emphasis_cont").removeClass("active");
} else if ($(this).val() == "IMAGE") {
$(".emphasis_image").addClass("active");
$(".emphasis_image").siblings(".emphasis_cont").removeClass("active");
} else if ($(this).val() == "TEXT") {
$(".emphasis_mark").addClass("active");
$(".emphasis_mark").siblings(".emphasis_cont").removeClass("active");
//첨부 이미지 정보가 있으면 지워준다.
$("#imgFile").val("");
$("#imgNm").val("");
} else {
$(".emphasis_cont").removeClass("active");
}
});
$(".kakaotalksend_cont .template_type_select").change(function () {
if ($(this).val() == "template_01") {
$(".receiver_wrap01").attr("style", "display: block !important;");
$(".receiver_wrap02").attr("style", "display: none !important;");
$(".variable_wrap").hide();
} else {
$(".receiver_wrap02").attr("style", "display: block !important;");
$(".receiver_wrap01").attr("style", "display: none !important;");
$(".variable_wrap").show();
}
});
$("input[name='img_file_add']").change(function () {
if ($("input[name='img_file_add']:checked").attr("id") == "img_file_1") {
$(".basic_img_add_wrap").show().siblings(".wide_img_add_wrap").hide();
$(".img_file_info_wrap").show();
$(".kakao_image img").show().attr("src", "/publish/images/content/kakao_img_basic.jpg");
} else if ($("input[name='img_file_add']:checked").attr("id") == "img_file_2") {
$(".wide_img_add_wrap").show().siblings(".basic_img_add_wrap").hide();
$(".kakao_image img").show().attr("src", "/publish/images/content/kakao_img_wide.jpg");
$(".img_file_info_wrap").show();
} else {
$(".img_add_info_wrap, .img_file_add_wrap").hide();
$(".kakao_image img, .img_file_info_wrap").hide();
}
});
$(".friend_talk_wrap #ad_Y").click(function () {
if ($(this).is(":checked") == false) {
$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").hide();
$(".friend_talk_wrap .put_text_wrap .put_text").css({
"padding": "0",
"height": "calc(100% - 18px)"
});
$(".friend_talk_wrap .replace_send_wrap .put_left").each(function(idx, itm){
if($(itm).is(".short") == true){
//단문일 경우
$(itm).find("textarea").css({
"height": "calc(100% - 79px)"
});
}else if($(itm).is(".photo") == true){
//포토문자일 경우
$(itm).find("textarea").css({
"height": "calc(100% - 146px)"
});
}else{
// 장문일 경우
$(itm).find("textarea").css({
"height": "calc(100% - 59px)"
});
}
})
} else {
$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();
$(".friend_talk_wrap .put_text_wrap .put_text").removeAttr("style");
$(".friend_talk_wrap .replace_send_wrap textarea").removeAttr("style");
}
})
/* 포토이미지 드래그 */
if ($('.thumb_wrap').length > 0) {
$('.thumb_wrap').sortable();
}
photoLayerView();
/* 카카오톡 소개 페이지 탭 */
$('.kakao_intro_cont .use ul.tabs li').click(function () {
var tab_id = $(this).attr('data-tab');
$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#" + tab_id).addClass('current');
});
});
function photoLayerView() {
/* 그림문자 마우스 오버 시 이미지 확대 띄움 */
$(".photo_cont").mouseover(function () {
$(this).mousemove(function (e) {
//offset 사용한 이유 특정 div 영역 왼쪽상단(0,0)부터 마우스 포인터까지의 좌표 구해냄.
//+-숫자 한 이유는 포인터에 딱 붙어있어 흔들림 현상때문.
var xOffset = e.offsetX + 50;
var yOffset = e.offsetY - 150;
$(this).siblings(".hover_cont").css({
"top": yOffset,
"left": xOffset,
"display": "block"
})
})
})
//그림문자에서 마우스가 떠날 시 이미지 사라짐.
$(".photo_cont").mouseleave(function () {
$(this).siblings(".hover_cont").css({
"top": "0",
"left": "0",
"display": "none"
})
});
}
var currTabId = "";
/* tab 버튼 공통 - 단순 구조 일 때만 사용 */
function TabType(obj, tabId) {
var $tab = $(obj).closest("li");
console.log('$tab : ', $tab);
var popItem = $(obj).closest(".popup-com");
var popClass = popItem.attr("data-tooltip-con");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var tabCont = $tab.parent("ul").parent("div").children(".hascont");
tabId = tabId - 1;
tabCont.eq(tabId).addClass("current");
tabCont.eq(tabId).siblings("div").removeClass("current");
wrapWindowByMask(popClass);
}
/* 팝업 중앙정렬 */
function wrapWindowByMask(item) {
setTimeout(function () {
var width = $("." + item).width();
var height = $("." + item).height();
/*$("."+item).css({'left' : ($(window).width() - width) / 2, 'top' : ($(window).height() - height) / 2,'opacity':'1'});*/
$("." + item).css({
'left': ($(document).width() - width) / 2,
'top': ($(window).height() - height) / 2,
'opacity': '1'
});
}, 250);
}
// 문자보내기 tab 버튼 - send_top
function TabType1_advc(obj) {
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
}
// 문자보내기 tab 버튼 - send_top
function TabType1(obj, tabId) {
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#tab1_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
// if($(".text_preview").is(".mCustomScrollbar") == true){
// $(".img_box").addClass("on_scroll_img");
// }else {$(".img_box").removeClass("on_scroll_img");}
$(".top_content").not($tabCn).removeClass("current");
$(".top_content").not($tabCn).fadeOut(0);
$(".alarm_cont").not($tabCn).removeClass("current");
$(".alarm_cont").not($tabCn).fadeOut(0);
$(".pay_cont").not($tabCn).removeClass("current");
$(".pay_cont").not($tabCn).fadeOut(0);
$(".fee_cont").not($tabCn).removeClass("current");
$(".fee_cont").not($tabCn).fadeOut(0);
currTabId = tabId;
}
// 문자보내기 tab 버튼 - send_bottom
function TabType2(obj, tabId) {
var $tab = $(obj).closest("li");
var $tabPrev = $(obj).closest("li").next("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.btn_tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
$tab.siblings("li:not(li:first-child)").find("button").css("border-left", "1px solid #e5e5e5");
$tabPrev.find("button").css("border-left", "0");
var $tabCn = $("#tab2_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".bottom_content").not($tabCn).removeClass("current");
$(".bottom_content").not($tabCn).fadeOut(0);
$(".area_tabcont").not($tabCn).removeClass("on");
$(".area_tabcont").not($tabCn).fadeOut(0);
/*탭 이동 시 탭활성 초기화*/
/*단문, 장문문자*/
//상단 단문/장문 선택
$('.tDep1_letType a').eq(0).addClass('on');
$('.tDep1_letType a').eq(1).removeClass('on');
//하단 카테고리
$('.tab_depth3.tDep1_cateCode a').removeClass('on');
$('.tab_depth3.tDep1_cateCode a').eq(0).addClass('on');
//해시태그
$('.tab_depth4 .tDep1_hashTag a').removeClass('on');
$('.tab_depth4 .tDep1_hashTag a').eq(0).addClass('on');
/*그림문자*/
//하단 카테고리
$('.tab_depth3.tDep2_cateCode a').removeClass('on');
$('.tab_depth3.tDep2_cateCode a').eq(0).addClass('on');
//해시태그
// $('.tab_depth4 .tDep2_hashTag a').removeClass('on');
// $('.tab_depth4 .tDep2_hashTag a').eq(0).addClass('on');
//
// $(".api_guide_con").not($tabCn).removeClass("current");
// $(".api_guide_con").not($tabCn).fadeOut(0);
+ $(".api_guide_con").not($tabCn).removeClass("current").fadeOut(0);
+ $(".api_guide").not($tabCn).removeClass("current").fadeOut(0);
$(".api_guide_con").not($tabCn).removeClass("current");
$(".api_guide_con").not($tabCn).fadeOut(0);
currTabId = tabId;
}
// 맞춤제작 tab 버튼
function TabType4(obj, tabId) {
if (tabId == '3') {
// 비로그인인 경우 로그인하도록
if ($("#loginId").val() == null) {
//alert("로그인 후 사용이 가능합니다.");
location.href = "/web/user/login/login.do";
return false;
}
}
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#tab4_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".custom_content").not($tabCn).removeClass("current");
$(".custom_content").not($tabCn).fadeOut(0);
$(".adr_cont_depth2").not($tabCn).removeClass("current");
$(".adr_cont_depth2").not($tabCn).fadeOut(0);
currTabId = tabId;
}
// 마이페이지 tab 버튼
function TabType5(obj, tabId) {
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#tab5_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".mypage_content").not($tabCn).removeClass("current");
$(".mypage_content").not($tabCn).fadeOut(0);
$(".charg_cont").not($tabCn).removeClass("current");
$(".charg_cont").not($tabCn).fadeOut(0);
$(".adr_cont").not($tabCn).removeClass("current");
$(".adr_cont").not($tabCn).fadeOut(0);
$(".adr_cont").not($tabCn).removeClass("current");
$(".adr_cont").not($tabCn).fadeOut(0);
$(".rev_content").not($tabCn).removeClass("current");
$(".rev_content").not($tabCn).fadeOut(0);
$(".api_guide").not($tabCn).removeClass("current");
$(".api_guide").not($tabCn).fadeOut(0);
currTabId = tabId;
}
// 주소록 등록(옮기기) tab 버튼
function TabType6(obj, tabId) {
var $tab = $(obj).closest("li");
var $tabPrev = $(obj).closest("li").prev("li");
$tab.addClass("active").find("button").removeAttr("style");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#tab6_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$tab.siblings("li:not(li:last-child)").find("button").css("border-right", "1px solid #e5e5e5");
$tabPrev.find("button").css("border-right", "0");
$(".enroll_cont").not($tabCn).removeClass("current");
$(".enroll_cont").not($tabCn).fadeOut(0);
$(".pay_refund_cont").not($tabCn).removeClass("current");
$(".pay_refund_cont").not($tabCn).fadeOut(0);
//폰 주소록 detph2 클릭 시 depth3 첫번 째 탭으로 감
$(".enroll_cont").find(".adr_depth3").find("li").removeClass("active");
$(".enroll_cont").find(".adr_depth3").find("li").first().addClass("active");
$(".enroll_cont").find(".eleType_cont").removeClass("current");
$(".enroll_cont").find("#listTab_1").addClass("current");
currTabId = tabId;
}
// list tab 버튼
function listTab(obj, tabId) {
var $tab = $(obj).closest("li");
var $tabPrev = $(obj).closest("li").prev("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#listTab_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".list_cont").not($tabCn).removeClass("current");
$(".list_cont").not($tabCn).fadeOut(0);
$(".eleType_cont").not($tabCn).removeClass("current");
$(".eleType_cont").not($tabCn).fadeOut(0);
currTabId = tabId;
}
// list tab2 버튼
function listTab2(obj, tabId) {
var $tab = $(obj).closest("li");
var $tabPrev = $(obj).closest("li").prev("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
$tab.siblings("li:not(li:last-child)").find("button").css("border-right", "1px solid #e5e5e5");
$tabPrev.find("button").css("border-right", "0");
var $tabCn = $("#listTab2_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".price_history_cont").not($tabCn).not('.price_history_cont').removeClass("current");
$(".price_history_cont").not($tabCn).not('.price_history_cont').fadeOut(0);
$(".adpop_cont").not($tabCn).not('.price_history_cont').removeClass("current");
$(".adpop_cont").not($tabCn).not('.price_history_cont').fadeOut(0);
$(".cdpop_cont").not($tabCn).not('.price_history_cont').removeClass("current");
$(".cdpop_cont").not($tabCn).not('.price_history_cont').fadeOut(0);
currTabId = tabId;
}
// list tab3 버튼
function listTab3(obj, tabId) {
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#listTab3_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".download_cont").not($tabCn).removeClass("current");
$(".download_cont").not($tabCn).fadeOut(0);
currTabId = tabId;
}
// 주소록 관리 팝업
function popupTab(obj, tabId) {
var $tab = $(obj).closest("li");
var $tabPrev = $(obj).closest("li").prev("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.btn_tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#popCont_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$tab.siblings("li:not(li:last-child)").find("button").css("border-right", "1px solid #e5e5e5");
$tabPrev.find("button").css("border-right", "0");
$(".popCont").not($tabCn).removeClass("current");
$(".popCont").not($tabCn).fadeOut(0);
currTabId = tabId;
}
// 테이블에 분류하는 tab
function tableTab(obj, tabId) {
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.btn_tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#tableCont_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".table_cont").not($tabCn).removeClass("current");
$(".table_cont").not($tabCn).fadeOut(0);
currTabId = tabId;
}
//콘텐츠 tab
function contentTab(obj, tabId) {
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.btn_tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#tab_content_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".tab_content").not($tabCn).removeClass("current");
$(".tab_content").not($tabCn).fadeOut(0);
currTabId = tabId;
}
//콘텐츠 - 발송결과 미리보기 tab
function phoneTab(obj, tabId) {
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.btn_tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#tab_phone_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".tab_phone").not($tabCn).removeClass("current");
$(".tab_phone").not($tabCn).fadeOut(0);
currTabId = tabId;
}
/* 회원가입 약관동의 list */
function clause_list(obj) {
var listBody = $(obj).parents(".clause_list_head").siblings(".clause_list_body");
if (listBody.is(":visible")) {
listBody.slideUp(250);
listBody.parents(".list_open").removeClass("on");
} else {
listBody.slideDown(250);
listBody.parents(".list_open").addClass("on");
//listBody.parents(".list_open").siblings(".list_open").find(".clause_list_body").slideUp(250);
//listBody.parents(".list_open").siblings(".list_open").removeClass("on");
}
}
/* 자주하는 질문 list */
function qnaList(item) {
var qnaAnswer = $(item).parent("li").find(".qna_answer");
if (qnaAnswer.is(":visible")) {
qnaAnswer.slideUp(450);
qnaAnswer.parent("li").removeClass("open")
qnaAnswer.prev("button").attr("title", "닫힘");
} else {
qnaAnswer.slideDown(450);
qnaAnswer.parent("li").addClass("open");
qnaAnswer.prev("button").attr("title", "열림");
qnaAnswer.parent("li.open").siblings("li").find("button").attr("title", "닫힘");
qnaAnswer.parent("li.open").siblings("li").removeClass("open")
qnaAnswer.parent("li.open").siblings("li").find(".qna_answer").slideUp(450);
}
}
/* 포토 preview 버튼 누르면 클릭한 번호로 위치 이동 */
function imgClick(num) {
//20220628추가
for (var i = 0; i <= num; i++) {
var h = $(".preiew_img .img_box").outerHeight() + 10;
h = h * num;
$(".text_preview").animate({
scrollTop: h
}, 300);
}
/*var posiTop = $(".preiew_img .img_box").eq(num).position().top;
$(".text_preview").mCustomScrollbar("scrollTo",posiTop,{
scrollInertia:300
});*/
}
/* 인쇄미리보기 클릭 시 견적서 새창 팝업 오픈 */
function showEstimate() {
//만들려는 팝업의 크기
var popup_wid = '820';
var popup_ht = '900';
//중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
var popup_top = (window.screen.height / 2) - (popup_ht / 2);
window.open('estimate.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
}
/* 사용내역서 클릭 시 내역서 새창 팝업 오픈 */
function showEstimate2() {
//만들려는 팝업의 크기
var popup_wid = '840';
var popup_ht = '900';
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
var popup_top = (window.screen.height / 2) - (popup_ht / 2);
window.open('estimate2.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
}
/* 간이영수증 클릭 시 내역서 새창 팝업 오픈 */
function showEstimate3() {
//만들려는 팝업의 크기
var popup_wid = '400';
var popup_ht = '800';
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
var popup_top = (window.screen.height / 2) - (popup_ht / 2);
window.open('estimate3.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
}
/* 주소록 인쇄 미리보기 팝업 */
function previewList1() {
//만들려는 팝업의 크기
var popup_wid = '870';
var popup_ht = '680';
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
var popup_top = (window.screen.height / 2) - (popup_ht / 2);
window.open('previewList1.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
}
/* 주소록 내보내기 인쇄 미리보기 팝업 */
function previewList2() {
//만들려는 팝업의 크기
var popup_wid = '870';
var popup_ht = '700';
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
var popup_top = (window.screen.height / 2) - (popup_ht / 2);
window.open('previewList2.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
}
$(function () {
if ($('.calendar').length > 0) {
calendarSetting();
}
});
function calendarSetting() {
var $input = $('.calendar02').pickadate({
format: "yyyy/mm/dd", //인풋에 표기되는 값
formatSubmit: "yyyymmdd", //전송하는 값
labelMonthNext: '다음 달 보기',
labelMonthPrev: '이전 달 보기',
min: true,
max: 365,
onOpen: function () {
// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
var thisCal = $(this.$holder);
if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
thisCal.attr('style', '').css("top", "5px");
} else {
thisCal.attr('style', '').css("bottom", "35px");
}
if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
var ll = thisCal.closest('.picker').prev().position().left;
thisCal.css({
'left': ll,
'right': 'initial'
});
} else {
thisCal.css({
'left': 'initial',
'right': 0
});
}
thisCal.css("display", "block");
}
});
var $input = $('.calendar').pickadate({
format: "yyyy/mm/dd", //인풋에 표기되는 값
formatSubmit: "yyyymmdd", //전송하는 값
labelMonthNext: '다음 달 보기',
labelMonthPrev: '이전 달 보기',
onOpen: function () {
// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
var thisCal = $(this.$holder);
if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
thisCal.attr('style', '').css("top", "5px");
} else {
thisCal.attr('style', '').css("bottom", "35px");
}
if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
var ll = thisCal.closest('.picker').prev().position().left;
thisCal.css({
'left': ll,
'right': 'initial'
});
} else {
thisCal.css({
'left': 'initial',
'right': 0
});
}
thisCal.css("display", "block");
}
});
// 달력으로 기간 정해서 검색할 경우
if ($(".startDate").length != 0) {
var $startinput = $('.startDate').pickadate({
format: "yyyy/mm/dd", //인풋에 표기되는 값
formatSubmit: "yyyymmdd", //전송하는 값
labelMonthNext: '다음 달 보기',
labelMonthPrev: '이전 달 보기',
min: false,
max: false,
onOpen: function () {
// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
var thisCal = $(this.$holder);
if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
thisCal.attr('style', '').css("top", "5px");
} else {
thisCal.attr('style', '').css("bottom", "35px");
}
if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
var ll = thisCal.closest('.picker').prev().position().left;
thisCal.css({
'left': ll,
'right': 'initial'
});
} else {
thisCal.css({
'left': 'initial',
'right': 0
});
}
thisCal.css("display", "block");
}
});
var startpicker = $startinput.pickadate('picker');
startpicker.on({
open: function () {
var calDate = $(this.$node).val();
var yearText = calDate.substr(0, 4);
var monthText = calDate.substr(5, 2);
var dayText = calDate.substr(8, 2);
if ($(this.$node).val() != '') {
monthText = monthText - 1;
startpicker.set("view", new Date(yearText, monthText, dayText));
startpicker.set("highlight", new Date(yearText, monthText, dayText));
} else {}
},
close: function () {
var startVal = $(".startDate").val();
var endVal = $(".endDate").val();
console.log(startVal, endVal);
endVal = endVal.replace(/[.]/gi, '');
startVal = startVal.replace(/[.]/gi, '');
if (startVal > endVal && endVal != "") {
startpicker.clear();
alert("시작일이 종료일보다 클 수 없습니다.");
} else {}
}
});
var $endinput = $('.endDate').pickadate({
format: "yyyy/mm/dd", //인풋에 표기되는 값
formatSubmit: "yyyymmdd", //전송하는 값
labelMonthNext: '다음 달 보기1111',
labelMonthPrev: '이전 달 보기',
onOpen: function () {
// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
var thisCal = $(this.$holder);
if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
thisCal.attr('style', '').css("top", "5px");
} else {
thisCal.attr('style', '').css("bottom", "35px");
}
if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
var ll = thisCal.closest('.picker').prev().position().left;
thisCal.css({
'left': ll,
'right': 'initial'
});
} else {
thisCal.css({
'left': 'initial',
'right': 0
});
}
thisCal.css("display", "block");
}
});
var endpicker = $endinput.pickadate('picker');
endpicker.on({
open: function () {
var calDate = $(this.$node).val();
var yearText = calDate.substr(0, 4);
var monthText = calDate.substr(5, 2);
var dayText = calDate.substr(8, 2);
if ($(this.$node).val() != '') {
monthText = monthText - 1;
endpicker.set("view", new Date(yearText, monthText, dayText));
endpicker.set("highlight", new Date(yearText, monthText, dayText));
} else {}
},
close: function () {
var startVal = $(".startDate").val();
var endVal = $(".endDate").val();
console.log(startVal, endVal);
endVal = endVal.replace(/[.]/gi, '');
startVal = startVal.replace(/[.]/gi, '');
if (endVal < startVal && startVal != "" && endVal != "") {
endpicker.clear();
alert("종료일이 시작일보다 작을 수 없습니다.");
} else {}
}
});
}
}
function fnSetDynamicCalendar() {
$(':text.startDate,:text.endDate,:text.date').each(function (i) {
$this = $(this);
if ($this.attr("data-dateControl") == undefined) {
$this.attr("data-dateControl", true);
switch ($this[0].className) {
case "startDate":
sText = "시작";
break;
case "endDate":
sText = "종료";
break;
case "date":
sText = "";
break;
default:
sText = "";
}
var sobjId = $this.attr("id");
if (!sobjId) {
$this.attr("id", $this.attr("name"));
sobjId = $this.attr("name");
}
var innerhtml = "<div class='calendarPop' id='calendarName_" + sobjId + "'>" +
"<input type='button' value='" + sText + "날짜 달력에서 선택'" +
"onclick=\"return calendarOpen('" + sobjId + "-lry','" + sText + "',this)\"/>" +
"</div>";
$this.after(innerhtml);
}
});
}
$(function () {
fnSetDynamicCalendar();
jQuery(".rv a").bind('mouseover keyup', function () {
imgOn(jQuery(this))
})
jQuery(".rv a").bind('mouseout blur', function () {
imgOff(jQuery(this))
})
})
/* //calendar */
/* 신규 script 작성 */
$(function () {
recomChecked();
tableAllChk();
});
/* 추천인 ID */
function recomChecked() {
$('td.check_num input[type=radio]').each(function () {
if ($(this).is(':checked') && $(this).next('label').text() == '없음') {
$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled', true);
}
$(this).on('change', function () {
var t = $(this).next('label').text();
if (t == '없음') {
$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled', true);
} else {
$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled', false);
}
});
});
}
/* 테이블 전체 체크 */
function tableAllChk() {
$('.tType4').each(function () {
var target = $(this);
var thChk = target.find('thead tr th:first-child input[type=checkbox]');
var tbChk = target.find('tbody tr td:first-child input[type=checkbox]');
var len = tbChk.length;
thChk.on('change', function () {
if ($(this).is(':checked')) {
if (tbChk.attr('disabled') == false) {
tbChk.prop('checked', true);
}
} else {
tbChk.prop('checked', false);
}
});
tbChk.on('change', function () {
var chkLen = target.find('tbody tr td:first-child input[type=checkbox]:checked').length;
var chkDisLen = target.find('tbody tr td:first-child input[type=checkbox]:disabled').length;
if ((len - chkDisLen) == chkLen) {
thChk.prop('checked', true);
} else {
thChk.prop('checked', false);
}
});
});
}
/* 문자전송 핸드폰 상단 고정 */
$(window).on('load', function () {
setTimeout(function () {
if ($('.send_top .send_right .phone').length > 0) {
if (!$('.top_content').hasClass('contentExcelArea')) {
sendPhoneFixed();
}
}
}, 800);
});
function sendPhoneFixed() {
$('.send_top').each(function () {
var ofsT = Math.round($(this).find('.send_right').offset().top);
if ($(".kakaotalkset_cont .kakao_wrap").length == 1) {
var pH = Math.round($(this).find('.send_right .phone').outerHeight());
} else {
var pH = Math.round($(this).find('.send_right .phone').outerHeight() + 240);
}
var sendRightOft = Math.round($(this).find('.send_right:visible').offset().top);
$(window).on('scroll', function () {
var scrT = $(this).scrollTop();
var t = scrT + 213;
var h = Math.round($('.send_top').find('.send_right').outerHeight());
var revT = $('.send_rev').length ? Math.round($('.send_rev:visible').offset().top) : null;
if ($(".cont").find(".tabType1 .tab.active").text().trim() == "대량문자(광고문자)") {
if (t > ofsT && scrT !== 0) {
// send_rev 영역에 도달한 경우 멈춤
if (scrT + pH > revT) {
$('.send_top .send_right .phone:visible').css({
'top': revT - pH - sendRightOft + 470,
'transition': 'all 0.2s'
});
}
// 스크롤 위치에 맞춰 부드럽게 이동
else {
$('.send_top .send_right .phone:visible').css({
'top': t - sendRightOft,
'transition': 'all 0.2s'
});
}
}
// send_right 상단에 도달하면 스타일 제거
else {
$('.send_top .send_right .phone:visible').css({
'top': '0',
'transition': 'all 0.2s'
});
}
} else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
if (t > ofsT && t - ofsT < h - pH) {
$('.send_top .send_right .phone').css({
'top': t - ofsT,
'transition': 'all 0.2s'
});
} else if (t > ofsT) {
$('.send_top .send_right .phone').css({
'top': h - pH + 30,
'transition': 'all 0.2s'
});
} else if (t <= ofsT) {
$('.send_top .send_right .phone').css({
'top': '0',
'transition': 'all 0.2s'
});
}
} else {
if (t > ofsT && t - ofsT < h - pH) {
$('.send_top .send_right .phone').css({
'top': t - ofsT,
'transition': 'all 0.2s'
});
} else if (t > ofsT) {
$('.send_top .send_right .phone').css({
'top': h - pH,
'transition': 'all 0.2s'
});
} else if (t <= ofsT) {
$('.send_top .send_right .phone').css({
'top': '0',
'transition': 'all 0.2s'
});
}
}
});
});
}
/* 스팸팝업 내용 보기 버튼 */
function popContentBoxView(obj) {
var target = $(obj);
if (target.hasClass('active')) {
target.removeClass('active');
target.closest('.title_box').next('.content_box').stop().slideDown('200');
} else {
target.addClass('active');
target.closest('.title_box').next('.content_box').stop().slideUp('200');
}
}
/* 문자전송, 선거문자 제목 사용여부 체크 */
function titleStatus(obj) {
var v = $(obj).val();
if (v == 'Y') {
$(obj).closest('.title_wrap').find('.textbox').addClass('active');
} else {
$(obj).closest('.title_wrap').find('.textbox input:text').val('');
$(obj).closest('.title_wrap').find('.textbox').removeClass('active');
}
}
//카카오톡 알림톡 템플릿 등록 - 템플릿 유형 선택
function templateTypeSelect(type) {
var templateType = $(type).val();
var channelwrap = '<dl class="button_type_wrap template_channel_add"><dt>채널추가</dt><dd class="button_type_input"><input type="hidden" id="channelLikeType" name="channelLikeType" value="AC" readonly/><input type="text" id="btnChannelNm" name="btnChannelNm" value="채널 추가" readonly></dd></dl>';
var channelButton = '<p class="channel_info_text">채널 추가하고 이 채널의 광고와 마케팅 메시지 받기</p><button type="button" class="btn_kakao_channel"><img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가</button>'
var sideText = '<p class="side_info_text">부가정보내용</p>';
if (templateType == "EX") {
//부가정보형
$(".template_type_cont.type1").show();
$(".template_type_cont.type1").siblings(".template_type_cont").hide();
$(".channel_info_text,.btn_kakao_channel").hide();
$(".template_channel_add").remove();
if ($(".side_info_text").length == 0) {
$(".template_text").after(sideText);
$(".template_side_text").val("");
} else {}
} else if (templateType == "AD") {
//채널추가형
$(".template_type_cont.type2,.channel_info_text,.btn_kakao_channel").show();
$(".template_type_cont.type2").siblings(".template_type_cont").hide();
$(".side_info_text").remove();
if ($(".button_add_wrap").find(".template_channel_add").length == 0) {
$(".button_add_wrap").prepend(channelwrap);
} else {}
if ($(".btn_kakao_channel").length == 0) {
$(".allimtalk_content").append(channelButton);
} else {}
} else if (templateType == "MI") {
//복합형
$(".template_type_cont.type1,.template_type_cont.type2").show();
$(".btn_kakao_channel").css("display", "block");
if ($(".side_info_text").length == 0) {
$(".template_text").after(sideText);
$(".template_side_text").val("");
} else {}
if ($(".button_add_wrap").find(".template_channel_add").length == 0) {
$(".button_add_wrap").prepend(channelwrap);
} else {}
if ($(".btn_kakao_channel").length == 0) {
$(".allimtalk_content").append(channelButton);
} else {}
} else {
//기본
$(".template_type_cont.type1,.template_type_cont.type2").hide();
$(".template_channel_add,.side_info_text,.btn_kakao_channel,.channel_info_text").remove();
$(".template_side_text").val("");
}
}
// 카카오톡 알림톡 템플릿 등록 - 버튼 추가
function templateButtonAdd() {
var buttonType = $(".template_button_select").val();
var buttonCnt = $(".button_type_wrap").length;
//버튼갯수 체크
if (buttonCnt >= 5) {
alert("버튼은 최대 5개까지만 등록가능합니다.");
return false;
}
var buttonText;
var buttonView;
//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
if (buttonType == "button_type_0") {
alert("버튼 타입을 선택해 주세요");
return false;
}
if (buttonType == "button_type_1") {
buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList[' + buttonCnt + '].linkType" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList[' + buttonCnt + '].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewDS">배송조회</button>';
} else if (buttonType == "button_type_2") {
buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList[' + buttonCnt + '].linkType" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].linkMo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList[' + buttonCnt + '].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewWL">웹링크</button>';
} else if (buttonType == "button_type_3") {
buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList[' + buttonCnt + '].linkType" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].linkAnd" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList[' + buttonCnt + '].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewAL">앱링크</button>';
} else if (buttonType == "button_type_4") {
buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList[' + buttonCnt + '].linkType" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBK">봇키워드</button>';
} else if (buttonType == "button_type_5") {
buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList[' + buttonCnt + '].linkType" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewMD">메시지전달</button>';
} else if (buttonType == "button_type_6") {
buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList[' + buttonCnt + '].linkType" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBC">상담톡전환</button>';
} else if (buttonType == "button_type_7") {
buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList[' + buttonCnt + '].linkType" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBT">챗봇전환</button>';
} else {}
$(".button_add_wrap").prepend(buttonText);
$(".btnViewArea").prepend(buttonView);
}
//카카오톡 친구톡 템플릿 등록 - 버튼 추가
function friendTemplateButtonAdd() {
var buttonType = $(".template_button_select").val();
var buttonCnt = $(".button_type_wrap").length;
var imageType = $("input[name=img_file_add]:checked").val();
if (imageType == 'W') {
if (buttonCnt > 0) { //처음것 하나 추가할때는 갯수가 0으로 넘어옴.
alert("와이드 이미지 첨부시 버튼은 1개만 등록 가능합니다.");
return false;
}
}
//버튼갯수 체크
if (buttonCnt >= 5) {
alert("버튼은 최대 5개까지만 등록가능합니다.");
return false;
}
var buttonText;
var buttonView;
//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
if (buttonType == "button_type_1") {
buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input">'
+'<input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList[' + buttonCnt + '].linkType" value="DS"/>'
+'<input type="text" id="btnNmDeliv" name="buttonVOList[' + buttonCnt + '].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewDS">배송조회</button>';
} else if (buttonType == "button_type_2") {
buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"> '
+'<ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList[' + buttonCnt + '].linkType" value="WL"/>'
+'<input type="text" class="kakaoBtnNmList" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].name" value="" maxlength="14" placeholder="버튼명 입력(최대 14자)"></li>'
+'<li><input type="text" class="kakaoBtnList" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].linkMo" value="" placeholder="모바일 링크 입력"></li>'
+'<li><input type="text" class="kakaoBtnList" id="buttonLinkPc" name="buttonVOList[' + buttonCnt + '].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewWL">웹링크</button>';
} else if (buttonType == "button_type_3") {
buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input">'
+'<ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList[' + buttonCnt + '].linkType" value="AL"/>'
+'<input type="text" class="kakaoBtnNmList" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].name" value="" maxlength="14" placeholder="버튼명 입력(최대 14자)"></li>'
+'<li><input type="text" class="kakaoBtnList" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].linkAnd" value="" placeholder="Android 링크 입력"></li> '
+'<li><input type="text" class="kakaoBtnList" id="buttonLinkIos" name="buttonVOList[' + buttonCnt + '].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewAL">앱링크</button>';
} else if (buttonType == "button_type_4") {
buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList[' + buttonCnt + '].linkType" value="BK"/>'
+'<input type="text" id="btnNmBot" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBK">봇키워드</button>';
} else if (buttonType == "button_type_5") {
buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList[' + buttonCnt + '].linkType" value="MD"/>'
+'<input type="text" id="btnNmMsg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewMD">메시지전달</button>';
} else if (buttonType == "button_type_6") {
buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList[' + buttonCnt + '].linkType" value="BC"/>'
+'<input type="text" id="btnNmCons" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBC">상담톡전환</button>';
} else if (buttonType == "button_type_7") {
buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList[' + buttonCnt + '].linkType" value="BT"/>'
+'<input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBT">챗봇전환</button>';
} else {}
$(".button_add_wrap").append(buttonText);
$(".btnViewArea").append(buttonView);
}
//관리자 카카오톡 알림톡 샘플 템플릿 등록 - 버튼 추가
function SampleTemplateButtonAdd() {
var buttonType = $(".template_button_select").val();
var buttonCnt = $(".button_type_wrap").length;
//버튼갯수 체크
if (buttonCnt >= 5) {
alert("버튼은 최대 5개까지만 등록가능합니다.");
return false;
}
var buttonText;
//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
if (buttonType == "button_type_1") {
buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
} else if (buttonType == "button_type_2") {
buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].buttonLinkmo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList[' + buttonCnt + '].buttonLinkpc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
} else if (buttonType == "button_type_3") {
buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].buttonLinkand" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList[' + buttonCnt + '].buttonLinkios" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
} else if (buttonType == "button_type_4") {
buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
} else if (buttonType == "button_type_5") {
buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
} else if (buttonType == "button_type_6") {
buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
} else if (buttonType == "button_type_7") {
buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
} else {}
$(".button_add_wrap").prepend(buttonText);
}
function buttonTypeDel(btn) {
var btnIndex = $(btn).closest(".button_type_wrap").index(); //선택한 삭제 버튼의 Index값 받아오기
//추가된 버튼 영역 삭제해주기
$(btn).closest(".button_type_wrap").remove();
//미리보기 추가된 버튼 정보 삭제처리하기
$('.btnEmpty').eq(btnIndex).remove();
}
function fn_loadAddActive() {
$('.loading_layer').addClass('active');
}
function fn_loadRemoveActive() {
$('.loading_layer').removeClass('active');
}
function fn_excelLoadAddActive() {
$('.loading_execl_layer').addClass('active');
}
function fn_excelLoadRemoveActive() {
$('.loading_execl_layer').removeClass('active');
}
// 프로그레스바
var start, change;
var progressInterval = null; // 전역 변수로 타이머 ID 관리
function progressStart(time) {
// 기존 타이머 정지 및 초기화
if (progressInterval !== null) {
clearInterval(progressInterval); // 이전 타이머 정지
progressInterval = null; // 타이머 ID 초기화
}
resetProgressBar(); // 프로그레스바 초기화
// 프로그레스바 보이기
$(".progress_bar_wrap").css("display", "flex");
// 프로그레스바 요소 가져오기
var timeText = document.querySelector(".time_text");
var bar = document.querySelector(".change_bar");
// 초기 상태 설정
var width = 1;
var totalTime = time * 1000; // 총 실행 시간 (밀리초)
var cmpWid = totalTime / 100; // width 증가 간격 (밀리초)
// 새 타이머 시작
progressInterval = setInterval(changeWidth, cmpWid);
function changeWidth() {
if (width >= 100) {
// 프로그레스바 100% 도달
clearInterval(progressInterval); // 타이머 종료
progressInterval = null; // 타이머 ID 초기화
timeText.innerHTML = "100%";
setTimeout(function () {
// 100% 표시 후 "잠시만 기다려주세요" 변경
timeText.innerHTML = "잠시만 기다려주세요...";
$(".time_text").addClass("animation");
}, 1000);
} else {
// 프로그레스바 진행
width++;
bar.style.width = width + "%";
timeText.innerHTML = width + "%";
}
}
}
// 프로그레스바 초기화 함수
function resetProgressBar() {
$(".time_text").text("0%");
$(".change_bar").css("width", "0%");
$(".time_text").removeClass("animation");
$(".progress_bar_wrap").hide();
}
// 프로그레스바 완료
function progressComplete() {
// var width = parseInt($(".time_text").text().replace('%', '')) || 0; // 현재 width 가져오기
$(".progress_bar_wrap").hide();
/*
var widthText = $(".change_bar").attr("style");
var width = widthText.replace(/[width:%;overfloen]/ig, ""); // width 값 퍼센트로 가져오기
var currentText = $(".time_text").text().trim(); // 현재 텍스트 가져오기
console.log('width : ', width, 'currentText : ', currentText);
// 이미 "100%" 상태이고 "잠시만 기다려주세요" 메시지가 표시된 경우 즉시 종료
if (width >= 100 && currentText === "잠시만 기다려주세요...") {
console.log("이미 완료 상태입니다. 즉시 종료합니다.");
$(".progress_bar_wrap").hide();
return;
}
// 진행 중인 경우
change = setInterval(() => {
if (width >= 100) {
console.log('width : ', width);
$(".time_text").text("100%");
$(".change_bar").css("width", "100%");
setTimeout(function () {
clearInterval(change); // 인터벌 종료
setTimeout(() => {
// $(".time_text").text("잠시만 기다려주세요...");
// $(".time_text").addClass("animation");
$(".progress_bar_wrap").hide();
}, 10); // "잠시만 기다려주세요..." 1초 후 숨기기
}, 1000); // "100%" 표시 후 1초 대기
} else {
// width 증가 및 text 변경
width++;
$(".time_text").text(width + "%");
$(".change_bar").css("width", width + "%");
}
}, 10); // DOM 업데이트 간격 (10ms)*/
}
/*// 프로그레스바 완료
function progressComplete() {
change = setInterval(changeText);
var width = 1;
function changeText() {
// var widthText = $(".change_bar").attr("style");
// widthText = widthText.replace(/[width:%;overfloen]/ig, ""); // width 값 퍼센트로 가져오기
if (width >= 100) {
console.log('width : ', width);
$(".time_text").text("100%");
// if(backtime>=time){
// 예상시간보다 먼저 처리됐을 경우
setTimeout(function () {
$(".time_text").text("잠시만 기다려주세요...");
$(".time_text").addClass("animation");
}, 1000)
// }else{}
$(".progress_bar_wrap").hide();
setTimeout(function () {
clearInterval(change);
}, 0);
} else {
// width 증가 및 text 변경
width++;
$(".time_text").text(width + "%");
$(".change_bar").css("width", width + "%");
}
}
clearInterval(start); // 프로그레스바 시작 멈추기
}*/