이지우 - 사용자 알림톡/친구톡 발송결과 상세화면 미리보기, 요금사용내역 상세보기 팝업 수정

This commit is contained in:
JIWOO 2025-08-27 16:28:27 +09:00
parent 39f63e611b
commit b3d0419100
2 changed files with 349 additions and 270 deletions

View File

@ -4,127 +4,167 @@
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<% pageContext.setAttribute("newLineChar", "\n"); %> <% pageContext.setAttribute("newLineChar", "\n"); %>
<div class="phone"> <div class="phone">
<!-- 탭스타일 --> <!-- 탭스타일 -->
<div class="list_tab_wrap2 type5 kakao_rev_tab"> <div class="list_tab_wrap2 type5 kakao_rev_tab">
<ul class="tabType3" id="tabType" name="tabType"> <ul class="tabType3" id="tabType" name="tabType">
<li class="tab active"><button type="button" onclick="phoneTab(this,'1');" title="선택됨">카카오톡</button></li> <li class="tab active"><button type="button" onclick="phoneTab(this,'1');" title="선택됨">카카오톡</button></li>
<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}"> <c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
<li class="tab"><button type="button" onclick="phoneTab(this,'2');">대체문자</button></li> <li class="tab"><button type="button" onclick="phoneTab(this,'2');">대체문자</button></li>
</c:if> </c:if>
</ul> </ul>
</div> </div>
<!--// 탭스타일 --> <!--// 탭스타일 -->
<!-- 카카오 알림톡 미리보기 --> <!-- 카카오 미리보기 -->
<!-- <div class="tab_phone current" id="tab_phone_1"> --> <!-- <div class="tab_phone current" id="tab_phone_1"> -->
<!-- <div class="phone_kakako friendtalk"> --> <!-- <div class="phone_kakako friendtalk"> -->
<div class="tab_phone current kakao_wrap" id="tab_phone_1"> <div class="tab_phone current kakao_wrap" id="tab_phone_1">
<div class="phone_kakako friendtalk"> <!-- 알림톡 미리보기 -->
<div class="phoneIn"> <c:if test="${msgType eq '8'}">
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt=""><c:out value="${searchVO.yellowId}"/></p> <div class="phone_kakako">
<!-- 텍스트 미리보기 --> <div class="phoneIn">
<div class="text_preview"> <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt=""></p>
<%--< div class="allimtalk_title"> <!-- 텍스트 미리보기 -->
<img src="/publish/images/content/icon_allimtalk.png" alt=""> <div class="text_preview">
<c:choose> <div class="allimtalk_title">
<c:when test="${msgType eq '8'}">알림톡 도착</c:when> <img src="/publish/images/content/icon_allimtalk.png" alt="">
<c:when test="${msgType eq '9'}">친구톡 도착</c:when> 알림톡 도착
</c:choose> </div>
</div> --%> <div class="allimtalk_content">
<c:if test="${resultMsgDetail.adFlag eq 'Y'}"> <c:choose>
<p class="friend_talk_title"><span>(광고)</span></p> <c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'TEXT'}">
</c:if> <p class="emphasis_side_text"><c:out value="${kakaoTemplateInfo.templateSubtitle}"/></p>
<div class="allimtalk_content"> <p class="emphasis_title_text"><c:out value="${kakaoTemplateInfo.templateTitle}"/></p>
<c:choose> </c:when>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'TEXT'}"> <c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'IMAGE'}">
<p class="emphasis_side_text"><c:out value="${kakaoTemplateInfo.templateSubtitle}"/></p> <div class="kakao_image">
<p class="emphasis_title_text"><c:out value="${kakaoTemplateInfo.templateTitle}"/></p> <img src="<c:url value='${kakaoTemplateInfo.templateImageUrl}'/>" alt="">
</c:when> </div>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'IMAGE'}"> </c:when>
<div class="kakao_image"> </c:choose>
<img src="<c:url value='${kakaoTemplateInfo.templateImageUrl}'/>" alt="">
</div> <p class="template_text">
</c:when> <c:out value="${fn:replace(fn:replace(kakaoTemplateInfo.templateContent, newLineChar, '<br/>'), newLineChar2, '<br/>')}" escapeXml="false"/>
</c:choose> </p>
<p class="template_text"> <c:choose>
<c:out value="${fn:replace(fn:replace(kakaoTemplateInfo.templateContent, newLineChar, '<br/>'), newLineChar2, '<br/>')}" escapeXml="false"/> <c:when test="${kakaoTemplateInfo.templateMessageType eq 'EX'}">
</p> <p class="side_info_text"><c:out value="${kakaoTemplateInfo.templateExtra}"/></p>
</c:when>
<c:choose> <c:when test="${kakaoTemplateInfo.templateMessageType eq 'AD'}">
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'EX'}"> <p class="channel_info_text"><c:out value="${kakaoTemplateInfo.templateAd}"/></p>
<p class="side_info_text"><c:out value="${kakaoTemplateInfo.templateExtra}"/></p> </c:when>
</c:when> </c:choose>
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'AD'}">
<p class="channel_info_text"><c:out value="${kakaoTemplateInfo.templateAd}"/></p> <c:forEach var="templatInfoButtonList" items="${kakaoTemplateInfo.buttonList}" varStatus="status">
</c:when> <c:choose>
</c:choose> <c:when test="${templatInfoButtonList.name eq '채널 추가'}">
<button type="button" class="btn_kakao_channel"><img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가</button>
<c:forEach var="templatInfoButtonList" items="${kakaoTemplateInfo.buttonList}" varStatus="status"> </c:when>
<c:choose> <c:otherwise>
<c:when test="${templatInfoButtonList.name eq '채널 추가'}"> <button type="button" class="btn_kakao_type"><c:out value="${templatInfoButtonList.name}"/></button>
<button type="button" class="btn_kakao_channel"><img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가</button> </c:otherwise>
</c:when> </c:choose>
<c:otherwise> </c:forEach>
<button type="button" class="btn_kakao_type"><c:out value="${templatInfoButtonList.name}"/></button> </div>
</c:otherwise>
</c:choose> </div>
</c:forEach> </div>
</div> <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
</div>
<c:if test="${resultMsgDetail.adFlag eq 'Y'}"> </c:if>
<p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
</c:if> <!-- 친구톡 미리보기 -->
<c:if test="${msgType eq '9'}">
</div> <div class="phone_kakako friendtalk">
</div> <div class="phoneIn">
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p> <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt=""><c:out value="${searchVO.yellowId}"/></p>
</div> <!-- 텍스트 미리보기 -->
</div> <div class="text_preview">
<!--// 카카오 알림톡 미리보기 --> <c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="friend_talk_title"><span>(광고)</span></p>
</c:if>
<div class="allimtalk_content">
<c:choose>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'TEXT'}">
<p class="emphasis_side_text"><c:out value="${kakaoTemplateInfo.templateSubtitle}"/></p>
<p class="emphasis_title_text"><c:out value="${kakaoTemplateInfo.templateTitle}"/></p>
</c:when>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'IMAGE'}">
<div class="kakao_image">
<img src="<c:url value='${kakaoTemplateInfo.templateImageUrl}'/>" alt="">
</div>
</c:when>
</c:choose>
<p class="template_text">
<c:out value="${fn:replace(fn:replace(kakaoTemplateInfo.templateContent, newLineChar, '<br/>'), newLineChar2, '<br/>')}" escapeXml="false"/>
</p>
<c:choose>
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'EX'}">
<p class="side_info_text"><c:out value="${kakaoTemplateInfo.templateExtra}"/></p>
</c:when>
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'AD'}">
<p class="channel_info_text"><c:out value="${kakaoTemplateInfo.templateAd}"/></p>
</c:when>
</c:choose>
<c:forEach var="templatInfoButtonList" items="${kakaoTemplateInfo.buttonList}" varStatus="status">
<c:choose>
<c:when test="${templatInfoButtonList.name eq '채널 추가'}">
<button type="button" class="btn_kakao_channel"><img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가</button>
</c:when>
<c:otherwise>
<button type="button" class="btn_kakao_type"><c:out value="${templatInfoButtonList.name}"/></button>
</c:otherwise>
</c:choose>
</c:forEach>
</div>
<c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
</c:if>
</div>
</div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
</div>
</c:if>
</div>
<!--// 카카오 미리보기 -->
<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}"> <c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
<!-- 문자 미리보기 --> <!-- 문자 미리보기 -->
<div class="tab_phone" id="tab_phone_2" style="display: none;position:relative;"> <div class="tab_phone" id="tab_phone_2" style="display: none;position:relative;">
<!-- <div class="tab_phone" id="tab_phone_2" > --> <!-- <div class="tab_phone" id="tab_phone_2" > -->
<!-- <div class="tab_phone" id="tab_phone_2" style="display:none" > --> <!-- <div class="tab_phone" id="tab_phone_2" style="display:none" > -->
<div class="phoneIn"> <div class="phoneIn">
<div> <div>
<p class="prev_p"><img src="/publish/images/search.png"> 문자내용</p> <p class="prev_p"><img src="/publish/images/search.png"> 문자내용</p>
<div class="text_length2 clearfix"> <div class="text_length2 clearfix">
<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}"> <c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
<c:choose> <c:choose>
<c:when test="${resultMsgDetail.bizKakaoResendType eq 'SMS'}"> <c:when test="${not empty fileInfos}">
<span class="msg_com msg_short">단문</span> <span class="msg_com msg_photo">그림</span>
</c:when> </c:when>
<c:otherwise> <c:otherwise>
<span class="msg_com msg_long">장문</span> <c:choose>
</c:otherwise> <c:when test="${resultMsgDetail.bizKakaoResendType eq 'SMS'}">
</c:choose> <span class="msg_com msg_short">단문</span>
<%-- <c:choose> </c:when>
<c:when test="${resultMsgDetail.bizKakaoResendTypeCnt > 1}"> <c:otherwise>
<span class="msg_com msg_short">단문</span> <span class="msg_com msg_long">장문</span>
<span class="msg_com msg_long">장문</span> </c:otherwise>
</c:when> </c:choose>
<c:when test="${resultMsgDetail.bizKakaoResendTypeCnt < 2 </c:otherwise>
&& resultMsgDetail.bizKakaoResendType eq 'SMS'}"> </c:choose>
<span class="msg_com msg_short">단문</span> </c:if>
</c:when>
<c:otherwise>
<span class="msg_com msg_long">장문</span>
</c:otherwise>
</c:choose> --%>
</c:if>
<!-- <div>
<span>글자크기</span>
<button type="button" onclick="changeFontSize('plus');"><img src="/publish/images/content/font_plus.png"></button>
<button type="button" onclick="changeFontSize('minus');"><img src="/publish/images/content/font_minus.png"></button>
</div> -->
</div> </div>
<div class="text_preview"> <div class="text_preview">
<c:if test="${not empty fileInfos}"> <c:if test="${not empty fileInfos}">
<div class="preiew_img"> <div class="preiew_img">
<c:forEach var="fileInfo" items="${fileInfos}"> <c:forEach var="fileInfo" items="${fileInfos}">
<div class="img_box"> <div class="img_box">
@ -133,23 +173,22 @@
</c:forEach> </c:forEach>
</div> </div>
</c:if> </c:if>
<div class="preview_auto"> <div class="preview_auto">
<c:if test="${resultMsgDetail.adFlag eq 'Y'}"> <c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="ad_tit">(광고)</p> <p class="ad_tit">(광고)</p>
</c:if> </c:if>
<p class="realtime">${fn:replace(resultMsgDetail.bizKakaoResendOrgnlTxt, newLineChar, "<br/>")}</p> <p class="realtime">${fn:replace(resultMsgDetail.bizKakaoResendOrgnlTxt, newLineChar, "<br/>")}</p>
<c:if test="${resultMsgDetail.adFlag eq 'Y'}"> <c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="deny_receipt">무료거부 0808800858</p> <p class="deny_receipt">무료거부 0808800858</p>
</c:if> </c:if>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p> <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
</div> </div>
</c:if> </c:if>
<!--// 문자 미리보기 --> <!--// 문자 미리보기 -->
</div> </div>

