rosewiper
2023-12-15
선거문자 20건 전체선택 및 페이징, 1명씩 선택 버튼 위치 조정 적용
@52a69ea8ea973e4c62481d4019f7b798220e2b58
--- src/main/webapp/WEB-INF/jsp/web/msgcampain/tw/MsgTWDataCallToListView.jsp
+++ src/main/webapp/WEB-INF/jsp/web/msgcampain/tw/MsgTWDataCallToListView.jsp
... | ... | @@ -29,7 +29,7 @@ |
| 29 | 29 |
</script> |
| 30 | 30 |
<div class="listType list"> |
| 31 | 31 |
<ul class="thead_ul table_ul"> |
| 32 |
- <li><div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div></li> |
|
| 32 |
+ <li><!-- <div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div> --></li> |
|
| 33 | 33 |
<li> |
| 34 | 34 |
번호 |
| 35 | 35 |
<!-- <button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button> |
... | ... | @@ -64,18 +64,26 @@ |
| 64 | 64 |
</c:choose> |
| 65 | 65 |
</ul> |
| 66 | 66 |
</div> |
| 67 |
-<div class="list_bottom clearfix"> |
|
| 68 |
- <c:if test="${not empty resultCallToList}">
|
|
| 69 |
- <ul class="pagination"> |
|
| 70 |
- <ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="fnCallToListPaging" />
|
|
| 71 |
- </ul> |
|
| 72 |
- </c:if> |
|
| 67 |
+<div class="list_bottom"> |
|
| 68 |
+ <c:choose> |
|
| 69 |
+ <c:when test="${not empty resultCallToList}">
|
|
| 70 |
+ <ul class="pagination"> |
|
| 71 |
+ <ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="fnCallToListPaging" />
|
|
| 72 |
+ </ul> |
|
| 73 |
+ </c:when> |
|
| 74 |
+ <c:otherwise> |
|
| 75 |
+ <ul class="pagination"> |
|
| 76 |
+ <li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li> |
|
| 77 |
+ </ul> |
|
| 78 |
+ </c:otherwise> |
|
| 79 |
+ </c:choose> |
|
| 73 | 80 |
<div class="list_bottom_right"> |
| 74 |
- <button type="button" class="btnType btn_gray fill" onclick="fnCallToListReset();">초기화</button> |
|
| 81 |
+ <button type="button" class="btnType btn_gray fill" id="checkAll" name="receipt_number_check" value="N">전체선택</button> |
|
| 82 |
+ <!-- <button type="button" class="btnType btn_gray fill" onclick="fnCallToListReset();">초기화</button> --> |
|
| 75 | 83 |
<div class="btn_popup_wrap"> |
| 76 | 84 |
<button type="button" class="btnType btn_yellow fill btn_check_one">1명씩 선택<i class="qmMark"></i></button> |
| 77 | 85 |
<div class="error_hover_cont send_hover_cont"> |
| 78 |
- <p style="line-height:1.3;">마우스를 누르고 있으면 받는사람을 연속적으로 20명까지 선택할 수 있습니다.</p> |
|
| 86 |
+ <p style="line-height:1.3;">마우스를 계속 누르고 있으면 받는 사람이 연속으로 선택됩니다.</p> |
|
| 79 | 87 |
</div> |
| 80 | 88 |
</div> |
| 81 | 89 |
</div> |
--- src/main/webapp/WEB-INF/jsp/web/msgcampain/tw/MsgTWDataSMLView.jsp
+++ src/main/webapp/WEB-INF/jsp/web/msgcampain/tw/MsgTWDataSMLView.jsp
... | ... | @@ -313,6 +313,7 @@ |
| 313 | 313 |
var checkbox = $('[name=chkCallTo]');
|
| 314 | 314 |
publishCommon.longMousePressCheck(checkbox, 10, $(".btn_check_one"));
|
| 315 | 315 |
publishCommon.clickCheckPrice(); |
| 316 |
+ |
|
| 316 | 317 |
}); |
| 317 | 318 |
|
| 318 | 319 |
$(".btn_check_one").click(function(){
|
... | ... | @@ -321,7 +322,7 @@ |
| 321 | 322 |
publishCommon.clickCheckPrice(); |
| 322 | 323 |
}); |
| 323 | 324 |
|
| 324 |
- $("#checkAll").change(function(){
|
|
| 325 |
+ $("#checkAll").click(function(){
|
|
| 325 | 326 |
|
| 326 | 327 |
publishCommon.clickCheckAll(); |
| 327 | 328 |
publishCommon.clickCheckPrice(); |
... | ... | @@ -4272,7 +4273,7 @@ |
| 4272 | 4273 |
<div class="put_left" id="twCallToList"> |
| 4273 | 4274 |
<div class="listType list"> |
| 4274 | 4275 |
<ul class="thead_ul table_ul"> |
| 4275 |
- <li><div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div></li> |
|
| 4276 |
+ <li><!-- <div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div> --></li> |
|
| 4276 | 4277 |
<li> |
| 4277 | 4278 |
번호 |
| 4278 | 4279 |
<!-- <button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button> |
... | ... | @@ -4287,16 +4288,18 @@ |
| 4287 | 4288 |
<!-- <ul class="tbody_ul table_ul"> |
| 4288 | 4289 |
</ul> --> |
| 4289 | 4290 |
</div> |
| 4290 |
- <div class="list_bottom clearfix"> |
|
| 4291 |
- <%-- <ul class="pagination"> |
|
| 4292 |
- <ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="fnCallToListPaging" />
|
|
| 4293 |
- </ul> --%> |
|
| 4291 |
+ <div class="list_bottom"> |
|
| 4292 |
+ <ul class="pagination"> |
|
| 4293 |
+ <%-- <ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="fnCallToListPaging" /> --%>
|
|
| 4294 |
+ <li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li> |
|
| 4295 |
+ </ul> |
|
| 4294 | 4296 |
<div class="list_bottom_right"> |
| 4295 |
- <button type="button" class="btnType btn_gray fill" onclick="fnCallToListReset();">초기화</button> |
|
| 4297 |
+ <button type="button" class="btnType btn_gray fill" id="checkAll" name="receipt_number_check" value="N">전체선택</button> |
|
| 4298 |
+ <!-- <button type="button" class="btnType btn_gray fill" onclick="fnCallToListReset();">초기화</button> --> |
|
| 4296 | 4299 |
<div class="btn_popup_wrap"> |
| 4297 | 4300 |
<button type="button" class="btnType btn_yellow fill btn_check_one">1명씩 선택<i class="qmMark"></i></button> |
| 4298 | 4301 |
<div class="error_hover_cont send_hover_cont"> |
| 4299 |
- <p style="line-height:1.3;">마우스를 누르고 있으면 받는사람을 연속적으로 20명까지 선택할 수 있습니다.</p> |
|
| 4302 |
+ <p style="line-height:1.3;">마우스를 계속 누르고 있으면 받는 사람이 연속으로 선택됩니다.</p> |
|
| 4300 | 4303 |
</div> |
| 4301 | 4304 |
</div> |
| 4302 | 4305 |
</div> |
... | ... | @@ -4314,7 +4317,7 @@ |
| 4314 | 4317 |
</div> |
| 4315 | 4318 |
</div> |
| 4316 | 4319 |
<dl class="receipt_info"> |
| 4317 |
- <dt>전체 받는사람</dt> |
|
| 4320 |
+ <dt>전체 받는사람<button type="button" class="btn_reset" onclick="fnCallToListReset();"><i></i>초기화</button></dt> |
|
| 4318 | 4321 |
<dd> |
| 4319 | 4322 |
<p><b id="totCallToCnt">0</b> 명</p> |
| 4320 | 4323 |
</dd> |
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
... | ... | @@ -618,7 +618,7 @@ |
| 618 | 618 |
.sub .election .receipt_number_table_wrap .put_right .receipt_info dd:last-child{margin:0 0 0 0;}
|
| 619 | 619 |
.sub .election .receipt_number_table_wrap .put_right .receipt_info dd b{font-size:16px;font-weight:500;}
|
| 620 | 620 |
.sub .election .receipt_number_table_wrap .put_right .receipt_info .btn_reset{font-size:14px;font-weight:400;color:#666;}
|
| 621 |
-.sub .election .receipt_number_table_wrap .put_right .receipt_info .btn_reset i{display:inline-block;width:13px;height:13px;margin:-1px 2px 0 0;background:url(/publish/images/icon_reset.png) no-repeat center center;}
|
|
| 621 |
+.sub .election .receipt_number_table_wrap .put_right .receipt_info .btn_reset i{display:inline-block;width:15px;height:13px;margin:-1px 2px 0 0;background:url(/publish/images/icon_reset.png) no-repeat center center;}
|
|
| 622 | 622 |
.sub .election .list_bottom{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 0 10px 0;}
|
| 623 | 623 |
.sub .election .list_bottom .pagination{display:inline-flex;width:auto;margin:0;justify-content:flex-start;}
|
| 624 | 624 |
.sub .election .list_bottom .pagination button{height:32px;}
|
--- src/main/webapp/publish/js/publish.js
+++ src/main/webapp/publish/js/publish.js
... | ... | @@ -48,7 +48,7 @@ |
| 48 | 48 |
clickCheckAll: function () {
|
| 49 | 49 |
|
| 50 | 50 |
var chkCnt = $("input:checkbox[name='chkCallTo']").length;
|
| 51 |
- var chkAllSts = $('input:checkbox[name="receipt_number_check"]').is(':checked');
|
|
| 51 |
+ var btnAllVal = $("#checkAll").val();
|
|
| 52 | 52 |
//var chkAllSts = $('input:checkbox[name="receipt_number_check"]').attr("checked");
|
| 53 | 53 |
|
| 54 | 54 |
if (chkCnt == 0) {
|
... | ... | @@ -60,9 +60,10 @@ |
| 60 | 60 |
|
| 61 | 61 |
$("input:checkbox[name='chkCallTo']").each(function () {
|
| 62 | 62 |
|
| 63 |
- if (chkAllSts) {
|
|
| 63 |
+ if (btnAllVal == 'N') {
|
|
| 64 | 64 |
$(this).attr("checked", "checked");
|
| 65 | 65 |
//$(this).prop("checked",true);
|
| 66 |
+ |
|
| 66 | 67 |
} else {
|
| 67 | 68 |
$(this).removeAttr("checked");
|
| 68 | 69 |
//$(this).prop("checked",false);
|
... | ... | @@ -70,7 +71,12 @@ |
| 70 | 71 |
|
| 71 | 72 |
}); |
| 72 | 73 |
|
| 73 |
- |
|
| 74 |
+ //전체선택 체크 여부 값 변경해 주기 |
|
| 75 |
+ if(btnAllVal == 'N'){
|
|
| 76 |
+ $("#checkAll").val("Y");
|
|
| 77 |
+ }else{
|
|
| 78 |
+ $("#checkAll").val("N");
|
|
| 79 |
+ } |
|
| 74 | 80 |
}, |
| 75 | 81 |
clickCheckPrice: function () {
|
| 76 | 82 |
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?