From cdc1ad834a11edaf4c7553eebd93364d0150d90a Mon Sep 17 00:00:00 2001 From: subsub Date: Mon, 2 Jun 2025 17:31:53 +0900 Subject: [PATCH] =?UTF-8?q?=EC=B9=9C=EA=B5=AC=ED=86=A1=20=EC=A0=84?= =?UTF-8?q?=EC=86=A1,=20=EC=B9=9C=EA=B5=AC=ED=86=A1=20=ED=85=9C=ED=94=8C?= =?UTF-8?q?=EB=A6=BF=20=EB=93=B1=EB=A1=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/publish/css/content.css | 31 +- .../images/content/kakao_img_basic.jpg | Bin 0 -> 3462 bytes .../publish/images/content/kakao_img_wide.jpg | Bin 0 -> 4064 bytes src/main/webapp/publish/info_popup.html | 19 + src/main/webapp/publish/js/content.js | 1330 +++++++++-------- .../webapp/publish/kakao_friendtalk_add.html | 361 ++--- .../webapp/publish/kakao_friendtalk_send.html | 843 +++-------- 7 files changed, 1153 insertions(+), 1431 deletions(-) create mode 100644 src/main/webapp/publish/images/content/kakao_img_basic.jpg create mode 100644 src/main/webapp/publish/images/content/kakao_img_wide.jpg diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css index 0eed8c51..1528821f 100644 --- a/src/main/webapp/publish/css/content.css +++ b/src/main/webapp/publish/css/content.css @@ -1639,6 +1639,8 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .kakaotalkset_cont .template_sample_content_wrap .pagination{margin-top: 40px;} .kakaotalkset_cont .send_general.kakao_wrap{padding: 50px 0 0 0;} +.kakaotalkset_cont .friend_talk_wrap .template_name_wrap input{width:340px;} +.kakaotalkset_cont .friend_talk_wrap .template_name_wrap button{padding:0 15px;font-weight:400;} .kakao_wrap .tType1_title{font-size: 24px;} .kakao_wrap .template_name{width: 340px;} .kakao_wrap .template_name_cf{display: inline-block; color: #666; padding: 0 0 0 15px; vertical-align: inherit;} @@ -1646,13 +1648,19 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .kakao_wrap .img_add_info_wrap .info_title_text{font-size: 15px; font-weight: 500;} .kakao_wrap .img_add_info_wrap .info_text{font-size: 15px; color: #555;} .kakao_wrap .img_add_info_wrap .info_text li{margin: 3px 0 0 0;} -.kakao_wrap .img_file_add_wrap .btn_img_upload{width: 251px; margin: 10px 0 15px 0;} +.kakao_wrap .img_file_add_wrap .info_title_text{font-weight: 500;margin:0 0 5px 0;} +.kakao_wrap .img_file_add_wrap .btn_img_upload{width: 251px;} .kakao_wrap .img_file_add_wrap .img_file_info_wrap{width: 100%; max-width: 623px; border: 1px solid #e5e5e5; border-radius: 5px;} .kakao_wrap .img_file_add_wrap .img_file_info_wrap li{display: flex;min-height: 60px;padding: 10px 20px; border-bottom: 1px solid #e5e5e5;justify-content: space-between; align-items: center; box-sizing: border-box;} .kakao_wrap .img_file_add_wrap .img_file_info_wrap li:last-child{border-bottom: 0;} .kakao_wrap .img_file_add_wrap .file_name{font-size: 16px; font-weight: 500;} .kakao_wrap .img_file_add_wrap .btn_del{width: 30px;height: 30px;border: 1px solid #002c9a;border-radius: 5px;} .kakao_wrap .img_file_add_wrap .img_url{width: calc(100% - 190px);} +.kakao_wrap .img_file_add_wrap .info_text{margin:0 0 10px 0;} +.kakao_wrap .img_file_add_wrap .info_text li{list-style:1.4;} +.kakao_wrap .img_file_add_wrap .img_file_wrap{display:inline-flex;width:calc(100% - 200px);} +.kakao_wrap .img_file_add_wrap .img_file_wrap .file_name{width:calc(100% - 28px);} +.kakao_wrap .img_file_add_wrap .img_file_wrap .file_name.file_none{color:#666;font-weight:300;line-height:1.8;} .kakaotalkset_cont .kakao_wrap .template_category{width: 270px;} .kakaotalkset_cont .kakao_wrap .emphasis_select{width: 250px;} @@ -1683,6 +1691,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .kakaotalkset_cont .kakao_wrap .put_right .btn_close{width: calc(100% - 20px); height: 36px; background-color: #999; color: #fff; font-size: 15px; border-radius: 5px; margin-top: 5px;} .kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap{position: absolute; width: 100%; bottom: 0;} .kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap button{width: 100%; max-width: 100%;} +.kakaotalkset_cont .friend_talk_wrap .phone_bottom{bottom:17px;} .kakaotalkset_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;} .kakaotalkset_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;} .kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;} @@ -1724,7 +1733,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .kakaotalkset_cont .kakao_wrap .send_right .phone_bottom .cancel{width: calc((100% - 10px));} .kakao_wrap .replace_send_wrap{display: none; border: 1px solid #000; border-radius: 8px;padding: 0 20px; margin: 0 0 20px 0;} .kakao_wrap .replace_send_wrap .tType1 tr:first-child{border-top: 0;} -.kakao_wrap .replace_send_wrap .tType1 tbody tr td.putText .put_right .btnType9{position: absolute; max-width: 100%; bottom: 0;} +.kakao_wrap .replace_send_wrap .tType1 tbody tr td.putText .put_right .btnType9{position: absolute; max-width: 100%; bottom: 0; left: 0;} .kakao_wrap .replace_send_th{height: auto; padding: 20px 0 0 0;} .kakao_wrap .replace_send_th .title_th{margin: 0 0 20px 0;} .kakao_wrap .replace_send_th .title_th p{display: inline-block; width: 90px;} @@ -1759,7 +1768,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;} .kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;} .kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{height: 234px;} -.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 58px);} +.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 79px);} .kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;} .kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;} .kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;} @@ -1798,13 +1807,16 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .friend_talk_wrap .put_text_wrap .put_text{height: calc(100% - 40px); border: 0; background-color: transparent; padding: 14px 0 0 0px;} .friend_talk_wrap .put_text_wrap .text_length{position: absolute; display: flex; width: calc(100% - 40px); justify-content: space-between; align-items: center; left: 20px; box-sizing: border-box;} .friend_talk_wrap .put_text_wrap .ad_txt{padding: 0;margin: 0;} -.friend_talk_wrap .put_right .btn_popup_wrap>button,.friend_talk_wrap .put_right .send_btnWrap>button{width: 100%; max-width: 100%; height: 40px;} +.friend_talk_wrap .put_right .btn_popup_wrap>button{width: 100%; max-width: 100%; height: 40px;} .friend_talk_wrap .put_right .btn_popup_wrap>button:last-child,.friend_talk_wrap .put_right .send_btnWrap>button:last-child{margin: 0;} -.friend_talk_wrap .put_right .btn_text_save{background-color: #fff; border: 1px solid #002c9a; color: #002c9a; margin: 0 0 8px 0;} +.friend_talk_wrap .put_right .send_btnWrap{display:flex;gap:6px;} +.friend_talk_wrap .put_right .send_btnWrap .btnType9{width:40%;} +.friend_talk_wrap .put_right .send_btnWrap .btn_text_save{width:60%;} + .friend_talk_wrap .template_button .cf_text{margin: 10px 0 0 0; font-size: 14px; color: #666;} .friend_talk_wrap .friend_talk_title{margin: 0 0 10px 0; font-size: 15px; color: #222;} .friend_talk_wrap .friend_talk_title span{color: #777;} -.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{border-radius: 5px;} +.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{border-radius: 5px;overflow:hidden;} .friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .template_text{font-size: 15px; font-weight: 300; color: #555;} .friend_talk_wrap .send_right .kakao_block_text{width: calc(100% - 20px); text-align: right; font-size: 13px; font-weight: 300; color: #555; margin: 10px 0 0 0;} .friend_talk_wrap .put_left {position: relative;width: calc(100% - 175px);height: 260px;} @@ -1812,8 +1824,11 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .friend_talk_wrap .put_right{width: 165px;} .friend_talk_wrap .put_right .send_btnWrap {position: absolute;width: 100%;bottom: 0;} .kakaotalksend_cont .friend_talk_wrap{padding: 0;} -.kakaotalksend_cont .friend_talk_wrap .put_left {height: 307px;} -.kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); margin: 10px 0 0 0;} +.kakaotalksend_cont .friend_talk_wrap .put_left {height: 259px;} +.kakaotalksend_cont .friend_talk_wrap .template_name_wrap{display:flex;gap:10px;} +.kakaotalksend_cont .friend_talk_wrap .template_name_wrap input{width:340px;} +.kakaotalksend_cont .friend_talk_wrap .template_name_wrap button{padding:0 15px;font-weight:400;} +/* .kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); } */ .kakaotalksend_cont .friend_talk_wrap .put_right {position: relative;width: 165px;} .kakaotalksend_cont .tType1 tbody tr td.putText .put_right .btn_popup_wrap button:not(.btn_close){margin: 0 0 0 10px;} diff --git a/src/main/webapp/publish/images/content/kakao_img_basic.jpg b/src/main/webapp/publish/images/content/kakao_img_basic.jpg new file mode 100644 index 0000000000000000000000000000000000000000..37f5b3e3515b0438a59775527936232973fcb708 GIT binary patch literal 3462 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 QmA_|y9JYVOmz}r&03Vh-i2wiq literal 0 HcmV?d00001 diff --git a/src/main/webapp/publish/images/content/kakao_img_wide.jpg b/src/main/webapp/publish/images/content/kakao_img_wide.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2694cd282298ff248fdab9f1e6353da80591aadb GIT binary patch literal 4064 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 bdaZFLTvU@#DCPC-7yNAy_ + +
+
+

사용안내

+
+
+
    +
  • 친구톡 텍스트형은 최대 1,000자까지 작성 가능 (이미지형 400자, 와이드 이미지형 76자)
    • +
  • 변수는 [*이름*], [*1*]~[*4*]까지 입력하실 수 있습니다.
    • +
  • 광고성 정보 포함 시, 자동으로 (광고) 표시와 080무료수신거부번호가 메시지 내용에 표시됩니다.
    • +
  • (광고) 표기 사용 여부는 선택 가능하나, (광고) 표기 해제에 따른 법규 의무사항 미준수 시, 메시지 발송이 중단될 수 있습니다.
    • +
  • 예약 메시지는 수정 가능하며, 예약 발송시간 5분전까지만 취소·삭제 가능합니다.
    • + +
  • 안심번호는 임시번호로 전송이 불가합니다.
    • +
+
+
+ + \ No newline at end of file diff --git a/src/main/webapp/publish/js/content.js b/src/main/webapp/publish/js/content.js index 945a7aa8..3bb20dad 100644 --- a/src/main/webapp/publish/js/content.js +++ b/src/main/webapp/publish/js/content.js @@ -1,7 +1,7 @@ $(document).ready(function () { - + // 문자작성 영역 클릭시 textarea 활성화 - $('.put_left').on('click',function(e){ + $('.put_left').on('click', function (e) { $(this).find('textarea.put_text').focus(); }); @@ -14,7 +14,7 @@ $(document).ready(function () { }); /* 문자샘플 , 회원가입 약관 동의, 전송내역, 팝업에 있는 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){ + 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", @@ -23,7 +23,7 @@ $(document).ready(function () { scrollInertia: 600, mouseWheelPixels: 300 }); - }else if($(".kakao_template_wrap").length>0){ + } else if ($(".kakao_template_wrap").length > 0) { $(".kakao_template_wrap").mCustomScrollbar({ axis: 'y', scrollbarPosition: "inside", @@ -33,11 +33,11 @@ $(document).ready(function () { mouseWheelPixels: 300 }); } - + //결제관리 - 견적내기 tbody 10줄 이상부터 스크롤 생김 var tbHieght = $('.tType3.payDetail .tType3_bd_wrap').height(); - if(tbHieght > 399){ - $('.tType3.payDetail .tType3_bd_wrap').css("height","400px"); + if (tbHieght > 399) { + $('.tType3.payDetail .tType3_bd_wrap').css("height", "400px"); $(".tType3.payDetail .tType3_bd_wrap").mCustomScrollbar({ axis: 'y', scrollbarPosition: "outside", @@ -46,19 +46,19 @@ $(document).ready(function () { scrollInertia: 600, mouseWheelPixels: 300 }); - }else {} + } 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(); - }); -*/ + /* + $("#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); @@ -135,10 +135,10 @@ $(document).ready(function () { }) - + //요금 사용내역 table안에 있는 내용 hover 시 컨텐츠 보임 - $(".tb_tit").mouseover(function(){ + $(".tb_tit").mouseover(function () { $(this).find(".history_hover").css({ "top": "50%", "left": "90%", @@ -146,7 +146,7 @@ $(document).ready(function () { }) }) //컨텐츠 사라짐 - $(".tb_tit").mouseleave(function(){ + $(".tb_tit").mouseleave(function () { $(this).find(".history_hover").css({ "top": 0, "left": 0, @@ -155,169 +155,167 @@ $(document).ready(function () { }) /* 주소록 순서 변경 */ - $(".list_switch").each(function(index, item){ - index+=1; - $(item).addClass("adr_0"+index); // 순서대로 클래스 추가 + $(".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(){ + /* 최상단으로 */ + $(".btn_top").click(function () { // 버튼 클릭 시 체크된 값 가져와야함. - var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); - var checkAdrWrap = checkAdr.parent().parent(); + var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); + var checkAdrWrap = checkAdr.parent().parent(); - if(checkAdrWrap.is(".adr_first") == true){ - // 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게 - $(".adr_first").after(checkAdrWrap); + if (checkAdrWrap.is(".adr_first") == true) { + // 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게 + $(".adr_first").after(checkAdrWrap); + } else { + // 첫번째가 선택 안됐을 때 나머지들을 최상단으로 + $(".adr_first").before(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"); - } - }); - }) - + // 순서대로 다시 클래스 추가 + $(".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(){ + $(".btn_up").click(function () { // 버튼 클릭 시 체크된 값 가져와야함. - var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); - var checkAdrWrap = checkAdr.parent().parent(); + 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); + $(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"); - } - }); + $(".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(); + // 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(); + 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 - } - - // 한칸씩 아래로 이동 + $(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"); - } + $(".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(){ + /* 최하단으로 */ + $(".btn_botom").click(function () { // 버튼 클릭 시 체크된 값 가져와야함. - var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); - var checkAdrWrap = checkAdr.parent().parent(); + var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); + var checkAdrWrap = checkAdr.parent().parent(); - if(checkAdrWrap.is(".adr_last") == true){ - // 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게 - $(".adr_last").before(checkAdrWrap); + if (checkAdrWrap.is(".adr_last") == true) { + // 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게 + $(".adr_last").before(checkAdrWrap); + } else { + // 첫번째가 선택 안됐을 때 나머지들을 최하단으로 + $(".adr_last").after(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"); - } + $(".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"); + } }); - }) - /* //주소록 순서 변경 */ + }) + /* //주소록 순서 변경 */ @@ -328,18 +326,18 @@ $(document).ready(function () { // 퀵메뉴 버튼 클릭 시 컨텐츠와 푸터 열고 닫히고 버튼 이미지 변경됨 - $(".adr_cb_wrap>p").off("click").on('click',function () { + $(".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); /* @@ -354,91 +352,90 @@ $(document).ready(function () { $(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("alt", "폴더 열림"); + } else { $(this).find("img").attr("src", "/publish/images/content/open_folder2.png"); - $(this).find("img").attr("alt", "폴더 열림"); + $(this).find("img").attr("alt", "폴더 열림"); } - + }); -// //주소록 불러오기 팝업 textarea 대신 p태그로 글씨 먹인 영역 active 시 사라지게 -// $(".req_area").click(function(){ -// $(".req_area").addClass("active"); -// }); + // //주소록 불러오기 팝업 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(){ + // // 외부영역 클릭 시 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(){ + $(".btn_check_one .qmMark").mouseleave(function () { $(this).parents(".btnType").next(".send_hover_cont").removeClass("on"); - }) - - // 번호추가 ? 호버 시 팝업 - $(".btn_add_number .qmMark").mouseover(function(){ + }) + + // 번호추가 ? 호버 시 팝업 + $(".btn_add_number .qmMark").mouseover(function () { $(this).parents(".btnType").siblings(".send_hover_cont").addClass("on"); }) - $(".btn_add_number .qmMark").mouseleave(function(){ + $(".btn_add_number .qmMark").mouseleave(function () { $(this).parents(".btnType").siblings(".send_hover_cont").removeClass("on"); - }) - - + }) + + //문자발송 오류검사 ? 호버 시 팝업 - $(".test_qm").mouseover(function(){ + $(".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"); - }) + $(".test_qm").mouseleave(function () { + $(this).parents(".btnType").find(".test_hover_cont").removeClass("on"); + }) //문자발송 오류검사 ? 호버 시 팝업 - $(".adr_qm").mouseover(function(){ + $(".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"); - }) + $(".adr_qm").mouseleave(function () { + $(this).parents(".btnType").find(".adr_hover_cont").removeClass("on"); + }) - //발송결과 진행상황 호버 시 팝업 - $(".check_validity").mouseover(function(){ + //발송결과 진행상황 호버 시 팝업 + $(".check_validity").mouseover(function () { $(this).next(".info_hover_cont").addClass("on"); }); - $(".check_validity").mouseleave(function(){ - $(this).next(".info_hover_cont").removeClass("on"); - }); - + $(".check_validity").mouseleave(function () { + $(this).next(".info_hover_cont").removeClass("on"); + }); + // 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜 - $(".btn_list").click(function(){ + $(".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(); @@ -446,7 +443,7 @@ $(document).ready(function () { $('#btnAllChk').hide(); $('#formListType').val("list"); }); - $(".btn_thumbnail").click(function(){ + $(".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(); @@ -455,10 +452,10 @@ $(document).ready(function () { $('#formListType').val("thumbnail"); }); - $(".send_fail_check").change(function(){ + $(".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")){ + if ($(".send_fail_check").is(":checked")) { $(".replace_send_wrap").slideDown(400); /*var scrT=$(window).scrollTop(); var t=scrT+213; @@ -470,86 +467,106 @@ $(document).ready(function () { }else if(t<=ofsT){ $('.send_top .send_right .phone').attr('style',''); }*/ - }else{ + } else { $(".replace_send_wrap").slideUp(400); - $('.send_top .send_right .phone').css({'top': '0','transition': 'top .4s linear'}); + $('.send_top .send_right .phone').css({ + 'top': '0', + 'transition': 'top .4s linear' + }); } - + }); //강조유형 선택시 처리 - $(".emphasis_select").change(function(){ - if($(this).val() == "NONE"){ - + $(".emphasis_select").change(function () { + if ($(this).val() == "NONE") { + //강조표기형 숨김처리 및 내용 초기화 $('.emphasis_title_text').hide(); $('.emphasis_side_text').hide(); $("#inputTemplateTitle").val(""); $("#inputTemplateSubTitle").val(""); $("#imgFile").val(""); - $("#imgNm").val(""); - + $("#imgNm").val(""); + //영역 제거하기 $(".emphasis_cont").removeClass("active"); - - }else if($(this).val() == "IMAGE"){ + + } else if ($(this).val() == "IMAGE") { $(".emphasis_image").addClass("active"); $(".emphasis_image").siblings(".emphasis_cont").removeClass("active"); - } - else if($(this).val() == "TEXT"){ + } 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");} + $("#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;"); + $(".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;"); + } 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(".img_add_info_wrap").hide(); - $(".img_file_add_wrap").show(); - }else if($("input[name='img_file_add']:checked").attr("id")=="img_file_2"){ - $(".wide_img_add_wrap").show().siblings(".img_add_info_wrap").hide(); - $(".img_file_add_wrap").show(); - } else{ + + $("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_add_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_add_wrap").show(); + } else { $(".img_add_info_wrap, .img_file_add_wrap").hide(); + $(".kakao_image img").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)" + }); + } else { + $(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show(); + $(".friend_talk_wrap .put_text_wrap .put_text").removeAttr("style") + } + }) + /* 포토이미지 드래그 */ - if($('.thumb_wrap').length>0){ - $('.thumb_wrap').sortable(); - } + 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'); + $('.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'); + $('ul.tabs li').removeClass('current'); + $('.tab-content').removeClass('current'); - $(this).addClass('current'); - $("#"+tab_id).addClass('current'); - }); + $(this).addClass('current'); + $("#" + tab_id).addClass('current'); + }); }); -function photoLayerView(){ +function photoLayerView() { /* 그림문자 마우스 오버 시 이미지 확대 띄움 */ $(".photo_cont").mouseover(function () { $(this).mousemove(function (e) { @@ -579,12 +596,12 @@ function photoLayerView(){ var currTabId = ""; /* tab 버튼 공통 - 단순 구조 일 때만 사용 */ -function TabType(obj,tabId) { +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"); @@ -595,19 +612,23 @@ function TabType(obj,tabId) { 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(); +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); + $("." + item).css({ + 'left': ($(document).width() - width) / 2, + 'top': ($(window).height() - height) / 2, + 'opacity': '1' + }); + }, 250); } // 문자보내기 tab 버튼 - send_top @@ -663,8 +684,8 @@ function TabType2(obj, tabId) { $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"); + $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); @@ -675,7 +696,7 @@ function TabType2(obj, tabId) { $(".area_tabcont").not($tabCn).removeClass("on"); $(".area_tabcont").not($tabCn).fadeOut(0); - + /*탭 이동 시 탭활성 초기화*/ /*단문, 장문문자*/ //상단 단문/장문 선택 @@ -694,7 +715,7 @@ function TabType2(obj, tabId) { //해시태그 $('.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); @@ -707,17 +728,17 @@ function TabType2(obj, tabId) { // 맞춤제작 tab 버튼 function TabType4(obj, tabId) { - - if(tabId == '3'){ + + if (tabId == '3') { // 비로그인인 경우 로그인하도록 - if($("#loginId").val() == null){ + if ($("#loginId").val() == null) { //alert("로그인 후 사용이 가능합니다."); - location.href="/web/user/login/login.do"; + location.href = "/web/user/login/login.do"; return false; } } - - + + var $tab = $(obj).closest("li"); $tab.addClass("active"); $tab.find("button").attr("title", "선택됨"); @@ -760,10 +781,10 @@ function TabType5(obj, tabId) { $(".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); @@ -784,12 +805,12 @@ function TabType6(obj, 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"); + $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); @@ -834,13 +855,13 @@ function listTab2(obj, tabId) { $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"); + $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); @@ -889,15 +910,15 @@ function popupTab(obj, 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"); + $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 @@ -921,7 +942,7 @@ function tableTab(obj, tabId) { } //콘텐츠 tab -function contentTab(obj, tabId){ +function contentTab(obj, tabId) { var $tab = $(obj).closest("li"); $tab.addClass("active"); $tab.find("button").attr("title", "선택됨"); @@ -940,7 +961,7 @@ function contentTab(obj, tabId){ } //콘텐츠 - 발송결과 미리보기 tab -function phoneTab(obj, tabId){ +function phoneTab(obj, tabId) { var $tab = $(obj).closest("li"); $tab.addClass("active"); $tab.find("button").attr("title", "선택됨"); @@ -959,13 +980,13 @@ function phoneTab(obj, tabId){ } /* 회원가입 약관동의 list */ -function clause_list(obj){ +function clause_list(obj) { var listBody = $(obj).parents(".clause_list_head").siblings(".clause_list_body"); - if(listBody.is(":visible")){ + if (listBody.is(":visible")) { listBody.slideUp(250); listBody.parents(".list_open").removeClass("on"); - }else{ + } else { listBody.slideDown(250); listBody.parents(".list_open").addClass("on"); //listBody.parents(".list_open").siblings(".list_open").find(".clause_list_body").slideUp(250); @@ -975,40 +996,40 @@ function clause_list(obj){ /* 자주하는 질문 list */ -function qnaList(item){ +function qnaList(item) { var qnaAnswer = $(item).parent("li").find(".qna_answer"); - if(qnaAnswer.is(":visible")){ + if (qnaAnswer.is(":visible")) { qnaAnswer.slideUp(450); qnaAnswer.parent("li").removeClass("open") - qnaAnswer.prev("button").attr("title","닫힘"); - - }else{ + 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.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 + 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; + } + + + /*var posiTop = $(".preiew_img .img_box").eq(num).position().top; $(".text_preview").mCustomScrollbar("scrollTo",posiTop,{ scrollInertia:300 });*/ @@ -1016,340 +1037,371 @@ function imgClick(num) { /* 인쇄미리보기 클릭 시 견적서 새창 팝업 오픈 */ -function showEstimate() { - //만들려는 팝업의 크기 - var popup_wid = '820'; - var popup_ht = '900'; +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); + //중앙 정렬을 위해 윈도우 스크린의 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 ); + 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'; +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); + 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 ); + 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'; +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); + 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 ); + 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'; +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); + 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 ); + 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'; +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); + 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 ); + window.open('previewList2.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top); } -$(function(){ - if($('.calendar').length>0){ +$(function () { + if ($('.calendar').length > 0) { calendarSetting(); } }); -function calendarSetting(){ +function calendarSetting() { var $input = $('.calendar02').pickadate({ - format : "yyyy/mm/dd", //인풋에 표기되는 값 - formatSubmit : "yyyymmdd", //전송하는 값 + format: "yyyy/mm/dd", //인풋에 표기되는 값 + formatSubmit: "yyyymmdd", //전송하는 값 labelMonthNext: '다음 달 보기', labelMonthPrev: '이전 달 보기', min: true, max: 365, - - onOpen : function(){ + + 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 ($(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}); + 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"); + thisCal.css("display", "block"); } }); - + var $input = $('.calendar').pickadate({ - format : "yyyy/mm/dd", //인풋에 표기되는 값 - formatSubmit : "yyyymmdd", //전송하는 값 + format: "yyyy/mm/dd", //인풋에 표기되는 값 + formatSubmit: "yyyymmdd", //전송하는 값 labelMonthNext: '다음 달 보기', labelMonthPrev: '이전 달 보기', - - onOpen : function(){ + + 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 ($(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}); + 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"); + thisCal.css("display", "block"); } }); - + // 달력으로 기간 정해서 검색할 경우 - if($(".startDate").length != 0){ - + if ($(".startDate").length != 0) { + var $startinput = $('.startDate').pickadate({ - format : "yyyy/mm/dd", //인풋에 표기되는 값 - formatSubmit : "yyyymmdd", //전송하는 값 + format: "yyyy/mm/dd", //인풋에 표기되는 값 + formatSubmit: "yyyymmdd", //전송하는 값 labelMonthNext: '다음 달 보기', labelMonthPrev: '이전 달 보기', min: false, max: false, - - onOpen : function(){ + + 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 ($(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}); + 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"); + thisCal.css("display", "block"); } }); - + var startpicker = $startinput.pickadate('picker'); - + startpicker.on({ - open : function(){ + 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() != ''){ + 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{} + startpicker.set("view", new Date(yearText, monthText, dayText)); + startpicker.set("highlight", new Date(yearText, monthText, dayText)); + } else {} }, - close : function(){ + close: function () { var startVal = $(".startDate").val(); var endVal = $(".endDate").val(); - console.log(startVal,endVal); + console.log(startVal, endVal); endVal = endVal.replace(/[.]/gi, ''); startVal = startVal.replace(/[.]/gi, ''); - if(startVal > endVal && endVal != ""){ + if (startVal > endVal && endVal != "") { startpicker.clear(); alert("시작일이 종료일보다 클 수 없습니다."); - }else{} + } else {} } }); - + var $endinput = $('.endDate').pickadate({ - format : "yyyy/mm/dd", //인풋에 표기되는 값 - formatSubmit : "yyyymmdd", //전송하는 값 + format: "yyyy/mm/dd", //인풋에 표기되는 값 + formatSubmit: "yyyymmdd", //전송하는 값 labelMonthNext: '다음 달 보기1111', labelMonthPrev: '이전 달 보기', - - onOpen : function(){ + + 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 ($(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}); + 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"); + thisCal.css("display", "block"); } }); - + var endpicker = $endinput.pickadate('picker'); - + endpicker.on({ - open : function(){ + 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() != ''){ + 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{} + endpicker.set("view", new Date(yearText, monthText, dayText)); + endpicker.set("highlight", new Date(yearText, monthText, dayText)); + } else {} }, - close : function(){ + close: function () { var startVal = $(".startDate").val(); var endVal = $(".endDate").val(); - console.log(startVal,endVal); + console.log(startVal, endVal); endVal = endVal.replace(/[.]/gi, ''); startVal = startVal.replace(/[.]/gi, ''); - if(endVal < startVal && startVal != "" && endVal != ""){ + if (endVal < startVal && startVal != "" && endVal != "") { endpicker.clear(); alert("종료일이 시작일보다 작을 수 없습니다."); - }else{} + } else {} } }); } - + } function fnSetDynamicCalendar() { - $(':text.startDate,:text.endDate,:text.date').each(function(i) { + $(':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){ + if ($this.attr("data-dateControl") == undefined) { + $this.attr("data-dateControl", true); + switch ($this[0].className) { case "startDate": - sText = "시작";break; + sText = "시작"; + break; case "endDate": - sText = "종료";break; + sText = "종료"; + break; case "date": - sText = "";break; + sText = ""; + break; default: - sText = ""; + sText = ""; } var sobjId = $this.attr("id"); if (!sobjId) { - $this.attr("id",$this.attr("name")); + $this.attr("id", $this.attr("name")); sobjId = $this.attr("name"); } - var innerhtml ="
" - +"" - +"
"; - $this.after( innerhtml ); + var innerhtml = "
" + + "" + + "
"; + $this.after(innerhtml); } }); } -$(function() { +$(function () { fnSetDynamicCalendar(); - jQuery(".rv a").bind('mouseover keyup' , function() { imgOn(jQuery(this))}) - jQuery(".rv a").bind('mouseout blur' , function() { imgOff(jQuery(this))}) + jQuery(".rv a").bind('mouseover keyup', function () { + imgOn(jQuery(this)) + }) + jQuery(".rv a").bind('mouseout blur', function () { + imgOff(jQuery(this)) + }) }) /* //calendar */ /* 신규 script 작성 */ -$(function(){ +$(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); +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); + $(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); +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); + } 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); + 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')){ +$(window).on('load', function () { + setTimeout(function () { + if ($('.send_top .send_right .phone').length > 0) { + if (!$('.top_content').hasClass('contentExcelArea')) { sendPhoneFixed(); } } - },800); + }, 800); }); function sendPhoneFixed() { @@ -1374,14 +1426,14 @@ function sendPhoneFixed() { if (scrT + pH > revT) { $('.send_top .send_right .phone:visible').css({ 'top': revT - pH - sendRightOft + 470, - 'transition':'all 0.2s' + 'transition': 'all 0.2s' }); } // 스크롤 위치에 맞춰 부드럽게 이동 else { $('.send_top .send_right .phone:visible').css({ 'top': t - sendRightOft, - 'transition':'all 0.2s' + 'transition': 'all 0.2s' }); } } @@ -1389,45 +1441,41 @@ function sendPhoneFixed() { else { $('.send_top .send_right .phone:visible').css({ 'top': '0', - 'transition':'all 0.2s' + 'transition': 'all 0.2s' }); } - } - - else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") { + } 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' + 'transition': 'all 0.2s' }); } else if (t > ofsT) { $('.send_top .send_right .phone').css({ 'top': h - pH + 100, - 'transition':'all 0.2s' + 'transition': 'all 0.2s' }); } else if (t <= ofsT) { $('.send_top .send_right .phone').css({ 'top': '0', - 'transition':'all 0.2s' + 'transition': 'all 0.2s' }); } - } - - else { + } else { if (t > ofsT && t - ofsT < h - pH) { $('.send_top .send_right .phone').css({ 'top': t - ofsT, - 'transition':'all 0.2s' + 'transition': 'all 0.2s' }); } else if (t > ofsT) { $('.send_top .send_right .phone').css({ 'top': h - pH, - 'transition':'all 0.2s' + 'transition': 'all 0.2s' }); } else if (t <= ofsT) { $('.send_top .send_right .phone').css({ 'top': '0', - 'transition':'all 0.2s' + 'transition': 'all 0.2s' }); } } @@ -1437,78 +1485,78 @@ function sendPhoneFixed() { } /* 스팸팝업 내용 보기 버튼 */ -function popContentBoxView(obj){ - var target=$(obj); - if(target.hasClass('active')){ +function popContentBoxView(obj) { + var target = $(obj); + if (target.hasClass('active')) { target.removeClass('active'); target.closest('.title_box').next('.content_box').stop().slideDown('200'); - }else{ + } else { target.addClass('active'); target.closest('.title_box').next('.content_box').stop().slideUp('200'); } } /* 문자전송, 선거문자 제목 사용여부 체크 */ -function titleStatus(obj){ - var v=$(obj).val(); - if(v == 'Y'){ +function titleStatus(obj) { + var v = $(obj).val(); + if (v == 'Y') { $(obj).closest('.title_wrap').find('.textbox').addClass('active'); - }else{ + } else { $(obj).closest('.title_wrap').find('.textbox input:text').val(''); $(obj).closest('.title_wrap').find('.textbox').removeClass('active'); } } //카카오톡 알림톡 템플릿 등록 - 템플릿 유형 선택 -function templateTypeSelect(type){ - +function templateTypeSelect(type) { + var templateType = $(type).val(); var channelwrap = '
채널추가
'; var channelButton = '

채널 추가하고 이 채널의 광고와 마케팅 메시지 받기

' var sideText = '

부가정보내용

'; - if(templateType == "EX"){ + 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){ + + if ($(".side_info_text").length == 0) { $(".template_text").after(sideText); $(".template_side_text").val(""); - }else{} - }else if(templateType == "AD"){ + } 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){ + if ($(".button_add_wrap").find(".template_channel_add").length == 0) { $(".button_add_wrap").prepend(channelwrap); - }else{} + } else {} - if($(".btn_kakao_channel").length == 0){ + if ($(".btn_kakao_channel").length == 0) { $(".allimtalk_content").append(channelButton); - }else{} - }else if(templateType == "MI"){ + } 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){ + + if ($(".side_info_text").length == 0) { $(".template_text").after(sideText); $(".template_side_text").val(""); - }else{} + } else {} - if($(".button_add_wrap").find(".template_channel_add").length == 0){ + if ($(".button_add_wrap").find(".template_channel_add").length == 0) { $(".button_add_wrap").prepend(channelwrap); - }else{} + } else {} - if($(".btn_kakao_channel").length == 0){ + if ($(".btn_kakao_channel").length == 0) { $(".allimtalk_content").append(channelButton); - }else{} - - }else{ + } else {} + + } else { //기본 $(".template_type_cont.type1,.template_type_cont.type2").hide(); $(".template_channel_add,.side_info_text,.btn_kakao_channel,.channel_info_text").remove(); @@ -1517,160 +1565,160 @@ function templateTypeSelect(type){ } // 카카오톡 알림톡 템플릿 등록 - 버튼 추가 -function templateButtonAdd(){ +function templateButtonAdd() { var buttonType = $(".template_button_select").val(); var buttonCnt = $(".button_type_wrap").length; //버튼갯수 체크 - if(buttonCnt >= 5){ - + if (buttonCnt >= 5) { + alert("버튼은 최대 5개까지만 등록가능합니다."); return false; - + } var buttonText; var buttonView; //템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음 - if(buttonType == "button_type_0"){ + if (buttonType == "button_type_0") { alert("버튼 타입을 선택해 주세요"); return false; } - - if(buttonType == "button_type_1"){ - buttonText = '
배송조회

*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배

'; + + if (buttonType == "button_type_1") { + buttonText = '
배송조회

*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배

'; buttonView = ''; - }else if(buttonType == "button_type_2"){ - buttonText = '
웹링크
'; + } else if (buttonType == "button_type_2") { + buttonText = '
웹링크
'; buttonView = ''; - }else if(buttonType == "button_type_3"){ - buttonText = '
앱링크
'; + } else if (buttonType == "button_type_3") { + buttonText = '
앱링크
'; buttonView = ''; - }else if(buttonType == "button_type_4"){ - buttonText = '
봇키워드
'; + } else if (buttonType == "button_type_4") { + buttonText = '
봇키워드
'; buttonView = ''; - }else if(buttonType == "button_type_5"){ - buttonText = '
메시지전달
'; + } else if (buttonType == "button_type_5") { + buttonText = '
메시지전달
'; buttonView = ''; - }else if(buttonType == "button_type_6"){ - buttonText = '
상담톡전환
'; + } else if (buttonType == "button_type_6") { + buttonText = '
상담톡전환
'; buttonView = ''; - }else if(buttonType == "button_type_7"){ - buttonText = '
챗봇전환
'; + } else if (buttonType == "button_type_7") { + buttonText = '
챗봇전환
'; buttonView = ''; - }else{} + } else {} $(".button_add_wrap").prepend(buttonText); $(".btnViewArea").prepend(buttonView); } //카카오톡 친구톡 템플릿 등록 - 버튼 추가 -function friendTemplateButtonAdd(){ +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으로 넘어옴. - + if (imageType == 'W') { + + if (buttonCnt > 0) { //처음것 하나 추가할때는 갯수가 0으로 넘어옴. + alert("와이드 이미지 첨부시 버튼은 1개만 등록 가능합니다."); return false; - + } - + } //버튼갯수 체크 - if(buttonCnt >= 5){ - + if (buttonCnt >= 5) { + alert("버튼은 최대 5개까지만 등록가능합니다."); return false; - + } var buttonText; var buttonView; //템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음 - if(buttonType == "button_type_1"){ - buttonText = '
배송조회

*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배

'; + if (buttonType == "button_type_1") { + buttonText = '
배송조회

*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배

'; buttonView = ''; - }else if(buttonType == "button_type_2"){ - buttonText = '
웹링크
'; + } else if (buttonType == "button_type_2") { + buttonText = '
웹링크
'; buttonView = ''; - }else if(buttonType == "button_type_3"){ - buttonText = '
앱링크
'; + } else if (buttonType == "button_type_3") { + buttonText = '
앱링크
'; buttonView = ''; - }else if(buttonType == "button_type_4"){ - buttonText = '
봇키워드
'; + } else if (buttonType == "button_type_4") { + buttonText = '
봇키워드
'; buttonView = ''; - }else if(buttonType == "button_type_5"){ - buttonText = '
메시지전달
'; + } else if (buttonType == "button_type_5") { + buttonText = '
메시지전달
'; buttonView = ''; - }else if(buttonType == "button_type_6"){ - buttonText = '
상담톡전환
'; + } else if (buttonType == "button_type_6") { + buttonText = '
상담톡전환
'; buttonView = ''; - }else if(buttonType == "button_type_7"){ - buttonText = '
챗봇전환
'; + } else if (buttonType == "button_type_7") { + buttonText = '
챗봇전환
'; buttonView = ''; - }else{} + } else {} $(".button_add_wrap").prepend(buttonText); $(".btnViewArea").prepend(buttonView); } //관리자 카카오톡 알림톡 샘플 템플릿 등록 - 버튼 추가 -function SampleTemplateButtonAdd(){ +function SampleTemplateButtonAdd() { var buttonType = $(".template_button_select").val(); var buttonCnt = $(".button_type_wrap").length; //버튼갯수 체크 - if(buttonCnt >= 5){ - + if (buttonCnt >= 5) { + alert("버튼은 최대 5개까지만 등록가능합니다."); return false; - + } var buttonText; //템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음 - if(buttonType == "button_type_1"){ - buttonText = '
배송조회

*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배

'; - }else if(buttonType == "button_type_2"){ - buttonText = '
웹링크
'; - }else if(buttonType == "button_type_3"){ - buttonText = '
앱링크
'; - }else if(buttonType == "button_type_4"){ - buttonText = '
봇키워드
'; - }else if(buttonType == "button_type_5"){ - buttonText = '
메시지전달
'; - }else if(buttonType == "button_type_6"){ - buttonText = '
상담톡전환
'; - }else if(buttonType == "button_type_7"){ - buttonText = '
챗봇전환
'; - }else{} + if (buttonType == "button_type_1") { + buttonText = '
배송조회

*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배

'; + } else if (buttonType == "button_type_2") { + buttonText = '
웹링크
'; + } else if (buttonType == "button_type_3") { + buttonText = '
앱링크
'; + } else if (buttonType == "button_type_4") { + buttonText = '
봇키워드
'; + } else if (buttonType == "button_type_5") { + buttonText = '
메시지전달
'; + } else if (buttonType == "button_type_6") { + buttonText = '
상담톡전환
'; + } else if (buttonType == "button_type_7") { + buttonText = '
챗봇전환
'; + } else {} $(".button_add_wrap").prepend(buttonText); } -function buttonTypeDel(btn){ - - var btnIndex = $(btn).closest(".button_type_wrap").index(); //선택한 삭제 버튼의 Index값 받아오기 +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(){ +function fn_loadAddActive() { $('.loading_layer').addClass('active'); } -function fn_loadRemoveActive(){ +function fn_loadRemoveActive() { $('.loading_layer').removeClass('active'); } -function fn_excelLoadAddActive(){ +function fn_excelLoadAddActive() { $('.loading_execl_layer').addClass('active'); } -function fn_excelLoadRemoveActive(){ +function fn_excelLoadRemoveActive() { $('.loading_execl_layer').removeClass('active'); } @@ -1684,63 +1732,63 @@ var start, change; var progressInterval = null; // 전역 변수로 타이머 ID 관리 function progressStart(time) { - // 기존 타이머 정지 및 초기화 - if (progressInterval !== null) { - clearInterval(progressInterval); // 이전 타이머 정지 - progressInterval = null; // 타이머 ID 초기화 - } - resetProgressBar(); // 프로그레스바 초기화 + // 기존 타이머 정지 및 초기화 + if (progressInterval !== null) { + clearInterval(progressInterval); // 이전 타이머 정지 + progressInterval = null; // 타이머 ID 초기화 + } + resetProgressBar(); // 프로그레스바 초기화 - // 프로그레스바 보이기 - $(".progress_bar_wrap").css("display", "flex"); + // 프로그레스바 보이기 + $(".progress_bar_wrap").css("display", "flex"); - // 프로그레스바 요소 가져오기 - var timeText = document.querySelector(".time_text"); - var bar = document.querySelector(".change_bar"); + // 프로그레스바 요소 가져오기 + var timeText = document.querySelector(".time_text"); + var bar = document.querySelector(".change_bar"); - // 초기 상태 설정 - var width = 1; - var totalTime = time * 1000; // 총 실행 시간 (밀리초) - var cmpWid = totalTime / 100; // width 증가 간격 (밀리초) + // 초기 상태 설정 + var width = 1; + var totalTime = time * 1000; // 총 실행 시간 (밀리초) + var cmpWid = totalTime / 100; // width 증가 간격 (밀리초) - // 새 타이머 시작 - progressInterval = setInterval(changeWidth, cmpWid); + // 새 타이머 시작 + progressInterval = setInterval(changeWidth, cmpWid); - function changeWidth() { - if (width >= 100) { - // 프로그레스바 100% 도달 - clearInterval(progressInterval); // 타이머 종료 - progressInterval = null; // 타이머 ID 초기화 + function changeWidth() { + if (width >= 100) { + // 프로그레스바 100% 도달 + clearInterval(progressInterval); // 타이머 종료 + progressInterval = null; // 타이머 ID 초기화 - timeText.innerHTML = "100%"; + timeText.innerHTML = "100%"; - setTimeout(function () { - // 100% 표시 후 "잠시만 기다려주세요" 변경 - timeText.innerHTML = "잠시만 기다려주세요..."; - $(".time_text").addClass("animation"); - }, 1000); - } else { - // 프로그레스바 진행 - width++; - bar.style.width = width + "%"; - timeText.innerHTML = width + "%"; - } - } + 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(); + $(".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 가져오기 + // var width = parseInt($(".time_text").text().replace('%', '')) || 0; // 현재 width 가져오기 $(".progress_bar_wrap").hide(); /* @@ -1821,4 +1869,4 @@ function progressComplete() { clearInterval(start); // 프로그레스바 시작 멈추기 -}*/ +}*/ \ No newline at end of file diff --git a/src/main/webapp/publish/kakao_friendtalk_add.html b/src/main/webapp/publish/kakao_friendtalk_add.html index 1f60a3b9..d1120bf0 100644 --- a/src/main/webapp/publish/kakao_friendtalk_add.html +++ b/src/main/webapp/publish/kakao_friendtalk_add.html @@ -24,6 +24,7 @@ + @@ -37,112 +38,7 @@ 본문 바로가기 - - -
- -
-
- - -
-
- -
-
-

문자온 CI

- -
- 문자검색 - - -
-
- -
-
-
- - - -
-
-

인기검색어

- -
- -
-
- -
- - - -
- - +
@@ -153,15 +49,14 @@
    • -
    • +

    • 카카오톡 설정

    - +
    @@ -178,7 +73,7 @@

    친구톡 템플릿 등록

    - + @@ -186,6 +81,7 @@ @@ -193,8 +89,10 @@ @@ -204,48 +102,57 @@ -
    -

    * 이미지 첨부 안내

    -
      -
    • - 권장사이즈 : 720px * 720px
      • -
    • - 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가
      • -
    • - 파일형식 : jpg, png (최대 500kb)
      • -
    • - 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.
      • -
    -
    -
    -

    * 와이드 이미지 첨부 안내

    -
      -
    • - 권장사이즈 : 800px * 600px
      • - -
    • - 파일형식 : jpg, png (최대 2mb)
      • -
    • - 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.
      • -
    -
    - -
    - -
      -
    • -

      image_testtest.jpg

      - -
      • -
    • -

      이미지 클릭시 이동할 URL

      - -
      • -
    -
    - - +
    +

    * 이미지 첨부 안내

    +
      +
    • - 권장사이즈 : 800px * 400px
      • +
    • - 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가
      • +
    • - 파일형식 : jpg, png (최대 5MB)
      • +
    • - 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.
      • +
    + +
      +
    • + +
      +

      image_testtest.jpg

      + +
      +
      • +
    • +

      이미지 클릭시 이동할 URL

      + +
      • +
    +
    +
    +

    * 와이드 이미지 첨부 안내

    +
      +
    • - 권장사이즈 : 800px * 600px
      • +
    • - 파일형식 : jpg, png (최대 5MB)
      • +
    • - 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.
      • +
    +
      +
    • + +
      +

      이미지 없음

      + +
      +
      • +
    • +

      이미지 클릭시 이동할 URL

      + +
      • +
    +
    @@ -260,7 +167,7 @@
    -
    +

    수신거부 : 홈 > 채널차단

    @@ -271,8 +178,7 @@
    - +
    특수문자 @@ -499,14 +405,11 @@
    - +
    - +
    @@ -521,31 +424,137 @@ #{4}
    - +
    - +
    - ※ - ☆ - ★ - ○ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    - +
    -
    - -
    +
    -
    @@ -556,13 +565,8 @@
    + + + + + +
    채널ID
    템플릿명 - -

    최대 100자, 중복불가

    +
    + + +
    광고포함 여부 - - + +
    @@ -630,13 +634,12 @@
    -

    @munjaon

    +

    @munjaon

    (광고) munjaon

    -
    +

    홍길동 고객님 안녕하세요. 문자온입니다. 문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.

    diff --git a/src/main/webapp/publish/kakao_friendtalk_send.html b/src/main/webapp/publish/kakao_friendtalk_send.html index f727b048..020f8c32 100644 --- a/src/main/webapp/publish/kakao_friendtalk_send.html +++ b/src/main/webapp/publish/kakao_friendtalk_send.html @@ -6,8 +6,7 @@ 문자온_친구톡 전송 - + @@ -24,11 +23,17 @@ + + + @@ -37,112 +42,9 @@ 본문 바로가기
    - - -
    - -
    -
    - - -
    -
    - -
    -
    -

    문자온 CI

    - -
    - 문자검색 - - -
    -
    - -
    -
    -
    - - - -
    -
    -

    인기검색어

    - -
    - -
    -
    - -
    - - - -
    - - + +
    +
    @@ -153,14 +55,14 @@
    • -
    • +
    • - +

    친구톡 전송

    - +
    @@ -174,78 +76,88 @@
    		채널ID
    템플릿명 +
    + + +
    +
    이미지 첨부 - - - -
    -

    * 이미지 첨부 안내

    -
      -
    • - 권장사이즈 : 720px * 720px
      • -
    • - 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가
      • -
    • - 파일형식 : jpg, png (최대 500kb)
      • -
    • - 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.
      • -
    - -
      -
    • + + + + + + +
      +

      * 이미지 첨부 안내

      +
        +
      • - 권장사이즈 : 800px * 400px
        • +
      • - 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가
        • +
      • - 파일형식 : jpg, png (최대 5MB)
        • +
      • - 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.
        • +
      + +
        +
      • + +

        image_testtest.jpg

        - -
        • -
      • -

        이미지 클릭시 이동할 URL

        - -
        • -
      -
      -
      -

      * 와이드 이미지 첨부 안내

      -
        -
      • - 권장사이즈 : 800px * 600px
        • - -
      • - 파일형식 : jpg, png (최대 2mb)
        • -
      • - 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.
        • -
      - -
        -
      • -

        image_testtest.jpg

        - -
        • -
      • -

        이미지 클릭시 이동할 URL

        - -
        • -
      -
      + +
    + +
  • +

    이미지 클릭시 이동할 URL

    + +
    • + + +
    +

    * 와이드 이미지 첨부 안내

    +
      +
    • - 권장사이즈 : 800px * 600px
      • +
    • - 파일형식 : jpg, png (최대 5MB)
      • +
    • - 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.
      • +
    +
      +
    • + +
      +

      이미지 없음

      + +
      +
      • +
    • +

      이미지 클릭시 이동할 URL

      + +
      • +
    +
    광고포함 여부 - - + +
    내용
    -

    (광고) munjaon

    @@ -253,7 +165,7 @@
    -
    +

    수신거부 : 홈 > 채널차단

    @@ -264,8 +176,7 @@
    - +
    특수문자 @@ -492,14 +403,11 @@
    - +
    - +
    @@ -514,143 +422,138 @@ #{4}
    - +
    - +
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    - +
    -
    - -
    +
    - +
    @@ -661,18 +564,11 @@
    		- -

    * 버튼 타입중 봇키워드, 메시지전달은 카카오톡 채널 관리자센터(https://center-pf.kakao.com)에서 설정을 직접 한 후 - 이용하셔야 동작합니다. (최대 5개까지 등록가능)

    + +
    -
    -
    - ※ - ☆ - ★ - ○ - ● - ◎ - ◇ - ◆ - □ - ■ - △ - ▲ - ▽ - ▼ - → - ← - ↑ - ↓ - ↔ - 〓 - ◁ - ♪ - ◀ - ▷ - ▶ - ♤ - ♠ - ♡ - ♥ - ♧ - ♣ - ⊙ - ◈ - ▣ - ◐ - ◑ - ▒ - ▦ - ♨ - ☏ - ☎ - ☞ - ☜ - ㈜ - ™ - ℡ - ㆀ - ε - 『 - 』 - ⓛ - ∏ - ご - ♂ - ↗ - ↙ - ↖ - ↘ - ψ -
    -
    - - - -
    -
    - ⌒⌒ - ^_^ - ^0^ - s(￣▽￣)/ - (/^^)/ - ^o^~♬ - ^.~ - ^-^b - ^▽^ - ^ε^ - (^^)γ - (~^^)~ - ☆(~.^)/ - (*^o^*) - n_n - ↖(^▽^)↗ - (￣∇￣) - (*^.^)♂ - *^^* - ㅎ.ㅎ - =^.^= - ^▽^ - ~_~ - (=^▽^)/♪ -
    -
    - - - -
    -
    - (づ_T) - (ㅠ.ㅠ) - (#_-) - o(T^T)o - ㅠ.ㅠ - (-_-メ) - Y.Y - TmT - ご.ご - (=_=;) - ⊇.⊆ - (o_Φ) - ∋.∈ - (___)_ - (-.￥) - @_O - ●⊙ - (♨_♨) - (X_X) - Θ_Θ - (∏.∏) - (づ_ど) - (￣^￣) -
    -
    - - - -
    -
    - Θ_Θ - =-_-a - ('o') - (｀へ´) - (-ヘㅡメ)凸 - ⊙⊙ㆀ - ⊙.⊙ - ㅡㅡ+ - (`o´)y - づºДº)つ - O_O - (@.@) - ★.★ - (;￢_￢) - ┏(;-_-)┛ - ┏(-_-メ)┓ - (><ㆀ)/ - --メ凸 - (`_)乂(_′) - (-_-)c+_=) -
    -
    - - - -
    -
    - ♥.♥ - ^o^~♬ - (*^}{^*) - ⓛⓞⓥⓔ - (*_*) - (♡.♡) - ε♡₃ε♥ - (*..)(..*) - (~.^)s - ☞♡☜ - *♥o♥* - (/^o^)/♡ - @-m-m-- - =>>------▷♡ - (*^^)σ(^_^) - (*^-^)♡(^o^*) - (づ^.^)づ~♡ - ＼(*^▽^*)ノ - *⌒З^)^.⌒*) - (づ￣³￣)づ~ - (づ￣³￣)づ - (^*^)kiss - (*'-⌒*)ⓥ - s(￣▽￣)/ -
    -
    - - - -
    -
    - <:3)-- - (^(oo)^) - (:::[ - ]:::) - [(￣.￣)]zZ - (``)(``) - (T(oo)T) - (^.^)=O)#.#) - ?‥…─━★ - (__)zzz - (=ㅅ)=333 - <(>.<ㆀ)> - >(/////)< - ((ど( - ^0^ - )つ)) - ■■■■■□90% - (￣_￣>-(^▽^;) - ∑⊙)++333=◀ - (ノ^_^)ノ~~⑩ - (^▽^)/＼(^_^) - (*.*)@==(`.`) - (っㅡㅡ)つ━● - (``)( - :)(..)(: - (``) -
    -
    - - -
    - -
    - -
    -
    -
    - 특정문구 일괄변환이란? -

    주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 - 내용의 메시지를 발송하는 기능

    -
    -
    #{이름}
    -
    - #{1} - #{2} - #{3} - #{4} -
    -
    - -
    -
    - - +
    - - +
    @@ -1182,24 +813,30 @@
    -

    @munjaon

    +

    @munjaon

    (광고) munjaon

    -
    +

    홍길동 고객님 안녕하세요. 문자온입니다. 문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.

    - +

    수신거부 : 홈 > 채널차단

    ※ 단말기 설정에 따라 다르게 보일 수 있습니다

    - +

    + + +

    미리보기

    + + +
    +
    @@ -1276,8 +913,8 @@
    -
    - +
    + \ No newline at end of file