rosewiper 2024-01-04
카카오 친구톡 상세 화면 개발 중
@762de3060d59c954f11ce1300eb1af92288e4e58
src/main/java/itn/let/kakao/user/kakaoFt/web/KakaoFriendsTalkTemplateController.java
--- src/main/java/itn/let/kakao/user/kakaoFt/web/KakaoFriendsTalkTemplateController.java
+++ src/main/java/itn/let/kakao/user/kakaoFt/web/KakaoFriendsTalkTemplateController.java
@@ -96,6 +96,8 @@
 			return "redirect:/web/user/login/login.do";
 		}
 		
+		model.addAttribute("loginVO", loginVO);
+		
 		try {
 			
 			//사용자 등록 발신프로필 정보 조회해오기
@@ -472,4 +474,55 @@
 		return modelAndView;
 	}
 	
+	
+	/** 
+	 * @methodName	: selectKakaoFriendsTemplateDataDetail 
+	 * @author		: 우영두
+	 * @date		: 2024.01.04 
+	 * @description	: selectKakaoFriendsTemplateDataDetail 카카오 친구톡 템플릿 상세 화면
+	 * @param kakaoVO
+	 * @param model
+	 * @param response
+	 * @return
+	 * @throws Exception 
+	 */
+	@RequestMapping(value= {"/web/mjon/kakao/template/selectKakaoFriendsTemplateDataDetail.do"})
+	public String selectKakaoFriendsTemplateDataDetail(
+			@ModelAttribute("kakaoVO")  KakaoVO kakaoVO, ModelMap model, HttpServletResponse response
+			) throws Exception {
+		
+		LoginVO loginVO = EgovUserDetailsHelper.isAuthenticated()? (LoginVO)EgovUserDetailsHelper.getAuthenticatedUser():null;
+		String userId = loginVO == null ? "" : EgovStringUtil.isNullToString(loginVO.getId());
+		if(userId == "") {
+			return "redirect:/web/user/login/login.do";
+		}
+		
+		model.addAttribute("loginVO", loginVO);
+		
+		try {
+			
+			//사용자 등록 발신프로필 정보 조회해오기
+			kakaoVO.setUserId(userId);
+			List<KakaoVO> resultProfileList = kakaoApiService.selectKakaoProfileList(kakaoVO);
+			model.addAttribute("resultProfileList", resultProfileList);
+			
+			// 특수문자 리스트 불러오기
+			MjonSymbolVO symbolVO = new MjonSymbolVO();
+			List<MjonSymbolVO> symbolList = mjonSymbolService.selectMjonSymbolList(symbolVO);
+			model.addAttribute("symbolList", symbolList);
+			
+			
+			
+			System.out.println("++++++++++++++++++ templateCode ::: "+kakaoVO.getTemplateCode());
+			System.out.println("++++++++++++++++++ senderKey ::: "+kakaoVO.getSenderKey());
+			
+		} catch (Exception e) {
+			System.out.println(" selectKakaoFriendsTemplateDataDetail Error ::: " + e);
+		}
+		
+		
+		
+		return "/web/kakao/template/ft/KakaoFriendstalkTemplateDetail";
+	}
+	
 }
 
