카카오 친구톡 상세 화면 개발 중
This commit is contained in:
rosewiper
parent
ce2835a4cb
commit
762de3060d
@ -96,6 +96,8 @@ public class KakaoFriendsTalkTemplateController {
|
||||
return "redirect:/web/user/login/login.do";
|
||||
}
|
||||
|
||||
model.addAttribute("loginVO", loginVO);
|
||||
|
||||
try {
|
||||
|
||||
//사용자 등록 발신프로필 정보 조회해오기
|
||||
@ -472,4 +474,55 @@ public class KakaoFriendsTalkTemplateController {
|
||||
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";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -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 -->
|
||||
@ -297,15 +297,15 @@ function fnTemplateDelBtn(templateId){
|
||||
}
|
||||
|
||||
//알림톡 상세보기 화면 호출
|
||||
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 @@ function fnGoSampleTemplate(){
|
||||
<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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user