Index: arms/html/reqStatus/content-container.html =================================================================== diff -u -ref3c1299ac6138930a0875653aa58af2cebec37a -r262b72e2d51034bec40caa0c011444cf0c74d714 --- arms/html/reqStatus/content-container.html (.../content-container.html) (revision ef3c1299ac6138930a0875653aa58af2cebec37a) +++ arms/html/reqStatus/content-container.html (.../content-container.html) (revision 262b72e2d51034bec40caa0c011444cf0c74d714) @@ -19,7 +19,10 @@ 상세 보기는 리스트 클릭
-
+
+ + Search +
+
+
-
+
+ + Filter +
+
+
+
+ + Export + +
-
@@ -240,6 +252,51 @@ border: 1px solid rgb(51 51 51) !important; } + .well { + min-height: 20px; + padding: 19px; + height: 160px !important; + margin-bottom: 20px; + background-color: rgba(51, 51, 51, 0.3); + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); + } + + .btn { + display: inline-block; + margin-bottom: 4px !important; + font-weight: 300; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 5px 12px; + font-size: 13px; + line-height: 1.428571429; + border-radius: 3px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + + legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 18px; + font-size: 14px !important; + line-height: inherit; + color: #ffffff; + border: 0; + border-bottom: 1px dashed #e5e5e5 !important; + } + .btn-transparent.active { color: white; background: rgba(51, 51, 51, 0.55); Index: arms/js/reqStatus.js =================================================================== diff -u -ref3c1299ac6138930a0875653aa58af2cebec37a -r262b72e2d51034bec40caa0c011444cf0c74d714 --- arms/js/reqStatus.js (.../reqStatus.js) (revision ef3c1299ac6138930a0875653aa58af2cebec37a) +++ arms/js/reqStatus.js (.../reqStatus.js) (revision 262b72e2d51034bec40caa0c011444cf0c74d714) @@ -1,7 +1,7 @@ //////////////////////////////////////////////////////////////////////////////////////// //Document Ready //////////////////////////////////////////////////////////////////////////////////////// -var selectedJsTreeId; // 요구사항 아이디 +var selectedPdServiceId; // 제품(서비스) 아이디 var reqStatusDataTable; $(function () { @@ -61,8 +61,16 @@ //~> 이벤트 연계 함수 :: Version 표시 jsTree 빌드 bind_VersionData_By_PdService(); - common_dataTableLoad($('#country').val()); + var checked = $('#checkbox1').is(':checked'); + var endPointUrl = ""; + if(checked){ + endPointUrl = "/T_ARMS_REQSTATUS_" + $('#country').val() + "/getStatusMonitor.do?disable=true"; + }else{ + endPointUrl = "/T_ARMS_REQSTATUS_" + $('#country').val() + "/getStatusMonitor.do?disable=false"; + } + common_dataTableLoad($('#country').val(), endPointUrl); + }); @@ -72,7 +80,30 @@ //////////////////////////////////////////////////////////////////////////////////////// function makeVersionMultiSelectBox(){ //버전 선택 셀렉트 박스 이니시에이터 - $('.multiple-select').multipleSelect(); + $('.multiple-select').multipleSelect({ + filter: true, + onClose: function () { + console.log('onOpen event fire!\n'); + + var checked = $('#checkbox1').is(':checked'); + var endPointUrl = ""; + var versionTag = $('.multiple-select').val(); + + + if(checked){ + + endPointUrl = "/T_ARMS_REQSTATUS_" + $('#country').val() + "/getStatusMonitor.do?disable=true&versionTag=" + versionTag; + common_dataTableLoad($('#country').val(), endPointUrl); + + }else{ + + endPointUrl = "/T_ARMS_REQSTATUS_" + $('#country').val() + "/getStatusMonitor.do?disable=false&versionTag=" + versionTag; + common_dataTableLoad($('#country').val(), endPointUrl); + + } + + } + }); } function bind_VersionData_By_PdService(){ @@ -92,16 +123,12 @@ text: obj.c_title, }) - //$('#multiVersion').append($opt); - //$('#editMultiVersion').append($opt); $('.multiple-select').append($opt); } if(data.length > 0){ console.log("display 재설정."); } - //$('#multiVersion').multipleSelect('refresh'); - //$('#editMultiVersion').multipleSelect('refresh'); $('.multiple-select').multipleSelect('refresh'); }).fail(function(e) { @@ -128,14 +155,13 @@ //데이터 테이블 //////////////////////////////////////////////////////////////////////////////////////// // -------------------- 데이터 테이블을 만드는 템플릿으로 쓰기에 적당하게 리팩토링 함. ------------------ // -function common_dataTableLoad(selectId) { +function common_dataTableLoad(selectId, endPointUrl) { var jQueryElementID = "#reqStatusTable"; var reg = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi; var jQueryElementStr = jQueryElementID.replace(reg,''); console.log("jQueryElementStr ======== " + jQueryElementStr ); var serviceNameForURL = "reqStatus"; - var endPointUrl = "/T_ARMS_REQSTATUS_" + selectId + "/getStatusMonitor.do"; // 데이터 테이블 컬럼 및 열그룹 구성 var columnList = [ { name: "c_pdservice_link", @@ -349,6 +375,27 @@ } +$('#checkbox1').click(function(){ + + var checked = $('#checkbox1').is(':checked'); + var endPointUrl = ""; + var versionTag = $('.multiple-select').val(); + + + if(checked){ + + endPointUrl = "/T_ARMS_REQSTATUS_" + $('#country').val() + "/getStatusMonitor.do?disable=true&versionTag=" + versionTag; + common_dataTableLoad($('#country').val(), endPointUrl); + + }else{ + + endPointUrl = "/T_ARMS_REQSTATUS_" + $('#country').val() + "/getStatusMonitor.do?disable=false&versionTag=" + versionTag; + common_dataTableLoad($('#country').val(), endPointUrl); + + } +}); + + $("#copychecker").on("click", function() { reqStatusDataTable.button( '.buttons-copy' ).trigger(); });