View File

@ -6,158 +6,198 @@
<% pageContext.setAttribute("newLineChar", "\n"); %> <% pageContext.setAttribute("newLineChar", "\n"); %>
<div class="phone"> <div class="phone">
<!-- 탭스타일 --> <!-- 탭스타일 -->
<div class="list_tab_wrap2 type5 kakao_rev_tab"> <div class="list_tab_wrap2 type5 kakao_rev_tab">
<ul class="tabType3" id="tabType" name="tabType"> <ul class="tabType3" id="tabType" name="tabType">
<li class="tab active"><button type="button" onclick="phoneTab(this,'1');" title="선택됨">카카오톡</button></li> <li class="tab active"><button type="button" onclick="phoneTab(this,'1');" title="선택됨">카카오톡</button></li>
<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}"> <c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
<li class="tab"><button type="button" onclick="phoneTab(this,'2');">대체문자</button></li> <li class="tab"><button type="button" onclick="phoneTab(this,'2');">대체문자</button></li>
</c:if> </c:if>
</ul> </ul>
</div> </div>
<!--// 탭스타일 --> <!--// 탭스타일 -->
<!-- 카카오 알림톡 미리보기 --> <div class="tab_phone current kakao_wrap" id="tab_phone_1">
<div class="tab_phone current kakao_wrap" id="tab_phone_1"> <!-- 카카오 알림톡 미리보기 -->
<div class="phone_kakako friendtalk"> <c:if test="${msgType eq '8'}">
<div class="phoneIn"> <div class="phone_kakako">
<div class="rev_pop_middle clearfix"> <div class="phoneIn">
<fmt:parseDate value="${resultMsgDetail.reqDate}" var="parsedDate" pattern="yyyy-MM-dd HH:mm:ss.S"/> <div class="rev_pop_middle clearfix">
<span>발송일시 : <fmt:formatDate value="${parsedDate}" pattern="yyyy-MM-dd HH:mm:ss"/></span> <fmt:parseDate value="${resultMsgDetail.reqDate}" var="parsedDate" pattern="yyyy-MM-dd HH:mm:ss.S"/>
<span class="msg_com msg_allimtalk"> <span>발송일시 : <fmt:formatDate value="${parsedDate}" pattern="yyyy-MM-dd HH:mm:ss"/></span>
<c:choose> <span class="msg_com msg_allimtalk">
<c:when test="${msgType eq '8'}">알림톡</c:when> 알림톡
<c:when test="${msgType eq '9'}">친구톡</c:when> </span>
</c:choose>
</span>
</div>
<!-- 텍스트 미리보기 -->
<div class="rev_pop_txt">
<div class="text_preview">
<div class="allimtalk_title">
<img src="/publish/images/content/icon_allimtalk.png" alt="">
<c:choose>
<c:when test="${msgType eq '8'}">알림톡 도착</c:when>
<c:when test="${msgType eq '9'}">친구톡 도착</c:when>
</c:choose>
</div>
<div class="allimtalk_content">
<c:choose>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'TEXT'}">
<p class="emphasis_side_text"><c:out value="${kakaoTemplateInfo.templateSubtitle}"/></p>
<p class="emphasis_title_text"><c:out value="${kakaoTemplateInfo.templateTitle}"/></p>
</c:when>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'IMAGE'}">
<div class="kakao_image">
<img src="<c:url value='${kakaoTemplateInfo.templateImageUrl}'/>" alt="">
</div>
</c:when>
</c:choose>
<c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="friend_talk_title"><span>(광고)</span></p>
</c:if>
<p class="template_text">
<c:out value="${fn:replace(fn:replace(kakaoTemplateInfo.templateContent, newLineChar, '<br/>'), newLineChar2, '<br/>')}" escapeXml="false"/>
</p>
<c:choose>
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'EX'}">
<p class="side_info_text"><c:out value="${kakaoTemplateInfo.templateExtra}"/></p>
</c:when>
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'AD'}">
<p class="channel_info_text"><c:out value="${kakaoTemplateInfo.templateAd}"/></p>
</c:when>
</c:choose>
<c:forEach var="templatInfoButtonList" items="${kakaoTemplateInfo.buttonList}" varStatus="status">
<c:choose>
<c:when test="${templatInfoButtonList.name eq '채널 추가'}">
<button type="button" class="btn_kakao_channel"><img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가</button>
</c:when>
<c:otherwise>
<button type="button" class="btn_kakao_type"><c:out value="${templatInfoButtonList.name}"/></button>
</c:otherwise>
</c:choose>
</c:forEach>
</div>
<c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
</c:if>
</div>
</div>
</div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
</div>
</div>
<!--// 카카오 알림톡 미리보기 -->
<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
<!-- 문자 미리보기 -->
<div class="tab_phone" id="tab_phone_2" style="display: none;position:relative;">
<!-- <div class="tab_phone" id="tab_phone_2" > -->
<!-- <div class="tab_phone" id="tab_phone_2" style="display:none" > -->
<div class="phoneIn">
<div>
<div class="text_length2 clearfix">
<span>발송일시 : <fmt:formatDate value="${parsedDate}" pattern="yyyy-MM-dd HH:mm:ss"/></span>
<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
<c:choose>
<c:when test="${resultMsgDetail.bizKakaoResendType eq 'SMS'}">
<span class="msg_com msg_short" style="float:right;">단문</span>
</c:when>
<c:otherwise>
<span class="msg_com msg_long" style="float:right;">장문</span>
</c:otherwise>
</c:choose>
<%-- <c:choose>
<c:when test="${resultMsgDetail.bizKakaoResendTypeCnt > 1}">
<span class="msg_com msg_short" style="float:right;">단문</span>
<span class="msg_com msg_long" style="float:right;">장문</span>
</c:when>
<c:when test="${resultMsgDetail.bizKakaoResendTypeCnt < 2
&& resultMsgDetail.bizKakaoResendType eq 'SMS'}">
<span class="msg_com msg_short" style="float:right;">단문</span>
</c:when>
<c:otherwise>
<span class="msg_com msg_long" style="float:right;">장문</span>
</c:otherwise>
</c:choose> --%>
</c:if>
<!-- <div>
<span>글자크기</span>
<button type="button" onclick="changeFontSize('plus');"><img src="/publish/images/content/font_plus.png"></button>
<button type="button" onclick="changeFontSize('minus');"><img src="/publish/images/content/font_minus.png"></button>
</div> -->
</div> </div>
<div class="text_preview"> <!-- 텍스트 미리보기 -->
<c:if test="${not empty fileInfos}"> <div class="rev_pop_txt">
<div class="preiew_img"> <div class="text_preview">
<c:forEach var="fileInfo" items="${fileInfos}"> <div class="allimtalk_title">
<div class="img_box"> <img src="/publish/images/content/icon_allimtalk.png" alt="">
<img src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${fileInfo.atchFileId}"/>&fileSn=<c:out value="${fileInfo.fileSn}"/>" alt="발송된 그림문자 미리보기" style="width: 100%"> 알림톡 도착
</div>
<div class="allimtalk_content">
<c:choose>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'TEXT'}">
<p class="emphasis_side_text"><c:out value="${kakaoTemplateInfo.templateSubtitle}"/></p>
<p class="emphasis_title_text"><c:out value="${kakaoTemplateInfo.templateTitle}"/></p>
</c:when>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'IMAGE'}">
<div class="kakao_image">
<img src="<c:url value='${kakaoTemplateInfo.templateImageUrl}'/>" alt="">
</div> </div>
</c:when>
</c:choose>
<p class="template_text">
<c:out value="${fn:replace(fn:replace(kakaoTemplateInfo.templateContent, newLineChar, '<br/>'), newLineChar2, '<br/>')}" escapeXml="false"/>
</p>
<c:choose>
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'EX'}">
<p class="side_info_text"><c:out value="${kakaoTemplateInfo.templateExtra}"/></p>
</c:when>
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'AD'}">
<p class="channel_info_text"><c:out value="${kakaoTemplateInfo.templateAd}"/></p>
</c:when>
</c:choose>
<c:forEach var="templatInfoButtonList" items="${kakaoTemplateInfo.buttonList}" varStatus="status">
<c:choose>
<c:when test="${templatInfoButtonList.name eq '채널 추가'}">
<button type="button" class="btn_kakao_channel"><img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가</button>
</c:when>
<c:otherwise>
<button type="button" class="btn_kakao_type"><c:out value="${templatInfoButtonList.name}"/></button>
</c:otherwise>
</c:choose>
</c:forEach>
</div>
</div>
</div>
</div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
</div>
</c:if>
<c:if test="${msgType eq '9'}">
<!-- 카카오 친구톡 미리보기 -->
<div class="phone_kakako friendtalk">
<div class="phoneIn">
<div class="rev_pop_middle clearfix">
<fmt:parseDate value="${resultMsgDetail.reqDate}" var="parsedDate" pattern="yyyy-MM-dd HH:mm:ss.S"/>
<span>발송일시 : <fmt:formatDate value="${parsedDate}" pattern="yyyy-MM-dd HH:mm:ss"/></span>
<span class="msg_com msg_allimtalk">
친구톡
</span>
</div>
<!-- 텍스트 미리보기 -->
<div class="rev_pop_txt">
<div class="text_preview">
<c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="friend_talk_title"><span>(광고)</span></p>
</c:if>
<div class="allimtalk_content">
<c:choose>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'TEXT'}">
<p class="emphasis_side_text"><c:out value="${kakaoTemplateInfo.templateSubtitle}"/></p>
<p class="emphasis_title_text"><c:out value="${kakaoTemplateInfo.templateTitle}"/></p>
</c:when>
<c:when test="${kakaoTemplateInfo.templateEmphasizeType eq 'IMAGE'}">
<div class="kakao_image">
<img src="<c:url value='${kakaoTemplateInfo.templateImageUrl}'/>" alt="">
</div>
</c:when>
</c:choose>
<p class="template_text">
<c:out value="${fn:replace(fn:replace(kakaoTemplateInfo.templateContent, newLineChar, '<br/>'), newLineChar2, '<br/>')}" escapeXml="false"/>
</p>
<c:choose>
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'EX'}">
<p class="side_info_text"><c:out value="${kakaoTemplateInfo.templateExtra}"/></p>
</c:when>
<c:when test="${kakaoTemplateInfo.templateMessageType eq 'AD'}">
<p class="channel_info_text"><c:out value="${kakaoTemplateInfo.templateAd}"/></p>
</c:when>
</c:choose>
<c:forEach var="templatInfoButtonList" items="${kakaoTemplateInfo.buttonList}" varStatus="status">
<c:choose>
<c:when test="${templatInfoButtonList.name eq '채널 추가'}">
<button type="button" class="btn_kakao_channel"><img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가</button>
</c:when>
<c:otherwise>
<button type="button" class="btn_kakao_type"><c:out value="${templatInfoButtonList.name}"/></button>
</c:otherwise>
</c:choose>
</c:forEach> </c:forEach>
</div> </div>
</c:if>
<div class="preview_auto"> <c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
</c:if>
</div>
</div>
</div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
</div>
</c:if>
</div>
<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
<!-- 문자 미리보기 -->
<div class="tab_phone" id="tab_phone_2" style="display: none;position:relative;">
<!-- <div class="tab_phone" id="tab_phone_2" > -->
<!-- <div class="tab_phone" id="tab_phone_2" style="display:none" > -->
<div class="phoneIn">
<div>
<div class="text_length2 clearfix">
<span>발송일시 : <fmt:formatDate value="${parsedDate}" pattern="yyyy-MM-dd HH:mm:ss"/></span>
<c:choose>
<c:when test="${not empty fileInfos}">
<span class="msg_com msg_photo" style="float:right;">그림</span>
</c:when>
<c:otherwise>
<c:choose>
<c:when test="${resultMsgDetail.bizKakaoResendType eq 'SMS'}">
<span class="msg_com msg_short" style="float:right;">단문</span>
</c:when>
<c:otherwise>
<span class="msg_com msg_long" style="float:right;">장문</span>
</c:otherwise>
</c:choose>
</c:otherwise>
</c:choose>
</div>
<div class="text_preview">
<div class="rev_pop_txt">
<c:if test="${not empty fileInfos}">
<div class="preiew_img">
<c:forEach var="fileInfo" items="${fileInfos}">
<div class="img_box">
<img src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${fileInfo.atchFileId}"/>&fileSn=<c:out value="${fileInfo.fileSn}"/>" alt="발송된 그림문자 미리보기" style="width: 100%">
</div>
</c:forEach>
</div>
</c:if>
<c:if test="${resultMsgDetail.adFlag eq 'Y'}"> <c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="ad_tit">(광고)</p> <p class="ad_tit">(광고)</p>
</c:if> </c:if>
<p class="realtime">${fn:replace(resultMsgDetail.bizKakaoResendOrgnlTxt, newLineChar, "<br/>")}</p> <p class="realtime">${fn:replace(resultMsgDetail.smsTxt, newLineChar, "<br/>")}</p>
<c:if test="${resultMsgDetail.adFlag eq 'Y'}"> <c:if test="${resultMsgDetail.adFlag eq 'Y'}">
<p class="deny_receipt">무료거부 0808800858</p> <p class="deny_receipt">무료거부 0808800858</p>
</c:if> </c:if>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p> <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
</div> </div>
</c:if> </c:if>
<!--// 문자 미리보기 --> <!--// 문자 미리보기 -->
</div> </div>