src/main/webapp/WEB-INF/jsp/web/kakao/template/ft/KakaoFriendstalkTemplateDetail.jsp (added)
+++ src/main/webapp/WEB-INF/jsp/web/kakao/template/ft/KakaoFriendstalkTemplateDetail.jsp
@@ -0,0 +1,993 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>
+<script src="/js/MJUtill.js"></script>
+<script src="/js/kakao/templateComm.js"></script>
+<script type="text/javascript">
+
+/* 파일등록 */
+var _fileIdx = 0;
+var _fileForm2 = new Array();
+var fileExt = ""; // 첨부파일 확장자
+
+$(document).ready(function (){
+	
+	//첫로딩시 우측 미리보기 화면 숨김처리
+	$('.emphasis_title_text').hide();	//강조유형 타이틀
+	$('.emphasis_side_text').hide();	//강조유형 보조문구
+	//$('.template_text').hide();			//내용 미리보기
+	$('.side_info_text').hide();		//부가정보 내용
+	$('.channel_info_text').hide();		//채널추가 텍스트 내용
+	$('.btnAd').hide();					//샘플 채널추가 버튼
+	$('.btnEmpty').hide();				//샘플 버튼
+	
+	//템플릿명 입력 글자수 체크 해주기
+	$("#inputTemplateName").keyup(function(e){
+		
+		var contents = $('#inputTemplateName').val();
+		var conLeng = strMaxCharacterCnt(contents);
+		
+		if(conLeng > 100){
+			
+			alert("템플릿명은 100자를 넘을 수 없습니다.");
+			var splicecon = strMaxLengthSubstring(contents, 99);
+			 $('#inputTemplateName').val(splicecon);
+			return false;
+			
+		}
+		
+	});
+	
+	//템플릿 내용 입력 글자수 체크 해주기
+	$("#inputTemplateContent").keyup(function(e){
+		
+		var contents = $('#inputTemplateContent').val();
+		console.log(contents);
+		setContentsLengForFriends(contents);
+		
+	});
+	
+});
+
+//--------------첨부파일 처리 함수 시작--------------------------
+
+/* 파일사이즈 가져오기 */
+function getStrFileSize(filesize){
+	var sizeStr="";
+	var sizeKB = filesize/1024;
+	if(parseInt(sizeKB) > 1024){
+	    var sizeMB = sizeKB/1024;
+	    sizeStr = sizeMB.toFixed(2)+" MB";
+	}else{
+	    sizeStr = sizeKB.toFixed(2)+" KB";
+	}
+	return sizeStr;
+}
+
+//첨부 이미지 정보 확인 처리 해주기(이미지 리사이징 전단계)
+function imgResizeInfo(event){
+	
+	var fileValue = $("#imgFile").val().split("\\");
+	var fileName = fileValue[fileValue.length-1];
+	
+	var fileExt = fileName.split('.').pop().toLowerCase();
+
+	if(fileExt.length > 0){
+		if($.inArray(fileExt, ['jpg','jpeg','png']) == -1) {
+			alert('jpg, jpeg, png 파일만 업로드 할수 있습니다.');
+			return false;
+	   	}
+	   
+		$("#imgNm").text(fileName); 
+	}
+	
+	//알림톡 이미지 등록 요청하기
+	getTemplateImagUrl();
+}
+
+//파일첨부 버튼 클릭시 파일 첨부 실행
+function upImgClick(){
+	
+	var selectChennelID = $("select[name='selectAgentCode']").val();	//채널ID 정보
+	var imageType = $("input[name=img_file_add]:checked").val();		//이미지 종류 정보(일반, 와이드)
+	var title = $("#imgTitle").val();
+	var link = $("#imgLink").val();
+	
+	if(selectChennelID == ''){
+		
+		$("#imgNm").text("");
+		$("#imgFile").val("");
+		alert("채널ID를 선택해 주세요.");
+		return false;
+		
+	}
+	
+	if(imageType != ''){
+		
+		bizForm.imageType.value = imageType;
+		
+	}else{
+		
+		$("#imgNm").text("");
+		$("#imgFile").val("");
+		alert("이미지 종류를 선택해 주세요.");
+		return false;
+		
+	}
+	
+	if(title == ''){
+		
+		$("#imgNm").text("");
+		$("#imgFile").val("");
+		alert("이미지 제목을 입력해 주세요.");
+		return false;
+		
+	}
+	
+	//이미지 선택시 링크 정보 및 url 패턴 검사
+	if(link == ''){
+		
+		$("#imgNm").text("");
+		$("#imgFile").val("");
+		alert("이미지 클릭시 이동할 URL 주소를 http:// 또는 https:// 포함하여 입력해 주세요.");
+		return false;
+		
+	}else{
+		
+		if(link.search("http://") == -1 && link.search("https://") == -1){
+			
+			$("#imgNm").text("");
+			$("#imgFile").val("");
+			alert("이미지 URL 주소에는 http:// 또는 https://를 포함하여 입력해야 합니다.");
+			return false;
+			
+		}
+		
+	}
+	
+	//첨부파일 선택 팝업 호출해주기
+	$("#imgFile").click();
+	
+}
+
+//카카오 친구톡 이미지 등록 요청 API 호출해주기
+function getTemplateImagUrl(){
+	
+	var bizForm = document.bizForm;
+	
+	var data = new FormData(bizForm);
+	var atchFileSts = true;	//첨부파일 갯수 상태 값1
+	
+	data.append("file0", $('#imgFile').prop('files')[0]);
+	
+	var fileValue = $("#imgFile").val().split("\\");
+	var fileName = fileValue[fileValue.length-1];
+	
+	var fileExt = fileName.split('.').pop().toLowerCase();
+	
+	if($.inArray(fileExt, ['jpg','jpeg', 'png']) == -1) {
+
+		alert('jpg, jpeg 파일만 업로드 할수 있습니다.');
+		return false;
+
+   	}
+	
+	var url = "";
+	
+	if(fileExt == "jpg" || fileExt == "jpeg" || fileExt == "png"){
+		
+		url = "/web/mjon/kakao/template/sendKakaoFriendsTemplateImageUploadAjax.do";
+		
+	}else{
+		
+		alert('jpg, jpeg 파일만 업로드 할수 있습니다.');
+		return;
+		
+	}
+	
+	$.ajax({
+		type : 'POST'
+		, enctype : 'multipart/form-data'
+		, url : url
+		, data : data
+		, dataType:'json'
+		, async:true
+		, processData: false
+		, contentType: false
+		, cache : false
+		, success : function(returnData, status){
+			if(returnData.result == "success") {
+				
+				var code = returnData.code;
+				var msg = returnData.msg;
+				var imgUrl = returnData.imgUrl;
+				
+				if(code == "200"){//등록 성공시 메시지 및 이미지 표시 처리
+					alert("이미지 등록이 완료 되었습니다.");
+					$("#templateImageName").val(fileName);
+					$("#templateImageUrl").val(imgUrl);
+				
+					$('.kakao_image').css("display", "block");
+					$("#kakaoImg").attr("src", imgUrl);
+					
+				}else if(code == "2002"){//일반 이미지 가로 세로 크기 오류 발생
+					
+					alert("권장 이미지 사이즈는  가로 720px 세로 720px(가로:세로 비율이 2:1 아닐 경우, 가로 500px, 세로 250px 이하일 경우 업로드 불가), 최대용량 500KB 입니다.");
+					
+					//첨부파일 정보를 지워준다.
+					$("#imgFile").val("");
+				    $("#imgNm").text("");  
+					return false;
+					
+				}else if(code == "405"){
+					
+					alert("권장 이미지 사이즈는  가로 800px 세로 600px(가로:세로 비율이 2:1 아닐 경우, 가로 500px, 세로 250px 이하일 경우 업로드 불가), 최대용량 2MB 입니다.");
+					
+					//첨부파일 정보를 지워준다.
+					$("#imgFile").val("");
+				    $("#imgNm").text("");  
+					return false;
+					
+				}else{
+					
+					alert(msg);
+					
+					//첨부파일 정보를 지워준다.
+					$("#imgFile").val("");
+				    $("#imgNm").text(""); 
+					return false;
+				}
+				
+			}else if(returnData.result == "loginFail"){
+				location.href="/web/user/login/login.do";
+			}else{
+				alert("이미지 등록 중 오류가 발생하였습니다.!!!");
+				return false;
+			}
+		},
+		beforeSend : function(xmlHttpRequest) {
+        	//로딩창 show
+        	$('.loading_layer').addClass('active');				
+		},	        	        
+        complete : function(xhr, textStatus) {
+        	//로딩창 hide
+        	$('.loading_layer').removeClass('active');
+		},
+		error : function(request , status, error){
+			alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+		}
+	});
+	
+	//첨부파일 이름 및 데이터 지워주기 - 완료 후 팝업이 자동으로 닫힘.
+	$("#imgFile").val("");
+    //$("#imgNm").val(""); 
+	
+}
+
+
+//발신 템플릿 등록
+function addTemplate(){
+	
+	var selectAgentCode = $("select[name='selectAgentCode']").val();	// 선택 채널ID
+	var yellowId = $("select[name='selectAgentCode'] option:selected").text().replaceAll('@','');			// 선택 채널명
+	var inputTemplateName = $("#inputTemplateName").val();				// 입력 템플릿 이름
+	var imageType = $("input[name=img_file_add]:checked").val();		// 첨부 이미지 종류(없음, 일반, 와이드 이미지)
+	var imageTitle = $("#imgTitle").val();								//첨부이미지 제목
+	var imageLink = $("#imgLink").val();								//첨부이미지 클릭시 이동 링크 주소
+	var inputTemplateAd = $("input[name=ad_flag]:checked").val();	// 광고성메시지 선택 여부
+	var inputTemplateContent = $("#inputTemplateContent").val();		// 템플릿 내용
+	
+	var inputTemplateImageName = $("#templateImageName").val();	// 템플릿 이미지 파일명
+	var inputTemplateImageUrl = $("#templateImageUrl").val();		// 템플릿 이미지 링크
+	
+	// 공통 유효성 검사 조회
+	if(selectAgentCode == null || selectAgentCode == ""){
+		alert("채널ID를 선택해 주세요");
+		return;
+	};
+	
+	if(inputTemplateName == null || inputTemplateName == ""){
+		alert("템플릿 명을 입력해 주세요");
+		$("#inputTemplateName").focus();
+		return;
+	};
+	
+	if(imageType == 'I' || imageType == 'W'){
+		
+		if(imageTitle == ''){
+			
+			alert("이미지 제목을 입력해 주세요.");
+			return false;
+			
+		}
+		
+		if(imageLink == ''){
+			
+			alert("이미지 클릭시 이동할 URL을 입력해 주세요.");
+			return false;
+			
+		}else{
+			
+			if(imageLink.search("http://") == -1 && imageLink.search("https://") == -1){
+				
+				alert("이미지 URL 주소에는 http:// 또는 https://를 포함하여 입력해야 합니다.");
+				return false;
+				
+			}
+			
+		}
+		
+	}
+	
+	
+	if(inputTemplateContent == null || inputTemplateContent == ""){
+		alert("템플릿 내용을 입력해 주세요.");
+		return;
+	};
+	
+	
+	
+	var bizForm = document.bizForm;
+	bizForm.senderKey.value = selectAgentCode;
+	bizForm.yellowId.value = yellowId;
+	bizForm.templateName.value = inputTemplateName;
+	bizForm.imageType.value = imageType;
+	bizForm.imgTitle.value = imageTitle
+	bizForm.imgLink.value = imageLink
+	bizForm.adFlag.value = inputTemplateAd;
+	bizForm.templateContent.value = inputTemplateContent;
+	
+	var data = new FormData(bizForm);
+	
+	if(confirm("템플릿을 저장하시겠습니까?")){
+		
+		$.ajax({
+			type: "POST"
+			, url: "/web/mjon/kakao/template/insertKakaoFriendsTemplateDataAjax.do"
+			, data: data
+			, dataType: 'json'
+			, async: false
+			, processData: false
+			, contentType: false
+			, cache: false
+			, success: function (returnData, status) {
+				
+				var result = returnData.result;
+				
+				if(result == "notLogin") {//차단 발신번호인 경우 등록 불가
+					alert("로그인후 진행이 가능합니다.");
+				}else if(returnData.result == "success") {
+					alert("템플릿 저장이 완료되었습니다.");
+					location.href="/web/mjon/kakao/template/selectKakaoFriendsTemplateList.do";
+					return false;
+				}else{
+					
+					alert("템플릿 저장에 오류가 발생하였습니다.");
+					return false;
+					
+				}
+			}
+			,error: function (e) {
+				console.log("ERROR : ", e);
+				alert("템플릿 저장에 오류가 발생하였습니다.");
+			}
+		});
+		
+	}
+	
+}
+
+function fnImageDel(){
+	
+	var selectAgentCode = $("select[name='selectAgentCode']").val();	// 선택 채널ID
+	var imageUrl = $("#templateImageUrl").val();
+	var bizForm = document.bizForm;
+	
+	bizForm.senderKey.value = selectAgentCode;
+	
+	if(imageUrl == ''){
+		
+		alert("등록된 이미지가 없습니다.");
+		return false;
+		
+	}
+	
+	var data = new FormData(bizForm);
+	
+	if(confirm("등록된 이미지를 삭제하시겠습니까?")){
+		
+		$.ajax({
+			type: "POST"
+			, url: "/web/mjon/kakao/template/deleteKakaoFriendsImageDataAjax.do"
+			, data: data
+			, dataType: 'json'
+			, async: false
+			, processData: false
+			, contentType: false
+			, cache: false
+			, success: function (returnData, status) {
+				
+				var result = returnData.result;
+				var code = returnData.code;
+				var msg = returnData.msg;
+				
+				if(result == "notLogin") {//차단 발신번호인 경우 등록 불가
+					alert("로그인후 진행이 가능합니다.");
+				}else if(returnData.result == "success") {
+					
+					if(code == "200"){
+						
+						alert("등록된 이미지가 삭제되었습니다.");
+						$("#imgTitle").val("");
+						$("#imgLink").val("");
+						$("#imgFile").val("");
+						$("#imgNm").text("첨부파일 이미지");
+						$("#templateImageUrl").val("");
+						$('.kakao_image').css("display", "none");
+						$("#kakaoImg").attr("src", "");
+						return false;
+						
+					}else{
+						
+						alert(msg);
+						return false;
+					}
+					
+					
+				}else{
+					
+					alert("이미지 삭제에 오류가 발생하였습니다.");
+					return false;
+					
+				}
+			}
+			,error: function (e) {
+				console.log("ERROR : ", e);
+				alert("이미지 삭제에 오류가 발생하였습니다.");
+			}
+		});
+		
+	}
+	
+}
+
+
+//알림톡 내용 초기화 해주기
+function fnContentsReset(){
+
+	$("#inputTemplateContent").val("");
+	$(".template_text").text("내용 미리보기");
+	
+	$('.nowChar').text("0 /");
+	
+}
+
+//우측 미리보기 화면 채널 아이디 정보 변경해 주기
+function fnAgentCodeChg(){
+	
+	var yellowIdVal = $("#selectAgentCode option:checked").val();
+	var yellowId = $("#selectAgentCode option:checked").text();
+	var yellowIdAt = yellowId.replaceAll('@','');
+	if(yellowIdVal != ''){
+		
+		$('#spnYellowid').text(yellowId);			//미리보기화면 채널ID
+		$('#spnYellowidAt').text(yellowIdAt);		//미리보기화면 채널ID @제거
+		$('#yellowIdCon').text(yellowIdAt);			//내용 입력 부분 채널ID 
+		
+		
+	}else{
+		
+		$('#spnYellowid').text("채널ID");		//미리보기화면 채널ID
+		$('#spnYellowidAt').text("채널ID");	//미리보기화면 채널ID @제거
+		$('#yellowIdCon').text("채널ID");		//내용 입력 부분 채널ID 
+	}
+	
+}
+
+$(document).on('change', 'input[name=img_file_add]', function(){
+	
+	var contents = $('#inputTemplateContent').val();
+	if(contents != ''){
+		setContentsLengForFriends(contents);
+	}
+	
+	$("#imgTitle").val("");
+	$("#imgLink").val("");
+	$("#imgFile").val("");
+	$("#imgNm").text("첨부파일 이미지");
+	$("#templateImageUrl").val("");
+	
+	
+})
+
+
+
+//광고성 정보 포함 선택에 따른 텍스트 표시 부분 처리
+$(document).on('change', '.inputAdFlag', function(){
+	
+	var adFlagVal = $(this).val();
+	if(adFlagVal == 'N'){//광고 표시 숨김처리
+		
+		$('.adFlag').hide();
+		$('.kakao_block_text').hide();
+		$('#adFlagFront').hide();
+		$('.adFlagAfter').hide();
+		
+	}else{
+		$('.adFlag').show();
+		$('.kakao_block_text').show();
+		$('#adFlagFront').show();
+		$('.adFlagAfter').show();
+	}
+	
+});
+
+//이모티콘 삽입 기능 처리
+$(document).on('click', '.symbolButton, .changeWord', function (){
+	//var templateContents = $('#inputTemplateContent').val();
+	//$('#inputTemplateContent').val(templateContents + $(this).attr("value"));
+
+	// 커서 위치에 삽입
+	setCursorInsertText("inputTemplateContent", $(this).attr("value"));
+	
+	setContentsLeng($('#inputTemplateContent').val());
+});
+
+</script>
+
+<!-- 로딩바 -->
+<div class="loading_layer">
+	<div class="loading_container">
+		<div class="bar"></div>
+		<div class="text">Loading</div>
+	</div>
+</div>
+
+<!-- content 영역 -->
+<div class="inner">
+    <!-- send top -->
+    <div class="send_top">
+        <!-- tab button -->
+        <%@include file="/WEB-INF/jsp/web/kakao/include/KaKaoAlimtalkTopMenuTap.jsp" %>
+        <!--// tab button -->
+        <!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
+        <div class="top_content kakaotalkset_cont current pay_tab_wrap">
+            <div class="heading">
+                <h2>카카오톡 설정</h2>
+                <button type="button" class="button info"
+                    onclick="window.open('popup_kakaoset_template.html','_blank','width=790, height=300, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">사용안내</button>
+            </div>
+            <div class="list_tab_wrap2 type2">
+                <!-- tab button -->
+                <%@include file="/WEB-INF/jsp/web/kakao/include/KaKaoAlimtalkSubMenuTap.jsp" %>
+                <!--// tab button -->
+            </div>
+            <form id="bizForm" name="bizForm" method="multipart/form-data">
+            <input type="hidden" id="menuTopTab" name="menuTopTab" value="tabConf">
+				<input type="hidden" id="menuSubTab" name="menuSubTab" value="tabSubFt">
+            	<input type="hidden" id="inputSenderKey" name="senderKey" value=""/>
+            	<input type="hidden" id="yellowId" name="yellowId" value=""/>
+            	<input type="hidden" id="templateName" name="templateName" value=""/>
+            	<input type="hidden" id="imageType" name="imageType" value=""/>
+            	<input type="hidden" id="imageTitle" name="imageTitle" value="">
+            	<input type="hidden" id="imageLink" name="imageLink" value="">
+            	<input type="hidden" id="adFlag" name="adFlag" value="">
+            	<input type="hidden" id="templateImageUrl" name="templateImageUrl" value="">
+            	<input type="hidden" id="templateContent" name="templateContent" value="">
+            	
+
+	            <div class="send_general friend_talk_wrap kakao_wrap">
+	                <div class="send_left">
+	                    <p class="tType1_title">친구톡 템플릿 상세</p>
+	                    <table class="tType1">
+	                        <colgroup>
+	                            <col style="width: 190px;">
+	                            <col style="width: auto;">
+	                        </colgroup>
+	                        <tbody>
+	                            <tr>
+	                                <th>채널ID</th>
+	                                <td>
+	                                    <select class="select_gray_type" name="selectAgentCode" id="selectAgentCode" onchange="javascript:fnAgentCodeChg();">
+	                                        <option value="">채널ID 선택</option>
+	                                        <c:forEach var="kakaoProfileInfo" items="${resultProfileList}" varStatus="status">
+												<option value="${kakaoProfileInfo.senderKey}"><c:out value='${kakaoProfileInfo.yellowId}'/></option>
+											</c:forEach>
+	                                    </select>
+	                                </td>
+	                            </tr>
+	                            <tr>
+	                                <th>템플릿명</th>
+	                                <td>
+	                                    <input type="text" class="template_name" id="inputTemplateName" name="inputTemplateName" placeholder="템플릿 명을 입력해주세요" maxLength="100">
+	                                    <p class="template_name_cf">최대 100자, 템플릿 관리용</p>
+	                                </td>
+	                            </tr>
+	                            <tr>
+	                                <th>이미지 첨부</th>
+	                                <td class="img_file_add_td">
+										<div class="img_sort_wrap">
+		                                    <input type="radio" name="img_file_add" id="img_file_0" value="" checked><label for="img_file_0">첨부 안함</label>
+		                                    <input type="radio" name="img_file_add" id="img_file_1" value="I"><label for="img_file_1">이미지 첨부</label>
+		                                    <input type="radio" name="img_file_add" id="img_file_2" value="W"><label for="img_file_2">와이드 이미지 첨부</label>
+		                                    <div class="img_add_info_wrap basic_img_add_wrap">
+		                                        <p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
+		                                        <ul class="info_text">
+		                                            <li>- 권장사이즈 : 720px * 720px</li>
+		                                            <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
+		                                            <li>- 파일형식 : jpg, png (최대 500kb)</li>
+		                                            <li>- 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.</li>
+		                                        </ul>
+		                                    </div>
+		                                    <div class="img_add_info_wrap wide_img_add_wrap">
+		                                        <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
+		                                        <ul class="info_text">
+		                                            <li>- 권장사이즈 : 800px * 600px</li>
+		                                            <!-- <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li> -->
+		                                            <li>- 파일형식 : jpg, png (최대 2mb)</li>
+		                                            <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
+		                                        </ul>
+		                                    </div>
+	                                    </div>
+	                                    <div class="img_file_add_wrap">
+	                                        <ul class="img_file_info_wrap">
+	                                            <li>
+	                                                <p>이미지 제목</p>
+	                                                <input type="text" id="imgTitle" name="imgTitle" class="img_url" maxLength="50">
+	                                            </li>
+	                                            <li>
+	                                                <p>이미지 클릭시 이동할 URL</p>
+	                                                <input type="text" id="imgLink" name="imgLink" placeholder="http://" class="img_url" maxLength="1000">
+	                                            </li>
+	                                            <li>
+	                                                <p class="file_name"  id="imgNm" name="imgNm">첨부파일 이미지</p>
+	                                                <input type="file" id="imgFile" accept=".jpg, .jpeg, .png" onchange="imgResizeInfo(event); return false;" style="display:none"/>
+	                                                <button type="button" class="btn_del btnImgDel" onclick="buttonTypeDel(this);">
+	                                                	<img src="/publish/images/btn_delete.png" id="imgDel" alt="이미지 삭제" onclick="fnImageDel();">
+	                                               	</button>
+	                                            </li>
+	                                        </ul>
+	                                        <button type="button" class="btnType btnType8 btn_img_upload" title="이미지 불러오기" onclick="javascript:upImgClick(); return false;">이미지 불러오기</button>
+                                        </div>
+	                                </td>
+	                            </tr>
+	                            <tr>
+	                                <th>광고포함 여부</th>
+	                                <td>
+	                                    <input type="radio" class="inputAdFlag" name="ad_flag" id="ad_Y" value="Y" checked><label for="ad_Y">광고성 정보
+	                                        포함</label>
+	                                    <input type="radio" class="inputAdFlag" name="ad_flag" id="ad_N" value="N"><label for="ad_N">포함 안함</label>
+	                                </td>
+	                            </tr>
+	                            <tr>
+	                                <th>내용</th>
+	                                <td class="kakao_template_text">
+	                                    <div class="put_left short">
+	                                        <!-- <input type="text" class="template_name"> -->
+	                                        <div class="put_text_wrap">
+	                                            <div class="ad_txt">
+	                                                <p><span id="adFlagFront">(광고)</span> <span id="yellowIdCon" >채널ID</span></p>
+	                                            </div>
+	                                            <label for="inputTemplateContent" class="label"></label>
+	                                            <textarea id="inputTemplateContent" name="inputTemplateContent" class="put_text" placeholder="내용을 입력해주세요."></textarea>
+	                                            <div class="text_length">
+	                                                <div>
+	                                                    <p class="adFlagAfter">수신거부 : 홈 > 채널차단</p>
+	                                                </div>
+	                                                <div>
+	                                                    <p><span class="fwMd nowChar">0 /</span><span class="c_002c9a fwMd totChar">1000</span>자</p>
+	                                                </div>
+	                                            </div>
+	                                        </div>
+	                                    </div>
+	                                    <div class="put_right">
+	                                        <div class="btn_popup_wrap">
+	                                            <button type="button" class="btnType btnType7"
+	                                                onclick="miniPopup(this)">특수문자</button>
+	                                            <div class="send_miniPop spc_character">
+	                                                <div class="tab_character">
+	                                                    <a href="#none" class="on">특수문자</a>
+	                                                    <a href="#none">웃음</a>
+	                                                    <a href="#none">슬픔</a>
+	                                                    <a href="#none">분노</a>
+	                                                    <a href="#none">사랑</a>
+	                                                    <a href="#none">그외</a>
+	                                                </div>
+	                                                <!-- 특수문자 -->
+	                                                <div class="cnt_character on">
+	                                                    <div class="box_character">
+	                                                        <c:forEach var="symbolList" items="${symbolList}" varStatus="status">
+																<c:if test="${symbolList.symbolType == 'D'}">
+																	<a href="javascript:void(0)" class="symbolButton" value="${symbolList.symbol}"><c:out value="${symbolList.symbol}"/></a>
+																</c:if>
+															</c:forEach>
+	                                                    </div>
+	                                                </div>
+	                                                <!-- //특수문자 -->
+	
+	                                                <!-- 웃음 -->
+	                                                <div class="cnt_character emt_character">
+	                                                    <div class="box_character">
+	                                                        <c:forEach var="symbolList" items="${symbolList}" varStatus="status">
+																<c:if test="${symbolList.symbolType == 'S'}">
+																	<a href="javascript:void(0)" class="symbolButton" value="${symbolList.symbol}">${symbolList.symbol}</a>
+																</c:if>
+															</c:forEach>
+	                                                    </div>
+	                                                </div>
+	                                                <!-- //웃음 -->
+	
+	                                                <!-- 슬픔 -->
+	                                                <div class="cnt_character emt_character">
+	                                                    <div class="box_character">
+	                                                        <c:forEach var="symbolList" items="${symbolList}" varStatus="status">
+																<c:if test="${symbolList.symbolType == 'C'}">
+																	<a href="javascript:void(0)" class="symbolButton" value="${symbolList.symbol}">${symbolList.symbol}</a>
+																</c:if>
+															</c:forEach>
+	                                                    </div>
+	                                                </div>
+	                                                <!-- //슬픔 -->
+	
+	                                                <!-- 분노 -->
+	                                                <div class="cnt_character emt_character">
+	                                                    <div class="box_character">
+	                                                        <c:forEach var="symbolList" items="${symbolList}" varStatus="status">
+																<c:if test="${symbolList.symbolType == 'A'}">
+																	<a href="javascript:void(0)" class="symbolButton" value="${symbolList.symbol}">${symbolList.symbol}</a>
+																</c:if>
+															</c:forEach>
+	                                                    </div>
+	                                                </div>
+	                                                <!-- //분노 -->
+	
+	                                                <!-- 사랑 -->
+	                                                <div class="cnt_character emt_character">
+	                                                    <div class="box_character">
+	                                                        <c:forEach var="symbolList" items="${symbolList}" varStatus="status">
+																<c:if test="${symbolList.symbolType == 'L'}">
+																	<a href="javascript:void(0)" class="symbolButton" value="${symbolList.symbol}">${symbolList.symbol}</a>
+																</c:if>
+															</c:forEach>
+	                                                    </div>
+	                                                </div>
+	                                                <!-- //사랑 -->
+	
+	                                                <!-- 그외 -->
+	                                                <div class="cnt_character emt_character emt_etc ">
+	                                                    <div class="box_character">
+	                                                        <c:forEach var="symbolList" items="${symbolList}" varStatus="status">
+																<c:if test="${symbolList.symbolType == 'E'}">
+																	<a href="javascript:void(0)" class="symbolButton" value="${symbolList.symbol}">${symbolList.symbol}</a>
+																</c:if>
+															</c:forEach>
+	                                                    </div>
+	                                                </div>
+	                                                <!-- //그외 -->
+	                                                <button type="button" class="btn_close"
+	                                                    onclick="miniPopup(this)">닫기</button>
+	                                            </div>
+	                                        </div>
+	                                        <div class="btn_popup_wrap convers_wrap">
+	                                            <button type="button" class="btnType btnType7"
+	                                                onclick="miniPopup(this)">특정문구 일괄변환<i
+	                                                    class="qmMark"></i></button>
+	                                            <div class="send_miniPop convers">
+	                                                <div>
+	                                                    <div class="convers_top">
+	                                                        <span>특정문구 일괄변환이란?</span>
+	                                                        <p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 내용의 메시지를 발송하는 기능</p>
+	                                                    </div>
+	                                                    <div class="convers_middle">
+	                                                    	<a href="javascript:void(0)" class="changeWord" value="\#{이름}"><c:out value="\#{이름}"/></a>
+                                                    	</div>
+	                                                    <div class="convers_bottom">
+	                                                        <a href="javascript:void(0)" class="changeWord" value="\#{1}"><c:out value="\#{1}"/></a>
+	                                                        <a href="javascript:void(0)" class="changeWord" value="\#{2}"><c:out value="\#{2}"/></a>
+	                                                        <a href="javascript:void(0)" class="changeWord" value="\#{3}"><c:out value="\#{3}"/></a>
+	                                                        <a href="javascript:void(0)" class="changeWord" value="\#{4}"><c:out value="\#{4}"/></a>
+	                                                    </div>
+	                                                </div>
+	                                                <button type="button" class="btn_close"
+	                                                    onclick="miniPopup(this)">닫기</button>
+	                                            </div>
+	                                        </div>
+	                                        <div class="btn_popup_wrap spc_wrap">
+	                                            <button type="button" class="btnType btnType7"
+	                                                onclick="miniPopup(this)">이모티콘</button>
+	                                            <div class="send_miniPop spc_character kakao_emoticon">
+	                                                <div class="cnt_character">
+	                                                    <div class="box_character">
+	                                                        <a href="javascript:void(0)" class="changeWord" value="(미소)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(윙크)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(방긋)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(반함)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(눈물)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(절규)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(크크)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(메롱)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(잘자)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(잘난척)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(헤롱)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(놀람)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(아픔)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(당황)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(풍선껌)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(버럭)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(부끄)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(궁금)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(흡족)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(깜찍)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(으으)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(민망)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(곤란)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(잠)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(행복)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(안도)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(우웩)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(외계인)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(외계인녀)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(공포)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(근심)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(악마)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(썩소)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(쳇)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(야호)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(좌절)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(삐침)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(하트)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(실연)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(별)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(브이)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(오케이)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(최고)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(최악)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(그만)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(땀)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(알약)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(밥)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(커피)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(맥주)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(소주)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(와인)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(치킨)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(축하)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(음표)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(선물)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(케이크)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(촛불)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(컵케이크a)'"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(컵케이크b)'"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(해)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(구름)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(비)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(눈)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(똥)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(근조)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(딸기)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(호박)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(입술)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(야옹)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(돈)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(담배)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(축구)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(야구)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(농구)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(당구)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(골프)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(카톡)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(꽃)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(총)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(크리스마스)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(콜)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(하트뿅)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(하하)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(우와)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(심각)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(힘듦)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(흑흑)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(아잉)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(찡긋)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(뿌듯)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(깜짝)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(빠직)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(짜증)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(제발)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(씨익)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(신나)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(헉)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(열받아)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(흥)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(감동)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(뽀뽀)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(멘붕)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(정색)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(쑥스)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(꺄아)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(좋아)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(굿)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(훌쩍)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(허걱)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(부르르)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(푸하하)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(발그레)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(수줍)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(컴온)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
+							                                <a href="javascript:void(0)" class="changeWord" value="(졸려)"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
+	                                                    </div>
+	                                                </div>
+	                                                <button type="button" class="btn_close"
+	                                                    onclick="miniPopup(this)">닫기</button>
+	                                            </div>
+	                                        </div>
+	                                        <div class="btn_popup_wrap template_call_wrap">
+	                                            <button type="button" class="btnType btnType8">템플릿 불러오기</button>
+	                                        </div>
+	                                        <div class="send_btnWrap">
+	                                            <!-- <button type="button" class="btnType btn_text_save">내용 저장하기</button> -->
+	                                            <button type="button" class="btnType btnType9" onclick="javascript:fnContentsReset();">초기화</button>
+	                                        </div>
+	                                    </div>
+	                                </td>
+	                            </tr>
+	                            <tr>
+	                                <th>버튼</th>
+	                                <td class="template_button">
+	                                    <select name="" id="" class="select_gray_type template_button_select">
+	                                        <option value="button_type_0">버튼타입 선택</option>
+	                                        <option value="button_type_1">배송조회</option>
+	                                        <option value="button_type_2">웹링크</option>
+	                                        <option value="button_type_3">앱링크</option>
+	                                        <option value="button_type_5">메시지전달</option>
+	                                        <%-- <option value="button_type_4">봇키워드</option>
+	                                        <option value="button_type_6">상담톡전환</option>
+	                                        <option value="button_type_7">챗봇전환</option> --%>
+	                                    </select>
+	                                    <button type="button" class="btnType btnType6" onclick="friendTemplateButtonAdd();">추가</button>
+	                                    <div class="button_add_wrap">
+	                                    </div>
+	                                </td>
+	                            </tr>
+	                        </tbody>
+	                    </table>
+	                </div>
+	                <div class="send_right">
+	                    <div class="phone">
+	                        <div class="phoneIn">
+	                            <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">
+	                            	<span id="spnYellowid">@채널ID</span>
+	                            </p>
+	                            <!-- 텍스트 미리보기 -->
+	                            <div class="text_preview">
+	                                <p class="friend_talk_title"><span class="adFlag">(광고)</span> <span id="spnYellowidAt">채널ID</span></p>
+	                                <div class="allimtalk_content">
+	                                    <div class="kakao_image"  style="display:none;">
+	                                    	<img src="" id="kakaoImg" alt="">
+	                                    </div>
+	                                    <p class="template_text">내용 미리보기</p>
+	                                    <div class="btnViewArea">
+	                                    	<button type="button" class="btn_kakao_type"  style="display:none;">문자온 바로가기</button>
+	                                	</div>
+	                                </div>
+	                                <p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
+	                                
+	                            </div>
+	                            <!-- //텍스트 미리보기 -->
+	                        </div>
+	                        <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
+                            <div class="phone_bottom">
+                                <div class="send_btn">
+                                    <button type="button" class="btnType btnType11" onclick="javascript:updateTemplate();">수정하기</button>
+                                    <button type="button" class="btnType btnType10"onclick="location.href='/web/mjon/kakao/template/selectKakaoFriendsTemplateList.do';">취소</button>
+                                </div>
+                            </div>
+	                    </div>
+	                </div>
+	            </div>
+            </form>
+        </div>
+    </div>
+</div>
+<!--// send top -->
src/main/webapp/WEB-INF/jsp/web/kakao/template/ft/KakaoFriendstalkTemplateList.jsp
--- src/main/webapp/WEB-INF/jsp/web/kakao/template/ft/KakaoFriendstalkTemplateList.jsp
+++ src/main/webapp/WEB-INF/jsp/web/kakao/template/ft/KakaoFriendstalkTemplateList.jsp
@@ -297,15 +297,15 @@
 }
 
 //알림톡 상세보기 화면 호출
-function fnTemplateDetail(templateCode){
+function fnTemplateDetail(friendId){
 	
 	var form = document.templateForm;
 	var selectAgentCode = $("select[name='selectAgentCode_select']").val();				// 선택 채널ID
 	
 	form.senderKey.value = selectAgentCode;
-	form.templateCode.value = templateCode;
+	form.friendId.value = friendId;
 	
-	form.action="/web/mjon/kakao/template/requestKakaoApiTemplateDetail.do";
+	form.action="/web/mjon/kakao/template/selectKakaoFriendsTemplateDataDetail.do";
 	form.submit();
 	
 }
@@ -359,7 +359,7 @@
 <form id="templateForm" name="templateForm" method="post">
 
 	<input type="hidden" id="inputSenderKey" name="senderKey" value=""/>
-	<input type="hidden" id="inputTemplateCode" name="templateCode" value=""/>
+	<input type="hidden" id="inputFriendId" name="friendId" value=""/>
 	<input type="hidden" id="arrTemplateCode" name="arrTemplateCode" value=""/>
 
 </form>
Add a comment
List