tolag3/mjon_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2023/10/13 재전송 버튼 및 팝업

Browse Source
This commit is contained in:
kmg 2023-10-13 18:29:48 +09:00
parent 2e34fa8a47
commit aab28ce0f8
4 changed files with 119 additions and 209 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

298
src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
View File

@ -3180,8 +3180,8 @@ $(".btn_event_cash").off().on("click", function(){
</div> </div>
</div> </div>
<!-- 재전송 문자내용 팝업 data-tooltip: rev_popup01 작업중--> <!-- 재전송 : 상세내용 팝업 -->
<div class="tooltip-wrap" style="z-index:999;"> <div class="tooltip-wrap" style="z-index:110;">
<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01" <div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01"
data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;"> data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">
<div class="popup_heading"> <div class="popup_heading">
@ -3194,6 +3194,9 @@ $(".btn_event_cash").off().on("click", function(){
<div class="rev_pop_middle clearfix"> <div class="rev_pop_middle clearfix">
<span>발송일시 : 2021-05-28 16:52:30</span> <span>발송일시 : 2021-05-28 16:52:30</span>
<span class="msg_com msg_photo">MMS</span> <span class="msg_com msg_photo">MMS</span>
<!-- 장문, 단문 일때
<span class="msg_com msg_long">LMS</span>
<span class="msg_com msg_short">SMS</span>-->
</div> </div>
<div class="rev_pop_txt"> <div class="rev_pop_txt">
<ul> <ul>
@ -3211,218 +3214,107 @@ $(".btn_event_cash").off().on("click", function(){
</div> </div>
</div> </div>
<div class="popup_btn_wrap2" style="justify-content: center;"> <div class="popup_btn_wrap2" style="justify-content: center;">
<button type="button" class="tooltip-close" data-focus="rev_popup01-close" <button type="button" class="tooltip-close" data-focus="rev_popup01-close" data-focus-next="rev_popup01">닫기</button>
data-focus-next="rev_popup01">닫기</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!--// 재전송 문자내용 팝업 --> <!--// 재전송 : 상세내용 팝업 -->
<!-- 재전송 팝업 -->
<!-- 재전송 작업중--> <div class="tooltip-wrap">
<div class="tooltip-wrap"> <div class="popup-com import_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close">
<div class="popup-com import_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close"> <div class="popup_heading">
<div class="popup_heading">
<p><span>전송내역</p> <p><span>전송내역</p>
<button type="button" class="tooltip-close" data-focus="popup05-close" id="btnLatestAddPhoneClose"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> <button type="button" class="tooltip-close" data-focus="popup05-close" id="btnLatestAddPhoneClose"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<!-- 전송내역 불러오기 -->
<div class="tb_wrap" style="min-height:400px;">
<table class="tType4">
<colgroup>
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
</colgroup>
<thead>
<tr>
<th>발송일시
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>형태
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>발송방식
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>내용</th>
<th>받는사람
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>발신번호
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>발송건수
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>재전송 선택 </th>
</tr>
</thead>
<tbody>
<tr>
<td>2023-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup01" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2023-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup01" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
</tbody>
</table>
</div> </div>
<div class="layer_in"> <!--// 전송내역 불러오기 -->
<!-- 전송내역 불러오기 --> <!-- pagination -->
<ul class="pagination">
<div class="tb_wrap" style="min-height:400px;"> <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt="첫페이지"></button></li>
<table class="tType4"> <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
<colgroup> <li class="on"><button>1</button></li>
<col style=""> <li><button>2</button></li>
<col style=""> <li><button>3</button></li>
<col style=""> <li><button>4</button></li>
<col style=""> <li><button>5</button></li>
<col style=""> <li><button>6</button></li>
<col style=""> <li><button>7</button></li>
<col style=""> <li><button>8</button></li>
<col style=""> <li><button>9</button></li>
</colgroup> <li><button>10</button></li>
<thead> <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
<tr> <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt="마지막페이지"></button></li>
<th>발송일시 </ul><!-- pagination -->
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" <div class="popup_btn_wrap2">
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" <button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05">닫기</button>
alt="내림차순으로 분류"></button></div>
</th>
<th>형태
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
</th>
<th>발송방식
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
</th>
<th>내용</th>
<th>받는사람
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
</th>
<th>발신번호
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
</th>
<th>발송건수
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
</th>
<th>재전송 선택
</th>
</tr>
</thead>
<tbody>
<tr>
<td>2023-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup01" type="button">상세보기</button>
</td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" type="button">상세보기</button>
<div class="history_hover">
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
</div>
</td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" type="button">상세보기</button>
</td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" type="button">상세보기</button>
</td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
</tbody>
</table>
</div>
<!--// 전송내역 불러오기 -->
<!-- pagination -->
<ul class="pagination">
<li class="page_first"><button><img src="/publish/images/content/page_first.png"
alt="첫페이지"></button></li>
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png"
alt=""></button></li>
<li class="on"><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
<li><button>5</button></li>
<li><button>6</button></li>
<li><button>7</button></li>
<li><button>8</button></li>
<li><button>9</button></li>
<li><button>10</button></li>
<li class="page_next"><button><img src="/publish/images/content/page_next.png"
alt=""></button></li>
<li class="page_last"><button><img src="/publish/images/content/page_last.png"
alt="마지막페이지"></button></li>
</ul><!-- pagination -->
<div class="popup_btn_wrap2">
<button type="button" class="tooltip-close" data-focus="popup02-close" data-focus-next="popup02">닫기</button>
</div>
</div> </div>
</div> </div>
</div> </div>
<!--// 재전송 --> </div>
<!--// 재전송 팝업 -->
<div class="tooltip-wrap"> <div class="tooltip-wrap">

1
src/main/webapp/WEB-INF/jsp/web/msgsent/MsgSentReadyListAjax.jsp
View File

@ -186,6 +186,7 @@ $(document).ready(function(){
</td> </td>
<td> <td>
<button class="btnType btnType20" data-tooltip="rev_popup01" onClick="javascript:fnRevDetailPop('${resultAllSentList.msgGroupId}','${resultAllSentList.msgId}','${resultAllSentList.fileCnt}'); return false;">상세보기</button> <button class="btnType btnType20" data-tooltip="rev_popup01" onClick="javascript:fnRevDetailPop('${resultAllSentList.msgGroupId}','${resultAllSentList.msgId}','${resultAllSentList.fileCnt}'); return false;">상세보기</button>
<button class="btnType btnType24" type="button">재전송</button> <!-- 버튼추가 -->
</td> </td>
<td> <td>
<c:choose> <c:choose>

3
src/main/webapp/publish/css/button.css
View File

@ -74,12 +74,13 @@ textarea:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-we
.btnType18 {background-color: #fff; color: #002c9a; width: 145px; height: 50px; border: 1px solid #002c9a; font-size: 18px;} .btnType18 {background-color: #fff; color: #002c9a; width: 145px; height: 50px; border: 1px solid #002c9a; font-size: 18px;}
.btnType18:hover {border: 1px solid #002788;color: #002788;} .btnType18:hover {border: 1px solid #002788;color: #002788;}
.btnType19{border: 1px solid #d5d5d5;border-radius: 5px; background-color: #fff;height: 50px;padding: 0 16px; margin-right: 2px;} .btnType19{border: 1px solid #d5d5d5;border-radius: 5px; background-color: #fff;height: 50px;padding: 0 16px; margin-right: 2px;}
.btnType20{border: 1px solid #d5d5d5; height: 28px; width: 70px; font-size: 14px; font-weight: 400; color: #555; line-height: 1.5;} .btnType20{border: 1px solid #d5d5d5; height: 28px; width: 70px; font-size: 14px; font-weight: 400; color: #555; line-height: 1.5; margin:3px 0 0 0;}
.btnType21 {height:36px;padding:0 14px;color:#222;background-color:#f8bd0e;} .btnType21 {height:36px;padding:0 14px;color:#222;background-color:#f8bd0e;}
.btnType21:hover {background-color:#eea301;} .btnType21:hover {background-color:#eea301;}
.btnType22 {height:28px;padding:0 12px;font-size:14px;color:#222;background-color:#f8bd0e; font-weight:500;} .btnType22 {height:28px;padding:0 12px;font-size:14px;color:#222;background-color:#f8bd0e; font-weight:500;}
.btnType22:hover {background-color:#eea301;} .btnType22:hover {background-color:#eea301;}
.btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/ .btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/
.btnType24 {background:#fff; border: 1px solid #8697c2; color: #002c9a; height: 28px; width: 70px; font-size: 14px; font-weight: 400; line-height: 1.5; margin:3px 0;} /*재사용 버튼*/
/* 기타 반복 사용 */ /* 기타 반복 사용 */
/* 기타 버튼 타입 */ /* 기타 버튼 타입 */

22
src/main/webapp/publish/js/popupLayer.js
View File

@ -47,6 +47,7 @@ function tooltip() {
$('[data-tooltip="' + t + '"]').focus(); $('[data-tooltip="' + t + '"]').focus();
} }
$(document) $(document)
.on('click', openBtn, function (e) { .on('click', openBtn, function (e) {
// 팝업 클릭 시 data-tooltip 속성 불러오기 // 팝업 클릭 시 data-tooltip 속성 불러오기
@ -130,7 +131,7 @@ function tooltip() {
.on('click', closeBtn, function (e) { .on('click', closeBtn, function (e) {
e.preventDefault(); e.preventDefault();
close($(this).data('activeTarget')); close($(this).data('activeTarget'));
$("body").find(".mask").removeClass("on"); //$("body").find(".mask").removeClass("on");
$("body").css("overflow","inherit"); $("body").css("overflow","inherit");
wrapWindowByMask(); wrapWindowByMask();
@ -138,7 +139,13 @@ function tooltip() {
if($(".popup01").length != 0){ if($(".popup01").length != 0){
$("#customPopup").empty(); $("#customPopup").empty();
customPopup(); customPopup();
} }else{}
// 팝업이 보이고 있으면 마스크 노출/미노출
// 레이어 팝업 2개 뜰 경우
if($(".popup-com").is(":visible") !== true){
$(".mask").removeClass("on");
}else{}
}) })
} }
@ -228,7 +235,11 @@ function miniPopup(item){
} }
if($(item).is(".btn_close") == true){ if($(item).is(".btn_close") == true){
$(item).parent("div").removeClass("on") $(item).parent("div").removeClass("on");
$(item).parent("div").find("a").removeClass("on");
$(item).parent("div").find("a:first-child").addClass("on");
$(item).parent("div").find(".cnt_character").removeClass("on");
console.log($(item).parent("div"));
} }
} }
@ -244,3 +255,8 @@ function miniPopup(item){
$(item).parent(".spc_character, .convers").removeClass("on"); $(item).parent(".spc_character, .convers").removeClass("on");
} }
}*/ }*/