이지우 - 사용내역 내 알림톡 상세 팝업 수정

This commit is contained in:
JIWOO 2025-08-07 17:12:15 +09:00
parent cfbf2cc88e
commit 47b8d7668a

View File

@ -21,53 +21,64 @@
<div class="tab_phone current kakao_wrap" id="tab_phone_1">
<div class="phone_kakako">
<div class="phoneIn">
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt=""><c:out value="${resultMsgDetail.yellowId}"/></p>
<!-- 텍스트 미리보기 -->
<div class="text_preview">
<div class="allimtalk_title">
<img src="/publish/images/content/icon_allimtalk.png" alt="">
<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">
<c:choose>
<c:when test="${msgType eq '8'}">알림톡 도착</c:when>
<c:when test="${msgType eq '9'}">친구톡 도착</c:when>
<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>
<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>
</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>
<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>
@ -81,33 +92,35 @@
<div class="tab_phone" id="tab_phone_2" style="display:none" >
<div class="phoneIn">
<div>
<p class="prev_p"><img src="/publish/images/search.png"> 문자내용</p>
<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.bizKakaoResendTypeCnt > 1}">
<span class="msg_com msg_short">단문</span>
<span class="msg_com msg_long">장문</span>
<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">단문</span>
<span class="msg_com msg_short" style="float:right;">단문</span>
</c:when>
<c:otherwise>
<span class="msg_com msg_long">장문</span>
<span class="msg_com msg_long" style="float:right;">장문</span>
</c:otherwise>
</c:choose>
</c:if>
<div>
<!-- <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="preview_auto">
<p class="realtime">${fn:replace(resultMsgDetail.bizKakaoResendOrgnlTxt, newLineChar, "<br/>")}</p>
</div>
<div class="rev_pop_txt">
<div class="text_preview">
<div class="preview_auto">
<p class="realtime">${fn:replace(resultMsgDetail.bizKakaoResendOrgnlTxt, newLineChar, "<br/>")}</p>
</div>
</div>
</div>
</div>
</div>