Index: arms/html/pdServiceDetail/content-container.html =================================================================== diff -u --- arms/html/pdServiceDetail/content-container.html (revision 0) +++ arms/html/pdServiceDetail/content-container.html (revision 44bc4a28edd153119e8dd81d1c39a2cb51b22b44) @@ -0,0 +1,1263 @@ +
+
+
+

+ + + 제품(서비스) 조회 및 선택 + +

+
+ + + + + + + + + + + + + + + + + + +
+
+
+
+
+ 1. 제품(서비스) 선택 +
+ +
+
+
+
+
+ + +
+
+ +
+ +
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+

+ + + 제품(서비스) 디테일 조회 + +

+
+ + + + + + + + + + + + + + + + + + +
+
+
+
+
+ 2. 선택된 제품(서비스) 디테일 조회 +
+ +
+
+
+ +
+
+
  • +
    +
    + +
    선택된 제품(서비스) : + 선택되지 않음 +
    +
    +
    +
    • +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    + + + 제품(서비스) 디테일 보기 / 변경 + +

    +
    + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    +
    + 3. 제품(서비스) 디테일을 확인하고 편집/삭제 +
    + +
    +
    +
    + +
    +
    +
  • +
    +
    + +
    + 선택된 제품(서비스) 디테일 : + 선택되지 않음 +
    +
    +
    +
    • +
    +
    + + + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + +
    + + +
    +
    +
    + +
    + + +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    + + +
    +
    +
    + +
    + + +
    +
    +
    + +
    +
    +
    +

    제품(서비스)의 기획서 및 Project Charter 의 내용을 기록합니다.

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    + 제품(서비스) 디테일 " + + "을(를) 삭제 하시겠습니까? +

    +
    +

    + Jira 프로젝트에서 제품(서비스)와 연관된 버전은 삭제되지 않습니다. +

    +
    +

    + ( 주의하세요 ) 제품(서비스)와 연관된 디테일은 모두 삭제됩니다. +

    +

    + ( 주의하세요 ) A-RMS 의 버전 하위 요구사항은 삭제됩니다. +

    +

    + ( 주의하세요 ) 삭제된 요구사항과 연결된 Jira 이슈는 유지됩니다. +

    +

    + ( 주의하세요 ) 삭제된 요구사항은 통계에 반영되지 않습니다. +

    +
    +
    +
    + +
    +
    +
    + + Drop files here +
    +
    +
    +
    +
    + +
    +
    +
    + +
     
    +
    +
    +
    + + + Add files... + + + + +
    +
    + +
    + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + \ No newline at end of file Index: arms/html/pdServiceDetail/content-header.html =================================================================== diff -u --- arms/html/pdServiceDetail/content-header.html (revision 0) +++ arms/html/pdServiceDetail/content-header.html (revision 44bc4a28edd153119e8dd81d1c39a2cb51b22b44) @@ -0,0 +1,14 @@ +

    + Product.service.v2 + Registv2 + +

    Index: arms/js/pdServiceDetail.js =================================================================== diff -u --- arms/js/pdServiceDetail.js (revision 0) +++ arms/js/pdServiceDetail.js (revision 44bc4a28edd153119e8dd81d1c39a2cb51b22b44) @@ -0,0 +1,1123 @@ +//////////////////////////////////////////////////////////////////////////////////////// +//Page 전역 변수 +//////////////////////////////////////////////////////////////////////////////////////// +var selectId; // 제품 아이디 +var selectName; // 제품 이름 +var selectedIndex; // 데이터테이블 선택한 인덱스 +var selectedPage; // 데이터테이블 선택한 인덱스 +var dataTableRef; // 데이터테이블 참조 변수 +var selectedDetailId = ""; // 선택한 디테일 아이디 +var selectedDetailName = ""; // 선택한 디테일 이름 + +//////////////////////////////////////////////////////////////////////////////////////// +//Document Ready +//////////////////////////////////////////////////////////////////////////////////////// +function execDocReady() { + + var pluginGroups = [ + [ "../reference/light-blue/lib/vendor/jquery.ui.widget.js", + "../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Templates_js_tmpl.js", + "../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Load-Image_js_load-image.js", + "../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Canvas-to-Blob_js_canvas-to-blob.js", + "../reference/light-blue/lib/jquery.iframe-transport.js", + "../reference/light-blue/lib/jquery.fileupload.js", + "../reference/light-blue/lib/jquery.fileupload-fp.js", + "../reference/light-blue/lib/jquery.fileupload-ui.js"], + + [ "../reference/jquery-plugins/select2-4.0.2/dist/css/select2_lightblue4.css", + "../reference/jquery-plugins/lou-multi-select-0.9.12/css/multiselect-lightblue4.css", + "../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select-bluelight.css", + "../reference/jquery-plugins/select2-4.0.2/dist/js/select2.min.js", + "../reference/jquery-plugins/lou-multi-select-0.9.12/js/jquery.quicksearch.js", + "../reference/jquery-plugins/lou-multi-select-0.9.12/js/jquery.multi-select.js", + "../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select.min.js"], + + [ "../reference/jquery-plugins/datetimepicker-2.5.20/build/jquery.datetimepicker.min.css", + "../reference/light-blue/lib/bootstrap-datepicker.js", + "../reference/jquery-plugins/datetimepicker-2.5.20/build/jquery.datetimepicker.full.min.js", + "../reference/lightblue4/docs/lib/widgster/widgster.js", + "../reference/lightblue4/docs/lib/slimScroll/jquery.slimscroll.min.js"], + + [ "../reference/jquery-plugins/dataTables-1.10.16/media/css/jquery.dataTables_lightblue4.css", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Responsive/css/responsive.dataTables_lightblue4.css", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Select/css/select.dataTables_lightblue4.css", + "../reference/jquery-plugins/dataTables-1.10.16/media/js/jquery.dataTables.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Responsive/js/dataTables.responsive.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Select/js/dataTables.select.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/RowGroup/js/dataTables.rowsGroup.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/dataTables.buttons.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/buttons.html5.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/buttons.print.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/jszip.min.js" + ] + // 추가적인 플러그인 그룹들을 이곳에 추가하면 됩니다. + ]; + + loadPluginGroupsParallelAndSequential(pluginGroups) + .then(function() { + + console.log('모든 플러그인 로드 완료'); + + //vfs_fonts 파일이 커서 defer 처리 함. + setTimeout(function () { + var script = document.createElement("script"); + script.src = "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/vfs_fonts.js"; + script.defer = true; // defer 속성 설정 + document.head.appendChild(script); + }, 5000); // 5초 후에 실행됩니다. + + //pdfmake 파일이 커서 defer 처리 함. + setTimeout(function () { + var script = document.createElement("script"); + script.src = "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/pdfmake.min.js"; + script.defer = true; // defer 속성 설정 + document.head.appendChild(script); + }, 5000); // 5초 후에 실행됩니다. + + // 사이드 메뉴 색상 설정 + $('.widget').widgster(); + setSideMenu("sidebar_menu_product", "sidebar_menu_product_manage_v2"); + + // 파일 업로드 관련 레이어 숨김 처리 + $(".body-middle").hide(); + + // 데이터 테이블 로드 함수 + var waitDataTable = setInterval(function () { + try { + if (!$.fn.DataTable.isDataTable("#pdservice_table")) { + dataTableLoad(); + clearInterval(waitDataTable); + } + } catch (err) { + console.log("서비스 데이터 테이블 로드가 완료되지 않아서 초기화 재시도 중..."); + } + }, 313 /*milli*/); + + // --- 에디터 설정 --- // + var waitCKEDITOR = setInterval(function () { + try { + if (window.CKEDITOR) { + if(window.CKEDITOR.status == "loaded"){ + // 제품 + CKEDITOR.replace("modal_product_add_editor",{ skin: "office2013" }); // 제품 추가 팝업 + CKEDITOR.replace("modal_product_edit_editor",{ skin: "office2013" }); // 제품 편집 팝업 + + // 제품 디테일 + CKEDITOR.replace("modal_product_detail_add_editor",{ skin: "office2013" }); // 제품 기획서 등록 팝업 + CKEDITOR.replace("modal_product_detail_edit_editor",{ skin: "office2013" }); // 제품 기획서 편집 팝업 + CKEDITOR.replace("stats_pdservice_detail_editor",{ skin: "office2013" });// 제품 기획서 클릭 시 우측 상세보기 + CKEDITOR.replace("report_pdservice_detail_editor",{ skin: "office2013" }); //제품 기획서 클릭 시 우측 편집하기 + + clearInterval(waitCKEDITOR); + } + } + } catch (err) { + console.log("CKEDITOR 로드가 완료되지 않아서 초기화 재시도 중..."); + } + }, 313 /*milli*/); + $("#popup_editview_pdservice_name").tooltip(); + + tab_click_event(); + + select2_setting(); + + file_upload_setting(); + + init_versionList(); + + product_save_btn_click(); // 제품 등록 + + product_update_btn_click(); // 제품 편집 + + product_detail_save_btn_click(); // 제품 디테일 추가 + + product_detail_update_btn_click(); // 제품 디테일 편집 + + product_detail_delete_btn_click(); // 제품 디테일 삭제 + + popup_size_setting(); // 모달 클릭 시 height 조절 + + // $("#btn_product_detail_delete").addClass("hidden"); // pdservice_delete_div 디테일 삭제 btn_product_detail_delete + + // 스크립트 실행 로직을 이곳에 추가합니다. + var 라따적용_클래스이름_배열 = ['.ladda-new-pdservice','.ladda-delete-pdservice']; + laddaBtnSetting(라따적용_클래스이름_배열); + + }) + .catch(function() { + console.error('플러그인 로드 중 오류 발생'); + }); + +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 탭 클릭 이벤트 처리 +//////////////////////////////////////////////////////////////////////////////////////// +function tab_click_event() { + $('a[data-toggle="tab"]').on("shown.bs.tab", function (e) { + var target = $(e.target).attr("href"); // activated tab + console.log(target); + + if(target == "#stats") { + hideProductDetailEditBtn(); + hideProductDetailRemoveBtn(); + hideDropzoneArea(); + } + if (target == "#report") { + showProductDetailEditBtn(); + hideProductDetailRemoveBtn(); + showDropzoneArea(); + } + if (target == "#delete") { + hideProductDetailEditBtn(); + showProductDetailRemoveBtn(); + hideDropzoneArea(); + + if (isEmpty(selectId)) { + jError("선택된 제품(서비스)가 없습니다. 오류는 무시됩니다."); + } else { + $("#delete_text").text($("#selected_pdservice_detail").text()); + } + } + }); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 파일 업로드 관련 Dropzone.js UI 노출 +//////////////////////////////////////////////////////////////////////////////////////// +function showDropzoneArea() { + $(".pdservice-detail-image-row").show(); + $(".file-delete-btn").show(); + if (selectId == undefined || selectedDetailId == "") { + $(".body-middle").hide(); + } else { + $(".body-middle").show(); + } +} +//////////////////////////////////////////////////////////////////////////////////////// +// 파일 업로드 관련 Dropzone.js UI 숨김 +//////////////////////////////////////////////////////////////////////////////////////// +function hideDropzoneArea() { + $(".pdservice-detail-image-row").hide(); + $(".file-delete-btn").hide(); + if (selectId == undefined) { + $(".body-middle").hide(); + } else { + $(".body-middle").show(); + } +} +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일 편집 버튼 노출 +//////////////////////////////////////////////////////////////////////////////////////// +function showProductDetailEditBtn() { + $("#div_modal_product_detail").removeClass("hidden"); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일 편집 버튼 숨김 +//////////////////////////////////////////////////////////////////////////////////////// +function hideProductDetailEditBtn() { + $("#div_modal_product_detail").addClass("hidden"); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일 삭제 버튼 노출 +//////////////////////////////////////////////////////////////////////////////////////// +function showProductDetailRemoveBtn() { + $("#div_product_detail_delete").removeClass("hidden"); +} +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일 삭제 버튼 숨김 +//////////////////////////////////////////////////////////////////////////////////////// +function hideProductDetailRemoveBtn() { + $("#div_product_detail_delete").addClass("hidden"); +} + + +//////////////////////////////////////////////////////////////////////////////////////// +// --- 신규 제품(서비스) 등록 팝업 및 팝업 띄울때 사이즈 조정 -- // +//////////////////////////////////////////////////////////////////////////////////////// +function popup_size_setting(){ + console.log("popup_size_setting() is activated"); + + $("#btn_modal_product_detail_edit").click(function () { + var height = $(document).height() - 900; + + $(".modal-body") + .find(".cke_contents:eq(0)") + .css("height", height + "px"); + }); + $("#btn_modal_product_add").click(function () { + + //모달 초기화 + $("#modal_product_add").on("hidden.bs.modal", function (e) { + $(this).find('form')[0].reset(); + $("#modal_product_add_pdservice_owner").val(null).trigger("change"); + $("#modal_product_add_pdservice_reviewers").val(null).trigger("change"); + CKEDITOR.instances.modal_product_add_editor.setData("

    제품(서비스)의 기획서 및 Project Charter 의 내용을 기록합니다.

    "); //에디터 초기화 + }); + + var reviewerCount = 1; + + $("#modal_product_add_pdservice_reviewers").trigger("change"); + + $("#modal_product_add_pdservice_reviewer").css("height", "20px"); + setTimeout(function () { + var heightValue = $("#modal_product_add_pdservice_reviewer").height(); + var resultValue = heightValue + 20 * reviewerCount; + $("#modal_product_add_pdservice_reviewer").css("height", resultValue + "px"); + }, 250); + + }); + + // 팝업하여 편집 + $("#btn_modal_product_edit").click(function () { + var height = $(document).height() - 1000; + $(".modal-body") + .find(".cke_contents:eq(0)") + .css("height", height + "px"); + + var multifyValue = 1 + $('#modal_product_edit_pdservice_reviewers option').length; + + $("#modal_product_edit_pdservice_reviewers").trigger("change"); + + $("#modal_product_edit_pdservice_reviewer").css("height", "20px"); + setTimeout(function () { + var heightValue = $("#modal_product_edit_pdservice_reviewer").height(); + var resultValue = heightValue + 20 * multifyValue; + $("#modal_product_edit_pdservice_reviewer").css("height", resultValue + "px"); + }, 250); + }); + +} + + +//////////////////////////////////////////////////////////////////////////////////////// +// --- select2 (사용자 자동완성 검색 ) 설정 --- // +//////////////////////////////////////////////////////////////////////////////////////// +function select2_setting() { + $(".js-data-example-ajax").select2({ + maximumSelectionLength: 5, + width: "resolve", + ajax: { + url: function (params) { + return "/auth-user/search-user/" + params.term; + }, + dataType: "json", + delay: 250, + processResults: function (data, params) { + params.page = params.page || 1; + + return { + results: data, + pagination: { + more: params.page * 30 < data.total_count + } + }; + }, + cache: true + }, + placeholder: "리뷰어 설정을 위한 계정명을 입력해 주세요", + minimumInputLength: 1, + templateResult: formatUser, + templateSelection: formatUserSelection + }); +} + +////////////////////////////////////////////////////////////////////¸//////////////////// +// --- select2 (사용자 자동완성 검색 ) templateResult 설정 --- // +//////////////////////////////////////////////////////////////////////////////////////// +function formatUser(jsonData) { + console.log("formatUser"); + console.log(jsonData) + var $container = $( + "
    " + + "
    " + + "
    " + + "
    " + + "
    " + + "
    " + ); + + $container.find(".select2-result-jsonData__username").text(jsonData.username); + $container.find(".select2-result-jsonData__id").text(jsonData.id); + + return $container; +} + +//////////////////////////////////////////////////////////////////////////////////////// +// --- select2 (사용자 자동완성 검색 ) templateSelection 설정 --- // +//////////////////////////////////////////////////////////////////////////////////////// +function formatUserSelection(jsonData) { + console.log("formatUserSelection"); + console.log(jsonData); + if (jsonData.id == "") { + jsonData.text = "placeholder"; + } else { + if (jsonData.username == undefined) { + jsonData.text = jsonData.id; + } else { + jsonData.text = "[" + jsonData.username + "] - " + jsonData.id; + } + } + return jsonData.text; +} + +//////////////////////////////////////////////////////////////////////////////////////// +// --- file upload --- // +//////////////////////////////////////////////////////////////////////////////////////// +function file_upload_setting() { + var $fileupload = $("#fileupload"); + $fileupload.fileupload({ + autoUpload: true, + url: "/auth-user/api/arms/pdServiceDetail/uploadFileToNode.do", + dropZone: $("#dropzone") + }); + + $("#fileupload").bind("fileuploadsubmit", function (e, data) { + // The example input, doesn't have to be part of the upload form: + var input = $("#fileIdlink"); + data.formData = { pdServiceDetailId: input.val() }; + if (!data.formData.pdServiceDetailId) { + data.context.find("button").prop("disabled", false); + input.focus(); + return false; + } + }); + +} + +//////////////////////////////////////////////////////////////////////////////////////// +// --- 데이터 테이블 설정 --- // +//////////////////////////////////////////////////////////////////////////////////////// +function dataTableLoad() { + // 데이터 테이블 컬럼 및 열그룹 구성 + var columnList = [ + { name: "c_id", title: "제품(서비스) 아이디", data: "c_id", visible: false }, + { + name: "c_title", + title: "제품(서비스) 이름", + data: "c_title", + render: function (data, type, row, meta) { + if (type === "display") { + return '"; + } + return data; + }, + className: "dt-body-left", + visible: true + } + ]; + var rowsGroupList = []; + var columnDefList = []; + var selectList = {}; + var orderList = [[0, "asc"]]; + var buttonList = [ + "copy", + "excel", + "print", + { + extend: "csv", + text: "Export csv", + charset: "utf-8", + extension: ".csv", + fieldSeparator: ",", + fieldBoundary: "", + bom: true + }, + { + extend: "pdfHtml5", + orientation: "landscape", + pageSize: "LEGAL" + } + ]; + + var jquerySelector = "#pdservice_table"; + var ajaxUrl = "/auth-user/api/arms/pdServicePure/getPdServiceMonitor.do"; + var jsonRoot = "response"; + var isServerSide = false; + + dataTableRef = dataTable_build( + jquerySelector, + ajaxUrl, + jsonRoot, + columnList, + rowsGroupList, + columnDefList, + selectList, + orderList, + buttonList, + isServerSide + ); + + $("#copychecker").on("click", function () { + dataTableRef.button(".buttons-copy").trigger(); + }); + $("#printchecker").on("click", function () { + dataTableRef.button(".buttons-print").trigger(); + }); + $("#csvchecker").on("click", function () { + dataTableRef.button(".buttons-csv").trigger(); + }); + $("#excelchecker").on("click", function () { + dataTableRef.button(".buttons-excel").trigger(); + }); + $("#pdfchecker").on("click", function () { + dataTableRef.button(".buttons-pdf").trigger(); + }); +} + + +// 데이터 테이블 구성 이후 꼭 구현해야 할 메소드 : 열 클릭시 이벤트 +function dataTableClick(tempDataTable, selectedData) { + selectedIndex = selectedData.selectedIndex; + selectedPage = selectedData.selectedPage; + selectId = selectedData.c_id; + selectName = selectedData.c_title; + pdServiceDataTableClick(selectedData.c_id); + productServiceDetailDataLoad(selectId); +} + +//////////////////////////////////////////////////////////////////////////////////////// +//제품의 게시글 리스트를 로드하는 함수 ( 게시글 추가, 갱신, 삭제 시 호출 ) +//////////////////////////////////////////////////////////////////////////////////////// +function productServiceDetailDataLoad(selectId) { + console.log("productServiceDetailDataLoad :: getSelectedID → " + selectId); + $.ajax("/auth-user/api/arms/pdServiceDetail/getNodes.do/" + selectId).done(function (json) { + console.log("/auth-user/api/arms/pdServiceDetail/getNodesWithoutRoot.do :: success → ", json); + $("#version_accordion").jsonMenu("set", json.response, { speed: 5000 }); + + showDefaultTab(); + dropzoneDataClear(); + + }); +} + + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 선택 시, 제품 디테일 GET API 호출 후 목록을 그려주는 함수 +//////////////////////////////////////////////////////////////////////////////////////// +function draw(main, menu) { + main.html(""); + + var data = ` + +
    `; + + for (var i = 0; i < menu.length; i++) { + data += ` +
    +
    + +
    +
    `; + } + + main.html(data); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일 추가 팝업 실행 시 데이터 초기화 및 팝업 사이즈 조절 +//////////////////////////////////////////////////////////////////////////////////////// +function product_detail_add_clear () { + var height = $(document).height() - 900; + + //모달 초기화 + $("#modal_product_detail_add").on("hidden.bs.modal", function (e) { + // $(this).find('form')[0].reset(); + $('#modal_product_detail_add_pdservice_detail_name').val(""); + CKEDITOR.instances.modal_product_detail_add_editor.setData("

    제품(서비스)의 기획서 및 Project Charter 의 내용을 기록합니다.

    "); //에디터 초기화 + }); + + $(".modal-body") + .find(".cke_contents:eq(0)") + .css("height", height + "px"); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일 목록에서 선택 시 상세보기 및 편집하기 데이터 바인딩 +//////////////////////////////////////////////////////////////////////////////////////// +function detailClick(element, c_id) { + showDefaultTab(); + dropzoneDataClear(); + hideDropzoneArea(); + + $("a[id^='pdservice_detail_link_']").each(function() { + this.style.background = ""; + if (c_id == this.id.split("_")[3]) { + this.style.background = "rgba(229, 96, 59, 0.3)"; + this.style.color = "rgb(164, 198, 255)"; + this.style.textDecoration = "none"; + this.style.cursor = "pointer"; + } + }); + + $.ajax({ + url: "/auth-user/api/arms/pdServiceDetail/getNode.do", // 클라이언트가 HTTP 요청을 보낼 서버의 URL 주소 + data: { c_id: c_id }, + method: "GET", + dataType: "json" + }).done(function (json) { + console.log(json); + + selectedDetailId = json.c_id; + selectedDetailName = json.c_title; + + $("#fileIdlink").val(json.c_id); + + $("#modal_product_detail_edit_pdservice_name").val(selectName); + $("#stats_pdservice_name").val(selectName); + $("#stats_pdservice_name").val(selectName); + $("#report_pdservice_name").val(selectName); + $("#report_pdservice_name").val(selectName); + + $("#modal_product_detail_edit_pdservice_detail_name").val(json.c_title); + $("#stats_pdservice_detail_name").val(json.c_title); + $("#stats_pdservice_detail_name").val(json.c_title); + $("#report_pdservice_detail_name").val(json.c_title); + $("#report_pdservice_detail_name").val(json.c_title); + + + CKEDITOR.instances.stats_pdservice_detail_editor.setData(json.c_contents); // 상세 보기 + CKEDITOR.instances.report_pdservice_detail_editor.setData(json.c_contents); // 편집 하기 + CKEDITOR.instances.modal_product_detail_edit_editor.setData(json.c_contents); // 모달 편집 하기 + + $("#selected_pdservice_detail").text(json.c_title); + $("#modal_product_detail_edit_pdservice_detail_name").val(json.c_title); + + $(".list-group-item-detail-edit .chat-message-body").css({"border-left":""}); + $(".list-group-item-detail-edit .arrow").css({"border-right":""}); + + var $fileupload = $("#fileupload"); + + $.ajax({ + url: "/auth-user/api/arms/pdServiceDetail/getFilesByNode.do", + data: { fileIdLink: json.c_id }, + dataType: "json", + context: $fileupload[0] + }).done(function(result) { + $(this).fileupload("option", "done").call(this, null, { result: result.response }); + $(".file-delete-btn").hide(); // 파일 리스트에서 delete 버튼 display none 처리 -> 편집하기 tab 에서만 보여준다. + }); + }).fail(function(xhr, status, errorThrown) { + console.log(xhr + status + errorThrown); + }).always(function(xhr, status) { + $("#text").html("요청이 완료되었습니다!"); + console.log(xhr + status); + }); +} + +function init_versionList() { + var menu; + $.fn.jsonMenu = function (action, items, options) { + $(this).addClass("json-menu"); + if (action == "add") { + menu.body.push(items); + draw($(this), menu); + } else if (action == "set") { + menu = items; + draw($(this), menu); + } + return this; + }; +} +//데이터 테이블 ajax load 이후 콜백. +function dataTableCallBack(settings, json) { +} + +function dataTableDrawCallback(tableInfo) { + $("#" + tableInfo.sInstance) + .DataTable() + .columns.adjust() + .responsive.recalc(); +} + +//////////////////////////////////////////////////////////////////////////////////////// +//제품(서비스) 클릭할 때 동작하는 함수 +//////////////////////////////////////////////////////////////////////////////////////// +function pdServiceDataTableClick(c_id) { + $.ajax({ + url: "/auth-user/api/arms/pdServicePure/getNode.do", // 클라이언트가 HTTP 요청을 보낼 서버의 URL 주소 + data: { c_id: c_id }, // HTTP 요청과 함께 서버로 보낼 데이터 + method: "GET", // HTTP 요청 메소드(GET, POST 등) + dataType: "json", // 서버에서 보내줄 데이터의 타입 + beforeSend: function () { + $(".loader").removeClass("hide"); + } + }) + // HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨. + .done(function (json) { + selectedDetailId = ""; + selectedDetailName = ""; + var selectedHtml = + `
    +
    + + 선택된 제품(서비스) : + + ` + json.c_title + + ` + +
    +
    + `; + + $(".list-group-item-detail").html(selectedHtml); + + // ------------------------------------------------------------------------------- + + $("#modal_product_edit_pdservice_name").val(json.c_title); + + //clear + $("#modal_product_edit_pdservice_owner").val(null).trigger("change"); + + if (json.c_pdservice_owner == null || json.c_pdservice_owner == "none") { + console.log("pdServiceDataTableClick :: json.c_pdservice_owner empty"); + } else { + var newOption = new Option(json.c_pdservice_owner, json.c_pdservice_owner, true, true); + $("#modal_product_edit_pdservice_owner").append(newOption).trigger("change"); + } + // -------------------- reviewer setting -------------------- // + $("#modal_product_edit_pdservice_reviewers").val(null).trigger("change"); + + var selectedReviewerArr = []; + if (json.c_pdservice_reviewer01 == null || json.c_pdservice_reviewer01 == "none") { + console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer01 empty"); + } else { + selectedReviewerArr.push(json.c_pdservice_reviewer01); + if ($("#modal_product_edit_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer01 + "']").length) { + console.log("option[value='\" + json.c_pdservice_reviewer01 + \"']\"" + "already exist"); + } else { + var newOption01 = new Option(json.c_pdservice_reviewer01, json.c_pdservice_reviewer01, true, true); + $("#modal_product_edit_pdservice_reviewers").append(newOption01).trigger("change"); + } + } + if (json.c_pdservice_reviewer02 == null || json.c_pdservice_reviewer02 == "none") { + console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer02 empty"); + } else { + selectedReviewerArr.push(json.c_pdservice_reviewer02); + if ($("#modal_product_edit_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer02 + "']").length) { + console.log("option[value='\" + json.c_pdservice_reviewer02 + \"']\"" + "already exist"); + } else { + var newOption02 = new Option(json.c_pdservice_reviewer02, json.c_pdservice_reviewer02, true, true); + $("#modal_product_edit_pdservice_reviewers").append(newOption02).trigger("change"); + } + } + if (json.c_pdservice_reviewer03 == null || json.c_pdservice_reviewer03 == "none") { + console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer03 empty"); + } else { + selectedReviewerArr.push(json.c_pdservice_reviewer03); + if ($("#modal_product_edit_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer03 + "']").length) { + console.log("option[value='\" + json.c_pdservice_reviewer03 + \"']\"" + "already exist"); + } else { + var newOption03 = new Option(json.c_pdservice_reviewer03, json.c_pdservice_reviewer03, true, true); + $("#modal_product_edit_pdservice_reviewers").append(newOption03).trigger("change"); + } + } + if (json.c_pdservice_reviewer04 == null || json.c_pdservice_reviewer04 == "none") { + console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer04 empty"); + } else { + selectedReviewerArr.push(json.c_pdservice_reviewer04); + if ($("#modal_product_edit_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer04 + "']").length) { + console.log("option[value='\" + json.c_pdservice_reviewer04 + \"']\"" + "already exist"); + } else { + var newOption04 = new Option(json.c_pdservice_reviewer04, json.c_pdservice_reviewer04, true, true); + $("#modal_product_edit_pdservice_reviewers").append(newOption04).trigger("change"); + } + } + if (json.c_pdservice_reviewer05 == null || json.c_pdservice_reviewer05 == "none") { + console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer05 empty"); + } else { + selectedReviewerArr.push(json.c_pdservice_reviewer05); + if ($("#modal_product_edit_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer05 + "']").length) { + console.log("option[value='\" + json.c_pdservice_reviewer05 + \"']\"" + "already exist"); + } else { + var newOption05 = new Option(json.c_pdservice_reviewer05, json.c_pdservice_reviewer05, true, true); + $("#modal_product_edit_pdservice_reviewers").append(newOption05).trigger("change"); + } + } + $("#modal_product_edit_pdservice_reviewers").val(selectedReviewerArr).trigger("change"); + + // ------------------------- reviewer end --------------------------------// + CKEDITOR.instances.modal_product_edit_editor.setData(json.c_pdservice_contents); // 편집하기 + + // ------------------------- 제품 선택 시, 제품 디테일 모든 값 초기화 --------------------------------// + productDetailNameClear(); + productDetailEditorClear(); + showDefaultTab(); + dropzoneDataClear(); + productDetailArrowClear(); + $("#modal_product_detail_add_pdservice_name").val(json.c_title); // 제품 디테일 등록에 제품명 추가해줌. readonly + + + }) + // HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨. + .fail(function(xhr, status, errorThrown) { + console.log(xhr + status + errorThrown); + }) + // + .always(function(xhr, status) { + console.log(xhr + status); + $(".loader").addClass("hide"); + }); + +} + + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일 UI 초기화 +//////////////////////////////////////////////////////////////////////////////////////// +function productDetailArrowClear() { + $("#selected_pdservice_detail").text("선택되지 않음"); + $("#list-group-item-detail-edit-arrow").css({ "top": "10px", "left": "-7px", "border-right": "5px solid #a4c6ff" }); + $(".list-group-item-detail-edit .chat-message-body").css({"margin-left": "0px", "padding": "0px 10px 0px 10px", "border-left": "2px solid #a4c6ff"}); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 상세보게 tab 을 기본으로 초기화 +//////////////////////////////////////////////////////////////////////////////////////// +function showDefaultTab() { + $("a[href=\"#stats\"]").tab("show"); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// Dropzone.js 데이터 초기화 +//////////////////////////////////////////////////////////////////////////////////////// +function dropzoneDataClear() { + $("table tbody.files").empty(); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일명 관련 data 초기화 +//////////////////////////////////////////////////////////////////////////////////////// +function productDetailNameClear() { + $("#selected_pdservice_detail").text("선택되지 않음"); + $("#modal_product_detail_edit_pdservice_detail_name").val(""); + + $("#stats_pdservice_name").val(""); + $("#stats_pdservice_name").val(""); + $("#report_pdservice_name").val(""); + $("#report_pdservice_name").val(""); + + $("#stats_pdservice_detail_name").val(""); + $("#stats_pdservice_detail_name").val(""); + $("#report_pdservice_detail_name").val(""); + $("#report_pdservice_detail_name").val(""); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일명 관련 ckeditor 초기화 +//////////////////////////////////////////////////////////////////////////////////////// +function productDetailEditorClear() { + CKEDITOR.instances.modal_product_detail_add_editor.setData("

    제품(서비스)의 기획서 및 Project Charter 의 내용을 기록합니다.

    "); + CKEDITOR.instances.modal_product_detail_edit_editor.setData("

    제품(서비스)의 기획서 및 Project Charter 의 내용을 기록합니다.

    "); + CKEDITOR.instances.stats_pdservice_detail_editor.setData("

    제품(서비스)의 기획서 및 Project Charter 의 내용을 기록합니다.

    "); + CKEDITOR.instances.report_pdservice_detail_editor.setData("

    제품(서비스)의 기획서 및 Project Charter 의 내용을 기록합니다.

    "); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품 디테일명 저장 버튼 이벤트 처리 +//////////////////////////////////////////////////////////////////////////////////////// +function product_detail_save_btn_click() { + $("#btn_modal_product_detail_add_submit").click(function() { + $.ajax({ + url: "/auth-user/api/arms/pdServiceDetail/addNode.do/" + selectId, + type: "POST", + data: { + ref: 2, + c_type: "default", + c_title: $('#modal_product_detail_add_pdservice_detail_name').val(), + c_contents: CKEDITOR.instances.modal_product_detail_add_editor.getData() + }, + progress: true, + statusCode: { + 200: function (data) { + console.log("/auth-user/api/arms/pdServiceDetail/addNodeByPdService.do :: success → ", data); + $("#btn_modal_product_detail_add_close").trigger("click"); + jSuccess("신규 제품 디테일 등록이 완료 되었습니다."); + pdServiceDataTableClick(selectId); + productServiceDetailDataLoad(selectId); + } + }, + beforeSend: function () { + $("#btn_modal_product_detail_add_submit").hide(); + }, + complete: function () { + $("#btn_modal_product_detail_add_submit").show(); + }, + error: function (e) { + jError("신규 제품 디테일 등록 중 에러가 발생했습니다."); + } + }); + }); +} +//////////////////////////////////////////////////////////////////////////////////////// +// 신규 제품(서비스) 등록 버튼 +//////////////////////////////////////////////////////////////////////////////////////// +function product_save_btn_click() { + $("#btn_modal_product_add_submit").click(function () { + var reviewers01 = "none"; + var reviewers02 = "none"; + var reviewers03 = "none"; + var reviewers04 = "none"; + var reviewers05 = "none"; + + if ($("#modal_product_add_pdservice_reviewers").select2("data")[0] != undefined) { + reviewers01 = $("#modal_product_add_pdservice_reviewers").select2("data")[0].text; + } + if ($("#modal_product_add_pdservice_reviewers").select2("data")[1] != undefined) { + reviewers02 = $("#modal_product_add_pdservice_reviewers").select2("data")[1].text; + } + if ($("#modal_product_add_pdservice_reviewers").select2("data")[2] != undefined) { + reviewers03 = $("#modal_product_add_pdservice_reviewers").select2("data")[2].text; + } + if ($("#modal_product_add_pdservice_reviewers").select2("data")[3] != undefined) { + reviewers04 = $("#modal_product_add_pdservice_reviewers").select2("data")[3].text; + } + if ($("#modal_product_add_pdservice_reviewers").select2("data")[4] != undefined) { + reviewers05 = $("#modal_product_add_pdservice_reviewers").select2("data")[4].text; + } + + const cTitle = $("#modal_product_add_pdservice_name").val(); + + $.ajax({ + url: "/auth-user/api/arms/pdService/addPdServiceNode.do", + type: "POST", + data: { + ref: 2, + c_title: cTitle, + c_type: "default", + c_pdservice_owner: $("#modal_product_add_pdservice_owner").select2("data")[0].text, + c_pdservice_reviewer01: reviewers01, + c_pdservice_reviewer02: reviewers02, + c_pdservice_reviewer03: reviewers03, + c_pdservice_reviewer04: reviewers04, + c_pdservice_reviewer05: reviewers05, + c_pdservice_contents: CKEDITOR.instances.modal_product_add_editor.getData() + }, + statusCode: { + 200: function () { + //모달 팝업 끝내고 + $("#btn_modal_product_add_close").trigger("click"); + //데이터 테이블 데이터 재 로드 + reloadDataWithSameOrdering(cTitle); + jSuccess("신규 제품 등록이 완료 되었습니다."); + } + }, + beforeSend: function () { + $("#btn_modal_product_add_submit").hide(); + }, + complete: function () { + $("#btn_modal_product_add_submit").show(); + }, + error: function (e) { + jError("신규 제품 등록 중 에러가 발생했습니다."); + } + }); + }); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 신규 제품(서비스) 삭제 버튼 +//////////////////////////////////////////////////////////////////////////////////////// +function product_detail_delete_btn_click(){ + $("#delete_pdservice").click(function () { + $.ajax({ + url: "/auth-user/api/arms/pdService/removeNode.do", + type: "delete", + data: { + c_id: $("#pdservice_table").DataTable().rows(".selected").data()[0].c_id + }, + statusCode: { + 200: function () { + jError($("#editview_pdservice_name").val() + "데이터가 삭제되었습니다."); + //데이터 테이블 데이터 재 로드 + reloadDataWithSameOrdering(""); + } + } + }); + }); +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 제품(서비스) 기획서 변경 저장 버튼 +//////////////////////////////////////////////////////////////////////////////////////// +function product_detail_update_btn_click() { + + // 모달에서 편집하기 + $("#btn_modal_product_detail_edit_submit").click(function () { + var detailName = $("#modal_product_detail_edit_pdservice_detail_name").val().trim(); + var tempSelectId = selectId; + var tempSelectDetailId = selectedDetailId; + + if(selectedDetailId == "" || selectedDetailName == "") { + alert("선택된 제품(서비스) 디테일이 없습니다."); + return false; + } + + if (detailName == "") { + alert("제품(서비스) 디테일명을 입력해 주세요."); + return false; + } + $.ajax({ + url: "/auth-user/api/arms/pdServiceDetail/updateNode.do", + type: "put", + data: { + c_id: selectedDetailId, + c_title: detailName, + c_contents: CKEDITOR.instances.modal_product_detail_edit_editor.getData() + }, + statusCode: { + 200: function () { + $("#btn_modal_product_detail_edit_close").trigger("click"); + // dataTableLoad(); + pdServiceDataTableClick(tempSelectId); + productServiceDetailDataLoad(tempSelectId); + setTimeout(function() { + productServiceDetailDataLoad(tempSelectId); + }, 300); + setTimeout(function() { + detailClick(document.getElementById("pdservice_detail_link_" + selectedDetailId), tempSelectDetailId); + }, 500); + jSuccess(detailName + "의 데이터가 변경되었습니다."); + } + } + }); + + }); + + // 편집하기 + $("#btn_product_detail_edit_submit").click(function () { + var detailName = $("#report_pdservice_detail_name").val().trim(); + var tempSelectId = selectId; + var tempSelectDetailId = selectedDetailId; + if(selectedDetailId == "" || selectedDetailName == "") { + alert("선택된 제품(서비스) 디테일이 없습니다."); + return false; + } + + if (detailName == "") { + alert("제품(서비스) 디테일명을 입력해 주세요."); + return false; + } + + $.ajax({ + url: "/auth-user/api/arms/pdServiceDetail/updateNode.do", + type: "put", + data: { + c_id: selectedDetailId, + c_title: detailName, + c_contents: CKEDITOR.instances.report_pdservice_detail_editor.getData() + }, + statusCode: { + 200: function () { + // dataTableLoad(); + pdServiceDataTableClick(tempSelectId); + setTimeout(function() { + productServiceDetailDataLoad(tempSelectId); + }, 300); + setTimeout(function() { + detailClick(document.getElementById("pdservice_detail_link_" + selectedDetailId), tempSelectDetailId); + }, 500); + jSuccess(detailName + "의 데이터가 변경되었습니다."); + } + } + }); + }); + +} + +//////////////////////////////////////////////////////////////////////////////////////// +// 팝업에서 제품(서비스) 변경 저장 버튼 +//////////////////////////////////////////////////////////////////////////////////////// +function product_update_btn_click() { + $("#btn_modal_product_edit_submit").click(function () { + var owner = "none"; + if ($("#modal_product_edit_pdservice_owner").select2("data")[0] != undefined) { + owner = $("#modal_product_edit_pdservice_owner").select2("data")[0].text; + } + + var reviewers01 = "none"; + var reviewers02 = "none"; + var reviewers03 = "none"; + var reviewers04 = "none"; + var reviewers05 = "none"; + if ($("#modal_product_edit_pdservice_reviewers").select2("data")[0] != undefined) { + reviewers01 = $("#modal_product_edit_pdservice_reviewers").select2("data")[0].text; + } + if ($("#modal_product_edit_pdservice_reviewers").select2("data")[1] != undefined) { + reviewers02 = $("#modal_product_edit_pdservice_reviewers").select2("data")[1].text; + } + if ($("#modal_product_edit_pdservice_reviewers").select2("data")[2] != undefined) { + reviewers03 = $("#modal_product_edit_pdservice_reviewers").select2("data")[2].text; + } + if ($("#modal_product_edit_pdservice_reviewers").select2("data")[3] != undefined) { + reviewers04 = $("#modal_product_edit_pdservice_reviewers").select2("data")[3].text; + } + if ($("#modal_product_edit_pdservice_reviewers").select2("data")[4] != undefined) { + reviewers05 = $("#modal_product_edit_pdservice_reviewers").select2("data")[4].text; + } + + const cTitle = $("#modal_product_edit_pdservice_name").val(); + $.ajax({ + url: "/auth-user/api/arms/pdService/updateNode.do", + type: "put", + data: { + c_id: $("#pdservice_table").DataTable().rows(".selected").data()[0].c_id, + c_title: cTitle, + c_pdservice_owner: owner, + c_pdservice_reviewer01: reviewers01, + c_pdservice_reviewer02: reviewers02, + c_pdservice_reviewer03: reviewers03, + c_pdservice_reviewer04: reviewers04, + c_pdservice_reviewer05: reviewers05, + c_pdservice_contents: CKEDITOR.instances.modal_product_edit_editor.getData() + }, + statusCode: { + 200: function () { + //모달 팝업 끝내고 + $("#btn_modal_product_edit_close").trigger("click"); + reloadDataWithSameOrdering(cTitle); + jSuccess($("#modal_product_edit_pdservice_name").val() + "의 데이터가 변경되었습니다."); + + pdServiceDataTableClick(selectId); + } + } + }); + }); +} + + +//////////////////////////////////////////////////////////////////////////////////////// +// 최초 dataTable_build 시 정렬 기준을 dataTableRef.ajax.reload 때마다 가져와서 세팅한다. +// 일관 된 정렬을 보장하기 위한 함수이다. +//////////////////////////////////////////////////////////////////////////////////////// +function reloadDataWithSameOrdering(cTitle) { + const currentOrder = dataTableRef.order(); + dataTableRef.ajax.reload(function() { + dataTableRef.order(currentOrder).draw(); + if(cTitle === "") return false; + $("#pdservice_table tbody tr").each(function() { + const rowTitle = $(this).find("td label").text(); + if (rowTitle === cTitle) { + $(this).click(); + return false; + } + }); + }); +}