Index: arms/html/analysisCost/content-container.html =================================================================== diff -u -r07a5aaa57c3dab863d21b5261f8f1bbcca8ece73 -rb5ceed573bd3fadf604fcc3c557ba804c24e8a5b --- arms/html/analysisCost/content-container.html (.../content-container.html) (revision 07a5aaa57c3dab863d21b5261f8f1bbcca8ece73) +++ arms/html/analysisCost/content-container.html (.../content-container.html) (revision b5ceed573bd3fadf604fcc3c557ba804c24e8a5b) @@ -1,18 +1,1174 @@
-
+ +
-

- - Java Service Tree Framework DevTools +

+ + + 비용 분석 +

+
+ + + + + + + + + + + + + + + + + + +
+
+
+ 선택한 제품(서비스)와 버전의 요구사항 및 연결된 이슈 관점 요구사항 현황 +
+ +
+
+
+
+
+
+

+ + + 제품(서비스) - 버전 선택 + +

+
+
+
+
+ + 1. Product + service + 를 선택해 주세요 + +
+
+ +
+
+
+ 2. Product + service + 의 버전을 선택해 주세요 +
+
+
+ +
+
+
+
+
+
+
+
+
+

+ + + 종합 진행 현황 + +

+
+
+
+
+
+
+
+
+
+
+

+ + + 범위(Scope) 현황 + +

+
+
+
+
+
+
+ - +
+
+ + 작업 중 +
+
+
|
+
+
+ - +
+
└ 작업 대상 ┘
+
+
+
+
+
+ + 요구사항( + + ) 연결이슈 평균: + + - + + 개 + +
+
+
+ + 총 요구사항 +
+ (미할당) +
+ + - + + 개 ( + - + ) + +
+
+
+ + 총 연결이슈 +
+ (미할당) +
+ + - + + 개 ( + - + ) + +
+
+
+
+
+
+
+
+
+
+

+ + + 일정(Time) 현황 + +

+
+
+
+
+
+
+ - +
+
【 일정 】
+
+
|
+
+
+ - +
+
【 경과 】
+
+
+
+
+ + 작업 종료 예상일 +
+ + - + + +
+
+
+
+
+
+
+
+
+

+ + + 자원(Resource) 현황 + +

+
+
+
+
+
+ - +
+
+ + 투입 작업자 수 +
+
+
+
+
+ + 작업 중 요구사항 평균 : + + - + + 개 + +
+
+
+ + 생성한 연결이슈 평균 : + + - + + 개 + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ + + 프로젝트 비용 산정 + +

+
+ + + + + + + + + + + + + + + + + + +
+
+
+
+
+ 선택한 제품(서비스)의 버전에 프로젝트 비용과 인력별 단가를 산정 +
+ +
+
+
+
+
+
+

+ + + 프로젝트 비용 예측 + +

+
+ + + + + + + + + + + + + + +
+
- 개발중 +
+
+
+ 제품(서비스) - 버전 - 요구사항 - 인력별 예산을 계산할 수 있습니다. +
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+

+ + + 비용 분석 + +

+
+ + + + + + + + + + + + + + + + + + +
+
+
+
+
+ 입력된 프로젝트 버전별 비용과 인력별 비용 산정으로 분석된 데이터입니다. +
+ +
+
+ +
+
+
+
+

+ + + 요구사항 비용 분석 + +

+
+ + + + + + + + + + + + + + +
+
+
+
+
+ 요구사항의 난이도와 우선순위를 기준으로 요구사항의 단가가 측정됩니다. +
+
+
+
+
+ + +
+
+
+

+ + + 인력별 비용 분석 + +

+
+ + + + + + + + + + + + + + + + + + +
+
+
+ ES 수집 일 기준 +
+
+
+
+ 인력별 요구사항 투입된 정보로 분석된 데이터입니다. +
+ +
+
+ +
+
+
+
+ +
+
+
+ 제품(서비스) - Version - 요구사항 - Issue 를 확인하세요. +
+

+ + 링크드 이슈 및 서브테스크는 + 요구사항 이슈 키 + 컬럼의 + + 아이콘을 클릭하세요. +

+
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+
+
+ + +
+ +
+
+
+
+

+ + + 버전별 요구사항 단가 분포 현황 + +

+
+ + + + + + + + + + + + + + +
+
+
+
+
+ 버전별 단가를 버블의 크기별로 확인할 수 있습니다. +
+
+
+ +
+
+
+
+
+
+
+
+

+ + + 손익분기점 + +

+
+ + + + + + + + + + + + + + +
+
+
+
+
+ 버전의 프로젝트 금액과 측정된 이익의 분기점을 확인할 수 있습니다. +
+
+
+
+
+
+
-
\ No newline at end of file +
+ + + + Index: arms/html/analysisCost/content-header.html =================================================================== diff -u -r74de6df651f26570833fc55a872c7922131b6419 -rb5ceed573bd3fadf604fcc3c557ba804c24e8a5b --- arms/html/analysisCost/content-header.html (.../content-header.html) (revision 74de6df651f26570833fc55a872c7922131b6419) +++ arms/html/analysisCost/content-header.html (.../content-header.html) (revision b5ceed573bd3fadf604fcc3c557ba804c24e8a5b) @@ -1,13 +1,14 @@

- Dashboard - Statistics and more + Analysis + Cost

Index: arms/html/template/page-sidebar.html =================================================================== diff -u -r0cc2ef4e5a19518c64915cbacfe792d16f05c766 -rb5ceed573bd3fadf604fcc3c557ba804c24e8a5b --- arms/html/template/page-sidebar.html (.../page-sidebar.html) (revision 0cc2ef4e5a19518c64915cbacfe792d16f05c766) +++ arms/html/template/page-sidebar.html (.../page-sidebar.html) (revision b5ceed573bd3fadf604fcc3c557ba804c24e8a5b) @@ -103,6 +103,10 @@ id="sidebar_menu_analysis_resource"> 자원 분석 - Resource + Index: arms/js/analysisCost.js =================================================================== diff -u -r07a5aaa57c3dab863d21b5261f8f1bbcca8ece73 -rb5ceed573bd3fadf604fcc3c557ba804c24e8a5b --- arms/js/analysisCost.js (.../analysisCost.js) (revision 07a5aaa57c3dab863d21b5261f8f1bbcca8ece73) +++ arms/js/analysisCost.js (.../analysisCost.js) (revision b5ceed573bd3fadf604fcc3c557ba804c24e8a5b) @@ -1,32 +1,71 @@ +var selectedPdServiceId; // 제품(서비스) 아이디 +var selectedVersionId; // 선택된 버전 아이디 +var dataTableRef; +var mailAddressList; // 투입 작업자 메일 +var req_count, linkedIssue_subtask_count, resource_count, req_in_action, total_days_progress; + +var dashboardColor; +var pdServiceData; + +var pdServiceListData; +var versionListData; + //////////////////////////////////////////////////////////////////////////////////////// //Document Ready //////////////////////////////////////////////////////////////////////////////////////// function execDocReady() { - var pluginGroups = [ - [ "../reference/light-blue/lib/vendor/jquery.ui.widget.js", + [ + "../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/light-blue/lib/jquery.fileupload-ui.js", + //chart Colors + "./js/dashboard/chart/colorPalette.js", + // Apache Echarts + "../reference/jquery-plugins/echarts-5.4.3/dist/echarts.min.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/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/widgster/widgster.js", + "../reference/lightblue4/docs/lib/slimScroll/jquery.slimscroll.min.js", + // 투입 인력별 요구사항 관여 차트 + "../reference/jquery-plugins/Jit-2.0.1/jit.js", + "../reference/jquery-plugins/Jit-2.0.1/Examples/css/Treemap.css", + // 제품-버전-투입인력 차트 + "../reference/jquery-plugins/d3-sankey-v0.12.3/d3-sankey.min.js" + ], + [ + // d3-5.16.0 네트워크 차트 + "../reference/jquery-plugins/d3-5.16.0/d3.min.js", + // 생성한 차트 import + "js/analysis/topmenu/basicRadar.js", + "js/analysis/topmenu/topMenu.js", - [ "../reference/jquery-plugins/dataTables-1.10.16/media/css/jquery.dataTables_lightblue4.css", + // 버전 별 요구사항 현황 (RadialPolarBarChart) + "js/analysis/resource/chart/nightingaleRosePieChart.js", + "js/analysis/resource/chart/RadialPolarBarChart.js", + + //CirclePacking with d3 Chart + "js/analysis/resource/chart/circularPackingChart.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", @@ -37,18 +76,1956 @@ "../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", - "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/pdfmake.min.js"] + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/pdfmake.min.js", + "../arms/js/analysis/resource/sankey.js" + ] // 추가적인 플러그인 그룹들을 이곳에 추가하면 됩니다. ]; loadPluginGroupsParallelAndSequential(pluginGroups) - .then(function() { + .then(function () { // 사이드 메뉴 색상 설정 - $('.widget').widgster(); - setSideMenu("sidebar_menu_dashboard", "sidebar_menu_dashboard_home"); + + $(".widget").widgster(); + setSideMenu("sidebar_menu_analysis", "sidebar_menu_analysis_cost"); + + //제품(서비스) 셀렉트 박스 이니시에이터 + makePdServiceSelectBox(); + + //버전 멀티 셀렉트 박스 이니시에이터 + makeVersionMultiSelectBox(); + + dashboardColor = dashboardPalette.dashboardPalette01; + + //d3Chart 그리기 + $.getScript("./js/pdServiceVersion/initD3Chart.js").done(function (script, textStatus) { + initD3Chart("/auth-user/api/arms/pdService/getD3ChartData.do"); + }); }) - .catch(function() { - console.error('플러그인 로드 중 오류 발생'); + .catch(function () { + console.error("플러그인 로드 중 오류 발생"); }); +} +/////////////////////// +//제품 서비스 셀렉트 박스 +////////////////////// +function makePdServiceSelectBox() { + //제품 서비스 셀렉트 박스 이니시에이터 + $(".chzn-select").each(function () { + $(this).select2($(this).data()); + }); + + //제품 서비스 셀렉트 박스 데이터 바인딩 + $.ajax({ + url: "/auth-user/api/arms/pdService/getPdServiceMonitor.do", + type: "GET", + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true, + statusCode: { + 200: function (data) { + ////////////////////////////////////////////////////////// + pdServiceListData = []; + for (var k in data.response) { + var obj = data.response[k]; + pdServiceListData.push({ "pdServiceId": obj.c_id, "pdServiceName": obj.c_title }); + var newOption = new Option(obj.c_title, obj.c_id, false, false); + $("#selected_pdService").append(newOption).trigger("change"); + } + ////////////////////////////////////////////////////////// + console.log("[analysisScope :: makePdServiceSelectBox] :: pdServiceListData => " ); + console.log(pdServiceListData); + } + } + }); + + $("#selected_pdService").on("select2:open", function () { + //슬림스크롤 + makeSlimScroll(".select2-results__options"); + }); + + // --- select2 ( 제품(서비스) 검색 및 선택 ) 이벤트 --- // + $("#selected_pdService").on("select2:select", function (e) { + selectedPdServiceId = $("#selected_pdService").val(); + //refreshDetailChart(); 변수값_초기화(); + // 제품( 서비스 ) 선택했으니까 자동으로 버전을 선택할 수 있게 유도 + // 디폴트는 base version 을 선택하게 하고 ( select all ) + //~> 이벤트 연계 함수 :: Version 표시 jsTree 빌드 + bind_VersionData_By_PdService(); + }); +} // end makePdServiceSelectBox() + +//////////////////////////////////////// +//버전 멀티 셀렉트 박스 +//////////////////////////////////////// +function makeVersionMultiSelectBox() { + //버전 선택시 셀렉트 박스 이니시에이터 + $(".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(); + console.log("[ analysisScope :: makeVersionMultiSelectBox ] :: versionTag"); + console.log(versionTag); + selectedVersionId = versionTag.join(","); + + if (versionTag === null || versionTag == "") { + alert("버전이 선택되지 않았습니다."); + return; + } + //분석메뉴 상단 수치 초기화 + 수치_초기화(); + + // 요구사항 및 연결이슈 통계 + getReqAndLinkedIssueData(selectedPdServiceId, selectedVersionId); + + // 네트워크 차트 + statisticsMonitor($("#selected_pdService").val(), selectedVersionId); + getRelationJiraIssueByPdServiceAndVersions($("#selected_pdService").val(), selectedVersionId); + + // 나이팅게일로즈 차트(pie) - 버전별 요구사항 + getReqPerVersion(selectedPdServiceId, selectedVersionId, versionTag); + + treeBar(); + + //요구사항 현황 데이터 테이블 로드 + // console.log(" ============ makeVersionMultiSelectBox ============= "); + // endPointUrl = + // "/T_ARMS_REQSTATUS_" + $("#selected_pdService").val() + "/getStatusMonitor.do?disable=false&versionTag=" + versionTag; + // 요구사항_현황_데이터_테이블($("#selected_pdService").val(), endPointUrl); + + } + }); } + +function bind_VersionData_By_PdService() { + $(".multiple-select option").remove(); + $.ajax({ + url: "/auth-user/api/arms/pdService/getVersionList.do?c_id=" + $("#selected_pdService").val(), + type: "GET", + dataType: "json", + progress: true, + statusCode: { + 200: function (data) { + ////////////////////////////////////////////////////////// + //console.log(data.response); + var pdServiceVersionIds = []; + versionListData = []; + for (var k in data.response) { + var obj = data.response[k]; + pdServiceVersionIds.push(obj.c_id); + versionListData.push(obj); + // versionListData.push({ c_id: obj.c_id, versionTitle: obj.c_title }); + var newOption = new Option(obj.c_title, obj.c_id, true, false); + $(".multiple-select").append(newOption); + } + var versionTag = $(".multiple-select").val(); + console.log("[ analysisScope :: bind_VersionData_By_PdService ] :: versionTag"); + + 수치_초기화(); + selectedVersionId = pdServiceVersionIds.join(","); + // 요구사항 및 연결이슈 통계 + getReqAndLinkedIssueData(selectedPdServiceId, selectedVersionId); + // Circular Packing with D3 차트 + getReqStatusAndAssignees(selectedPdServiceId, selectedVersionId); + // 네트워크 차트 + statisticsMonitor($("#selected_pdService").val(), selectedVersionId); + getRelationJiraIssueByPdServiceAndVersions($("#selected_pdService").val(), selectedVersionId); + + // 나이팅게일로즈 차트(pie) - 버전별 요구사항 + getReqPerVersion(selectedPdServiceId, selectedVersionId, versionTag); + + if (data.length > 0) { + console.log("display 재설정."); + } + treeBar(); + //$('#multiversion').multipleSelect('refresh'); + //$('#edit_multi_version').multipleSelect('refresh'); + $(".multiple-select").multipleSelect("refresh"); + + + //요구사항 현황 데이터 테이블 로드 + console.log("========================="); + endPointUrl = + "/T_ARMS_REQSTATUS_" + $("#selected_pdService").val() + "/getStatusMonitor.do?disable=false&versionTag=" + versionTag; + 요구사항_현황_데이터_테이블($("#selected_pdService").val(), endPointUrl); + ////////////////////////////////////////////////////////// + } + } + }); +} + +// 도넛차트 +function donutChart(pdServiceLink, pdServiceVersionLinks) { + console.log("pdServiceId : " + pdServiceLink); + console.log("pdService Version : " + pdServiceVersionLinks); + function donutChartNoData() { + c3.generate({ + bindto: "#donut-chart", + data: { + columns: [], + type: "donut" + }, + donut: { + title: "Total : 0" + } + }); + } + + if (pdServiceLink === "" || pdServiceVersionLinks === "") { + donutChartNoData(); + return; + } + + const url = new UrlBuilder() + .setBaseUrl("/auth-user/api/arms/dashboard/aggregation/flat") + .addQueryParam("pdServiceLink", pdServiceLink) + .addQueryParam("pdServiceVersionLinks", pdServiceVersionLinks) + .addQueryParam("메인그룹필드", "status.status_name.keyword") + .addQueryParam("하위그룹필드들", "") + .addQueryParam("크기", 1000) + .addQueryParam("하위크기", 1000) + .addQueryParam("컨텐츠보기여부", true) + .build(); + + $.ajax({ + url: url, + type: "GET", + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true, + statusCode: { + 200: function (apiResponse) { + const data = apiResponse.response; + let 검색결과 = data["검색결과"]["group_by_status.status_name.keyword"]; + if ( + (Array.isArray(data) && data.length === 0) || + (typeof data === "object" && Object.keys(data).length === 0) || + (typeof data === "string" && data === "{}") + ) { + donutChartNoData(); + return; + } + + const columnsData = []; + + 검색결과.forEach((status) => { + columnsData.push([status.필드명, status.개수]); + }); + + let totalDocCount = data.전체합계; + + const chart = c3.generate({ + bindto: "#donut-chart", + data: { + columns: columnsData, + type: "donut" + }, + donut: { + title: "Total : " + totalDocCount + }, + color: { + pattern: dashboardColor.issueStatusColor + }, + tooltip: { + format: { + value: function (value, ratio, id, index) { + return value; + } + } + } + }); + + $(document).on("click", "#donut-chart .c3-legend-item", function () { + const id = $(this).text(); + const isHidden = $(this).hasClass("c3-legend-item-hidden"); + let docCount = 0; + + for (const status of 검색결과) { + if (status.필드명 === id) { + docCount = status.개수; + break; + } + } + if (docCount) { + if (isHidden) { + totalDocCount -= docCount; + } else { + totalDocCount += docCount; + } + } + $("#donut-chart .c3-chart-arcs-title").text("Total : " + totalDocCount); + }); + } + } + }); +} + +// 바차트 +function combinationChart(pdServiceLink, pdServiceVersionLinks) { + function combinationChartNoData() { + c3.generate({ + bindto: "#combination-chart", + data: { + x: "x", + columns: [], + type: "bar", + types: {} + } + }); + } + + if (pdServiceLink === "" || pdServiceVersionLinks === "") { + combinationChartNoData(); + return; + } + + const url = new UrlBuilder() + .setBaseUrl("/auth-user/api/arms/dashboard/requirements-jira-issue-statuses") + .addQueryParam("pdServiceLink", pdServiceLink) + .addQueryParam("pdServiceVersionLinks", pdServiceVersionLinks) + .addQueryParam("메인그룹필드", "pdServiceVersion") + .addQueryParam("하위그룹필드들", "assignee.assignee_accountId.keyword,assignee.assignee_displayName.keyword") + .addQueryParam("크기", 1000) + .addQueryParam("하위크기", 1000) + .addQueryParam("컨텐츠보기여부", true) + .build(); + + $.ajax({ + url: url, + type: "GET", + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true, + statusCode: { + 200: function (apiResponse) { + const data = apiResponse.response; + if ( + (Array.isArray(data) && data.length === 0) || + (typeof data === "object" && Object.keys(data).length === 0) || + (typeof data === "string" && data === "{}") + ) { + combinationChartNoData(); + return; + } + + const issueStatusTypesSet = new Set(); + for (const month in data) { + for (const status in data[month].statuses) { + issueStatusTypesSet.add(status); + } + } + const issueStatusTypes = [...issueStatusTypesSet]; + + let columnsData = []; + + issueStatusTypes.forEach((status) => { + const columnData = [status]; + for (const month in data) { + const count = data[month].statuses[status] || 0; + columnData.push(count); + } + columnsData.push(columnData); + }); + + const requirementCounts = ["요구사항"]; + for (const month in data) { + requirementCounts.push(data[month].totalRequirements); + } + columnsData.push(requirementCounts); + + let monthlyTotals = {}; + + for (const month in data) { + monthlyTotals[month] = data[month].totalIssues + data[month].totalRequirements; + } + + const chart = c3.generate({ + bindto: "#combination-chart", + data: { + x: "x", + columns: [["x", ...Object.keys(data)], ...columnsData], + type: "bar", + types: { + 요구사항: "area" + }, + groups: [issueStatusTypes] + }, + color: { + pattern: dashboardColor.accumulatedIssueStatusColor + }, + onrendered: function () { + d3.selectAll(".c3-line, .c3-bar, .c3-arc").style("stroke", "white").style("stroke-width", "0.3px"); + }, + axis: { + x: { + type: "category" + } + }, + tooltip: { + format: { + title: function (index) { + const month = Object.keys(data)[index]; + const total = monthlyTotals[month]; + return `${month} | Total : ${total}`; + } + } + } + }); + + $(document).on("click", "#combination-chart .c3-legend-item", function () { + const id = $(this).text(); + const isHidden = $(this).hasClass("c3-legend-item-hidden"); + let docCount = 0; + + for (const month in data) { + if (data[month].statuses.hasOwnProperty(id)) { + docCount = data[month].statuses[id]; + } else if (id === "요구사항") { + docCount = data[month].totalRequirements; + } + } + + // 월별 통계 값 업데이트 + for (const month in data) { + if (isHidden) { + monthlyTotals[month] -= docCount; + } else { + monthlyTotals[month] += docCount; + } + } + }); + } + } + }); +} + +function statisticsMonitor(pdservice_id, pdservice_version_id) { + console.log("[ analysisScope :: statisticsMonitor ] :: pdservice_id => " + pdservice_id); + console.log("[ analysisScope :: statisticsMonitor ] :: pdservice_version_id => " + pdservice_version_id); + + //1. 좌상 게이지 차트 및 타임라인 + //2. Time ( 작업일정 ) - 버전 개수 삽입 + $.ajax({ + url: "/auth-user/api/arms/pdService/getNodeWithVersionOrderByCidDesc.do?c_id=" + pdservice_id, + type: "GET", + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true, + statusCode: { + 200: function (json) { + pdServiceData = json; + let versionData = json.pdServiceVersionEntities; + let versionCustomTimeline = []; + + let today = new Date(); + versionData.sort((a, b) => a.c_id - b.c_id); + + versionData.forEach(function (versionElement, idx) { + var versionTimelineCustomData = { + "c_id": versionElement.c_id, + "title" : versionElement.c_title, + "startDate" : (versionElement.c_pds_version_start_date === "start" ? today : versionElement.c_pds_version_start_date), + "endDate" : (versionElement.c_pds_version_end_date === "end" ? today : versionElement.c_pds_version_end_date) + }; + versionCustomTimeline.push(versionTimelineCustomData); + }); + + let version_count = versionData.length; + + console.log("등록된 버전 개수 = " + version_count); + } + } + }); +} + +function getRelationJiraIssueByPdServiceAndVersions(pdServiceLink, pdServiceVersions) { + $.ajax({ + url: "/auth-user/api/arms/analysis/time/pdService/pdServiceVersions", + type: "GET", + data: { pdServiceLink: pdServiceLink, pdServiceVersionLinks: pdServiceVersions }, + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true, + async: true, + statusCode: { + 200: function (data) { + // 버전 선택 시 데이터 파싱 + + setTimeout(function () { + networkChart(pdServiceVersions, data); + }, 1000); + } + } + }); +} + +function networkChart(pdServiceVersions, jiraIssueData) { + d3.select("#NETWORK_GRAPH").remove(); + + var NETWORK_DATA = { + nodes: [], + links: [] + }; + + pdServiceData.id = pdServiceData.c_id; + pdServiceData.type = "pdService"; + NETWORK_DATA.nodes.push(pdServiceData); + + var targetIds = pdServiceVersions.split(",").map(Number); + var versionList = pdServiceData.pdServiceVersionEntities; + + versionList.forEach((item) => { + if (targetIds.includes(item.c_id)) { + item.id = item.c_id; + item.type = "version"; + NETWORK_DATA.nodes.push(item); + + console.log(typeof item.id); + var link = { + source: item.id, + target: pdServiceData.c_id + }; + NETWORK_DATA.links.push(link); + } + }); + + var index = {}; + + jiraIssueData.forEach(function (item) { + NETWORK_DATA.nodes.push(item); + index[item.key] = item; + }); + + jiraIssueData.forEach(function (item) { + if (item.isReq === true) { + var versionLink = { + source: item.id, + target: item.pdServiceVersion + }; + + NETWORK_DATA.links.push(versionLink); + } + + var parentItem = index[item.parentReqKey]; + + if (parentItem) { + var link = { + source: item.id, + target: parentItem.id + }; + NETWORK_DATA.links.push(link); + } + }); + + if (NETWORK_DATA.nodes.length === 0) { + // 데이터가 없는 경우를 체크 + d3.select("#NETWORK_GRAPH").remove(); + d3.select(".network-graph").append("p").text("데이터가 없습니다."); + return; + } + + // $('#notifyNoVersion').show(); + d3.select(".network-graph").append("svg").attr("id", "NETWORK_GRAPH"); + + /******** network graph config ********/ + var networkGraph = { + createGraph: function () { + let links = NETWORK_DATA.links.map(function (d) { + return Object.create(d); + }); + let nodes = NETWORK_DATA.nodes.map(function (d) { + return Object.create(d); + }); + + var fillCircle = function (g) { + if (g.type === "pdService") { + return "#c67cff"; + } else if (g.type === "version") { + return "rgb(255,127,14)"; + } else if (g.isReq === true) { + return "rgb(214,39,40)"; + } else if (g.isReq === false) { + return "rgb(31,119,180)"; + } else { + return "rgb(44,160,44)"; + } + }; + + var typeBinding = function (g) { + let name = ""; + + if (g.type === "pdService") { + name = "제품(서비스)"; + } else if (g.type === "version") { + name = "버전"; + } else if (g.isReq === true) { + name = "요구사항"; + } else if (g.isReq === false) { + name = "연결된 이슈"; + } + + return "[" + name + "]"; + }; + + var nameBinding = function (g) { + let name = ""; + + if (g.type === "pdService") { + return g.c_title; + } else if (g.type === "version") { + return g.c_title; + } else { + return g.key; + } + }; + + let baseWidth = 400; + let baseHeight = 400; + let nodeCount = nodes.length; + + let increaseFactor = Math.floor(nodeCount / 100); + if (nodeCount % 100 !== 0) { + increaseFactor++; + } + baseWidth += increaseFactor * 100; + baseHeight += increaseFactor * 100; + + let width = baseWidth; + let height = baseHeight; + + let initScale = 1; + + if (increaseFactor !== 0) { + initScale = initScale / increaseFactor; + } + + let simulation = d3 + .forceSimulation(nodes) + .force( + "link", + d3 + .forceLink(links) + .id(function (d) { + return d.id; + }) + .distance(30) + ) + .force("charge", d3.forceManyBody().strength(-1000)) + .force("center", d3.forceCenter(width / 3, height / 3)) + .force("collide", d3.forceCollide().radius(20)) + .force( + "radial", + d3 + .forceRadial() + .radius(10) + .x(width / 3) + .y(height / 3) + .strength(0.5) + ); + //.force("center", d3.forceCenter(width / 3, height / 3)); + // .force("collide", d3.forceCollide() + // .radius(function(node) { + // var linkCount = countLinks(node, links ); + // return 5 * linkCount; + // }) + // ); + // .force("collide",d3.forceCollide().radius( function(d){ + // console.log(d); + // return 20; + // })); + + //simulation.stop(); + + let svg = d3.select("#NETWORK_GRAPH").attr("viewBox", [0, 0, width, height]); + + let initialTransform = d3.zoomIdentity + .translate(width / 3, height / 3) // 초기 위치 설정 + .scale(initScale); // 초기 줌 레벨 설정 + + let zoom = d3 + .zoom() + .scaleExtent([0.1, 5]) // 줌 가능한 최소/최대 줌 레벨 설정 + .on("zoom", zoomed); // 줌 이벤트 핸들러 설정 + + // SVG에 확대/축소 기능 적용 + svg.call(zoom); + + // 초기 줌 설정 + svg.transition().duration(500).call(zoom.transform, initialTransform); + + let gHolder = svg.append("g").attr("class", "g-holder"); + + let link = gHolder + .append("g") + .attr("fill", "none") + .attr("stroke", "gray") + .attr("stroke-opacity", 1) + .selectAll("path") + .data(links) + .join("path") + .attr("stroke-width", 1.5); + + /* + var node = svg.append("g") + .selectAll("circle") + .data(nodes) + .enter() + .append("circle") + .attr("r", 8) + .attr("fill", color) + .call(drag(simulation)); // text 라벨 추가를 위해 g로 그룹핑 + + node.append("text") + .text(function(d){ return d.id }) + .style("font-size", "12px") */ + + let node = gHolder + .append("g") + .attr("class", "circle-node-holder") + .attr("stroke", "white") + .attr("stroke-width", 1) + .selectAll("g") + .data(nodes) + .enter() + .append("g") + .each(function (d) { + d3.select(this).append("circle").attr("r", 10).attr("fill", fillCircle(d)); + /*d3.select(this) + .append("text").text(d.id) + .attr("dy",6) + .style("text-anchor","middle") + .attr("class", "node-label");*/ + }) + .call(networkGraph.drag(simulation)); + + node + .append("text") + .attr("x", 11) + .attr("dy", ".31em") + .style("font-size", "9px") + .style("fill", (d) => fillCircle(d)) + .style("font-weight", "5") + .attr("stroke", "white") + .attr("stroke-width", "0.3") + .text((d) => typeBinding(d)); + + node + .append("text") + .attr("x", 12) + .attr("dy", "1.5em") + .style("font-family", "Arial") + .style("font-size", "10px") + .style("font-weight", "10") + .text((d) => nameBinding(d)); + + simulation.on("tick", function () { + link + .attr("x1", function (d) { + return d.source.x; + }) + .attr("y1", function (d) { + return d.source.y; + }) + .attr("x2", function (d) { + return d.target.x; + }) + .attr("y2", function (d) { + return d.target.y; + }); + + /*node + .attr("cx", function(d){ return d.x; }) + .attr("cy", function(d){ return d.y; });*/ + + //circle 노드에서 g 노드로 변경 + node.attr("transform", function (d) { + return "translate(" + d.x + "," + d.y + ")"; + }); + + link.attr("d", function (d) { + var dx = d.target.x - d.source.x, + dy = d.target.y - d.source.y, + dr = Math.sqrt(dx * dx + dy * dy); + return "M" + d.source.x + "," + d.source.y + "A" + dr + "," + dr + " 0 0,1 " + d.target.x + "," + d.target.y; + }); + }); + + // d3-5.16.0 + // function zoomed() { + // let transform = d3.event.transform; + function zoomed() { + // 현재 확대/축소 변환을 얻음 + let transform = d3.event.transform; + + // 모든 노드 및 링크를 현재 확대/축소 변환으로 이동/확대/축소 + gHolder.attr("transform", transform); + } + + //invalidation.then(() => simulation.stop()); + + return svg.node(); + }, + drag: function (simulation) { + // d3-5.16.0 + // function dragstarted(d) { + // if (!d3.event.active) simulation.alphaTarget(0.3).restart(); + // d.fx = d.x; + // d.fy = d.y; + // } + // + // function dragged(d) { + // d.fx = d3.event.x; + // d.fy = d3.event.y; + // } + // + // function dragended(d) { + // if (!d3.event.active) simulation.alphaTarget(0); + // d.fx = null; + // d.fy = null; + // } + + function dragstarted(d) { + if (!d3.event.active) simulation.alphaTarget(0.3).restart(); + d.fx = d.x; + d.fy = d.y; + } + + function dragged(d) { + d.fx = d3.event.x; + d.fy = d3.event.y; + } + + function dragended(d) { + if (!d3.event.active) simulation.alphaTarget(0); + d.fx = null; + d.fy = null; + } + + return d3.drag().on("start", dragstarted).on("drag", dragged).on("end", dragended); + } + }; + + /******** network graph create ********/ + networkGraph.createGraph(); +} + +function versionUpdateIssueScatterChart(pdservice_id, pdservice_version_id, versionData) { + console.log("[ analysisScope :: versionUpdateIssueScatterChart ] :: 버전별 요구사항 업데이트 상태 스캐터 차트 버전데이터 = "); + console.log(versionData); + + var yVersionData = []; + var xVesrionStartEndData = []; + var yearData = new Set(); + versionData.forEach(version => { + yVersionData.push(version.title); + var arrayData = [version.title, +new Date(version.startDate), +new Date(version.endDate)]; + yearData.add(new Date(version.startDate).getFullYear()); + yearData.add(new Date(version.endDate).getFullYear()); + xVesrionStartEndData.push(arrayData); + }); + + var versionDataMap = versionData.reduce(function(map, obj) { + map[obj.c_id] = obj; + return map; + }, {}); + + var dom = document.getElementById('boxplot-scatter-chart-container'); + + let myChart = echarts.init(dom, null, { + renderer: 'canvas', + useDirtyRect: false + }); + + let colorList = ['#5470C6', '#91CC75', '#FAC858', '#EE6666', '#73C0DE', '#3BA272', '#FC8452', '#9A60B4', '#EA7CCC']; + let scatterData = []; + + const url = new UrlBuilder() + .setBaseUrl("/auth-user/api/arms/analysis/time/standard-daily/jira-issue") + .addQueryParam("pdServiceLink", pdservice_id) + .addQueryParam("pdServiceVersionLinks", pdservice_version_id) + .addQueryParam("일자기준", "updated") + .addQueryParam("메인그룹필드", "isReq") + .addQueryParam("하위그룹필드들", "pdServiceVersion") + .addQueryParam("크기", 1000) + .addQueryParam("하위크기", 1000) + .addQueryParam("컨텐츠보기여부", true) + .build(); + + $.ajax({ + url: url, + type: "GET", + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true, + statusCode: { + 200: function (data) { + console.log("[ analysisScope :: versionUpdateIssueScatterChart ] :: 버전별 요구사항 업데이트 상태 스캐터 차트데이터 = "); + console.log(data); + + let result = Object.keys(data).reduce( + (acc, date) => { + + if (data[date].requirementStatuses !== null) { + Object.keys(data[date].requirementStatuses).forEach((versionId) => { + if (data[date].requirementStatuses[versionId] !== 0) { + acc.versionScatterData.push([versionDataMap[versionId].title, new Date(date).getTime(), data[date].requirementStatuses[versionId]]); + } + }); + } + + return acc; + }, + { + versionScatterData: [] + } + ); + scatterData = result.versionScatterData; + + var option = { + legend: { + data: ['요구사항'], + textStyle: { + color: '#fff' // 범례의 텍스트 색상을 설정합니다. + } + }, + yAxis: { + type: 'time', + axisLabel: { + interval: 0, + textStyle: { + color: "white" + }, + fontSize: 9, + rotate: 0, + formatter: function(params) { + return formatDate(new Date(params)); + } + }, + axisTick: { show: false }, + splitLine: { + show: true, + lineStyle: { + color: "rgba(255,255,255,0.2)", + width: 1, + type: "dashed" + } + }, + // splitNumber: 5, // 라벨의 간격을 조절합니다. 이 값은 원하는 간격에 따라 조절할 수 있습니다. + }, + xAxis: { + data: yVersionData.reverse(), + inverse: true, + axisLabel: { + interval: 0, + textStyle: { + color: "white" + } + } + }, + series: [ + { + name: 'Versions', + type: 'custom', + itemStyle: { + color: function(params) { + return colorList[params.dataIndex % colorList.length]; + } + }, + renderItem: function(params, api) { + var categoryIndex = api.value(0); + var start = api.coord([categoryIndex, api.value(1)]); + var end = api.coord([categoryIndex, api.value(2)]); + var gap = 40; // 간격의 크기를 설정 + var width = (params.coordSys.width - gap * (yVersionData.length - 1)) / yVersionData.length; // 간격을 고려하여 사각형의 너비를 계산합니다. + + if (width > 90) { + width = 90; + } + + return { + type: 'rect', + shape: { + x: start[0] - width / 2, + y: start[1], + width: width, + height: end[1] - start[1] + }, + style: api.style(params.dataIndex) // apply color here + }; + }, + encode: { + y: [1, 2], + x: 0 + }, + data: xVesrionStartEndData + }, + { + name: '요구사항', + type: 'scatter', + encode: { + y: 1, + x: 0 + }, + itemStyle: { + color: "rgba(255,106,0,0.82)", + borderColor: '#fff', + borderWidth: 1 + }, + label: { + normal: { + show: true, + color: "#FFFFFF" + }, + }, + symbolSize: function (data) { + let sSize = Math.sqrt(data[2]) * 3; + if (sSize < 5) { + sSize = 5; + } + return sSize; + }, + data: scatterData + } + ], + tooltip: { + trigger: 'item', + formatter: function (params) { + if (params.seriesType === 'scatter') { + return params.marker + params.name + '
' + new Date(params.value[1]).toLocaleDateString() + '     ' + params.value[2] + '개
'; + } else { + var tooltipText = ''; + tooltipText += params.marker + params.name + '
' + new Date(params.value[1]).toLocaleDateString()+ " ~ " + new Date(params.value[2]).toLocaleDateString() + '' + '
'; + return tooltipText; + } + } + }, + grid: { + left: '15%', + containLabel: false + } + }; + + if (option && typeof option === 'object') { + myChart.setOption(option, true); + } + + window.addEventListener('resize', myChart.resize); + } + } + }); +} + + +function formatDate(date) { + var year = date.getFullYear().toString().slice(-2); // 연도의 마지막 두 자리를 얻습니다. + var month = (date.getMonth() + 1).toString().padStart(2, "0"); + var day = date.getDate().toString().padStart(2, "0"); + return year + "-" + month + "-" + day; +} + +///////////////////////////////////////////////////////// +// Circular Packing Chart +///////////////////////////////////////////////////////// +function getReqStatusAndAssignees(pdServiceLink, pdServiceVersionLinks) { + + $.ajax({ + url: "/auth-user/api/arms/analysis/scope/req-status-and-reqInvolved-unique-assignees2", + type: "GET", + data: { + pdServiceLink: pdServiceLink, + pdServiceVersionLinks: pdServiceVersionLinks, + 메인그룹필드: "pdServiceVersion", + 하위그룹필드들: "isReq", + 컨텐츠보기여부: true + }, + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true, + statusCode: { + 200: function (result) { + console.log("[ analysisScope :: getReqStatusAndAssignees ] :: result"); + console.log(result); + let pdServiceName; + pdServiceListData.forEach(elements => { + if (elements["pdServiceId"] === +pdServiceLink) { + pdServiceName = elements["pdServiceName"]; + } + }); + let dataObject = {}; + let issueStatusSet = new Set(); + let issueStatusList = []; + if (result.length > 0) { + for (let i = 0; i < result.length; i++) { + // 버전이름 가져오기 + let versionName =""; + for (let j = 0; j < versionListData.length; j++) { + if(result[i]["제품_서비스_버전"] === versionListData[j]["c_id"]){ + versionName = versionListData[j]["c_title"].replaceAll(".","_"); + break; + } + } + let verSubObject = {}; + result[i]["요구사항들"].forEach((element) => { + // 작업자수가 0이 아닌 요구 사항만 (담당자 배정된 요구사항만) + if (element["작업자수"] !== 0) { + verSubObject[element["요구_사항_번호"]] = + {"$count" : element["작업자수"], "$status" : element["요구_사항_상태"]}; + issueStatusSet.add(element["요구_사항_상태"]); + } + }); + dataObject[versionName] = verSubObject; + } + } + issueStatusSet.forEach(e=>issueStatusList.push(e)); + drawCircularPacking("circularPacking",pdServiceName,dataObject, issueStatusList); + } + } + }); +} + + +///////////////////////////////////////////////////////// +// Radial Polar Bar Chart - 제품(서비스)의 버전별 요구사항 수 +///////////////////////////////////////////////////////// +function getReqPerVersion(pdService_id, pdServiceVersionLinks, versionTag) { + $.ajax({ + url: "/auth-user/api/arms/analysis/scope/getReqPerVersion/" + pdService_id, + type: "GET", + data: { + 서비스아이디: pdService_id, + 메인그룹필드: "pdServiceVersion", + 하위그룹필드들: "isReq", + 컨텐츠보기여부: true, + pdServiceVersionLinks: pdServiceVersionLinks + }, + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true, + statusCode: { + 200: function (result) { + console.log("[ analysisScope :: getReqPerVersion ] :: result"); + console.log(result); + let reqPerVersionDataArr = []; + + // 집계 데이터 바탕 + if (result["전체합계"] !== 0) { + let 버전별집계 = result["검색결과"]["group_by_pdServiceVersion"]; + for (let i = 0; i < 버전별집계.length; i++) { + let mandatoryDataList = { + versionId: "", + title: "", + req: "" + }; + mandatoryDataList.versionId = 버전별집계[i]["필드명"]; + let isReqArr = 버전별집계[i]["하위검색결과"]["group_by_isReq"]; + isReqArr.forEach((target) => { + if (target["필드명"] === "true") { + mandatoryDataList.req = target["개수"]; + } + }); + reqPerVersionDataArr.push(mandatoryDataList); + } + } + + //1.선택한 제품서비스의 버전과, ES 조회결과 가져온 버전의 갯수가 다른지 확인 + //2.없는 버전의 경우, versionId만 넣어주고 나머지는 자료구조만 세팅. + let versionIdSet = new Set(); + versionTag.forEach((e) => versionIdSet.add(e)); + reqPerVersionDataArr.forEach((e) => { + if (versionIdSet.has(e.versionId)) { + versionIdSet.delete(e.versionId); + } + }); + for (let value of versionIdSet) { + reqPerVersionDataArr.push({ versionId: value, title: "", req: 0 }); + } + + // 만든 버전데이터배열에 버전의 title 매핑. + for (let i = 0; i < versionListData.length; i++) { + reqPerVersionDataArr.forEach((e) => { + if (e.versionId == versionListData[i]["c_id"]) { + //e.title = (versionListData[i].versionTitle).replaceAll(".","_"); + e.title = versionListData[i].c_title; + } + }); + } + + let chartDataArr = []; + + reqPerVersionDataArr.forEach((e) => { + chartDataArr.push({ name: e.title, value: e.req }); + }); + let colorArr = dashboardColor.nightingaleRose; + drawRadialPolarBarChart("reqPerVersionRoseChart", chartDataArr, colorArr); + } + } + }); +} + +function chord(data) { + const $container = document.getElementById("circular_sankey"); + const $chart = makeChart(data); + + $container.append($chart); +} + +function makeChart(data) { + const width = 640; + const height = width; + const outerRadius = Math.min(width, height) * 0.5 - 30; + const innerRadius = outerRadius - 20; + const { names, colors } = data; + const sum = d3.sum(data.flat()); + const tickStep = d3.tickStep(0, sum, 100); + const tickStepMajor = d3.tickStep(0, sum, 20); + const formatValue = d3.formatPrefix(",.0", tickStep); + + const chord = d3 + .chord() + .padAngle(20 / innerRadius) + .sortSubgroups(d3.descending); + + const arc = d3.arc().innerRadius(innerRadius).outerRadius(outerRadius); + + const ribbon = d3.ribbon().radius(innerRadius); + + const svg = d3 + .create("svg") + .attr("width", width) + .attr("height", height) + .attr("viewBox", [-width / 2, -height / 2, width, height]) + .attr("style", "max-width: 100%; height: auto; font: 10px sans-serif;"); + + const chords = chord(data); + + const group = svg.append("g").selectAll().data(chords.groups).join("g"); + + group + .append("path") + .attr("fill", (d) => colors[d.index]) + .attr("d", arc) + .append("title") + .text((d) => `${d.value.toLocaleString("en-US")} ${names[d.index]}`); + + const groupTick = group + .append("g") + .selectAll() + .data((d) => groupTicks(d, tickStep)) + .join("g") + .attr("transform", (d) => `rotate(${(d.angle * 180) / Math.PI - 90}) translate(${outerRadius},0)`); + + groupTick.append("line").attr("stroke", "currentColor").attr("x2", 6); + + groupTick + .filter((d) => d.value % tickStepMajor === 0) + .append("text") + .attr("x", 8) + .attr("dy", ".35em") + .attr("transform", (d) => (d.angle > Math.PI ? "rotate(180) translate(-16)" : null)) + .attr("text-anchor", (d) => (d.angle > Math.PI ? "end" : null)) + .text((d) => formatValue(d.value)); + + svg + .append("g") + .attr("fill-opacity", 0.7) + .selectAll() + .data(chords) + .join("path") + .attr("d", ribbon) + .attr("fill", (d) => colors[d.target.index]) + .attr("opacity", 0.6) + .on("mouseenter", function (d) { + d3.select(this).transition().attr("opacity", 1); + }) + .on("mouseout", function () { + d3.select(this).transition().attr("opacity", 0.6); + }) + .attr("stroke", "white") + .append("title") + .text( + (d) => + `${d.source.value.toLocaleString("en-US")} ${names[d.source.index]} → ${names[d.target.index]}${ + d.source.index !== d.target.index + ? `\n${d.target.value.toLocaleString("en-US")} ${names[d.target.index]} → ${names[d.source.index]}` + : `` + }` + ); + + return svg.node(); +} + +function groupTicks(d, step) { + const k = (d.endAngle - d.startAngle) / d.value; + return d3.range(0, d.value, step).map((value) => { + return { value: value, angle: value * k + d.startAngle }; + }); +} + +function treeBar() { + const url = new UrlBuilder() + .setBaseUrl("/auth-user/api/arms/analysis/scope/tree-bar-top10") + .addQueryParam("pdServiceLink", selectedPdServiceId) + .addQueryParam("pdServiceVersionLinks", selectedVersionId) + .addQueryParam('메인그룹필드', "parentReqKey") + .addQueryParam('하위그룹필드들', "assignee.assignee_displayName.keyword") + .addQueryParam('컨텐츠보기여부', true) + .addQueryParam("isReqType", "ISSUE") + .build(); + + $.ajax({ + url: url, + type: "GET", + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true + }) + .done(function (apiResponse) { + const data = apiResponse.response; + + d3.select("#tree_bar_container svg").selectAll("*").remove(); + + let assigneeData = data.filter(item => item.type === 'assignee'); + + if(assigneeData.length === 0) { + return; + } + + if (assigneeData.length === 1 && assigneeData[0].name === "No Data") { + return; + } + + let maxValue = Math.max(...assigneeData.map(item => item.value)); + + renderTreeBar(data, assigneeData, maxValue); + }) + .fail(function (e) {}) + .always(function () {}); +} + +function renderTreeBar(data, assigneeData, maxValue) { + const charts = document.getElementById("tree_bar_container"); + const $container = document.getElementById("tree_bar_container"), + width = $container.offsetWidth, + height = $container.offsetHeight, + svg = d3.select("#tree_bar_container svg"), + g = svg.append("g").attr("transform", "translate(10,10)").attr('width', width) + .attr('height', height) + .call(responsiveTreeBar), + experienceName = Array(maxValue).fill("").map((_, i) => (i+1 === maxValue ? maxValue.toString() : "")), + formatSkillPoints = function (d) { + return experienceName[d % maxValue]; + }, + xScale = d3.scaleLinear().domain([0, maxValue]).range([0, 100]), + xAxis = d3.axisTop().scale(xScale).ticks(maxValue).tickFormat(formatSkillPoints), + tree = d3.cluster().size([height, width - 145]), + stratify = d3 + .stratify() + .id((d) => d.id) + .parentId((d) => d.parent), + root = stratify(data); + + tree(root); + + const link = g + .selectAll(".link") + .data(root.descendants().slice(1)) + .enter() + .append("path") + .attr("class", "link") + .attr("d", function (d) { + return `M${d.y},${d.x}C${d.parent.y + 100},${d.x} ${d.parent.y + 100},${d.parent.x} ${d.parent.y},${d.parent.x}`; + }); + + const node = g + .selectAll(".node") + .data(root.descendants()) + .enter() + .append("g") + .attr("class", function (d) { + return `node${d.children ? " node--internal" : " node--leaf"}`; + }) + .attr("transform", function (d) { + return `translate(${d.y}, ${d.x})`; + }); + + node.append("circle").attr("r", 4); + + const leafNodeG = g + .selectAll(".node--leaf") + .append("g") + .attr("class", "node--leaf-g") + .attr("transform", "translate(" + 8 + "," + -13 + ")"); + + leafNodeG + .append("rect") + .style("fill", function (d) { + return d.data.color; + }) + .attr("width", 2) + .attr("height", 20) + .attr("rx", 2) + .attr("ry", 2) + .transition() + .duration(800) + .attr("width", function (d) { + return xScale(d.data.value); + }); + + leafNodeG + .append("text") + .attr("dy", 14) + .attr("x", 8) + .style("text-anchor", "start") + .text(function (d) { + return d.data.name; + }); + + const internalNode = g.selectAll(".node--internal"); + internalNode + .append("text") + .attr("class", (d) => d.data.id === "1" && "root") + .attr("y", -10) + .style("text-anchor", "middle") + .text(function (d) { + return d.data.name; + }); + + const firstEndNode = g.select(".node--leaf"); + firstEndNode + .insert("g") + .attr("class", "xAxis") + .attr("transform", "translate(" + 7 + "," + -14 + ")") + .call(xAxis); + + firstEndNode + .insert("g") + .attr("class", "grid") + .attr("transform", "translate(7," + (height - 15) + ")") + .call(d3.axisBottom().scale(xScale).ticks(5).tickSize(-height, 0, 0).tickFormat("")); + + svg.selectAll(".grid").select("line").style("stroke-dasharray", "1,1").style("stroke", "white"); + responsiveTreeBar(svg); +} +function responsiveTreeBar(svg) { + const container = d3.select(svg.node().parentNode), + width = parseInt(svg.style('width'), 10), + height = parseInt(svg.style('height'), 10), + aspect = width / height; + + svg.attr('viewBox', `0 0 ${width} ${height}`) + .attr('preserveAspectRatio', 'xMinYMid') + .call(resize); + + d3.select(window).on( + 'resize.' + container.attr('id'), + resize + ); + function resize() { + const w = parseInt(container.style('width')) + 50; + svg.attr('width', w); + svg.attr('height', Math.round(w / aspect)); + } +} + +//////////////////////////////////////////////////////////////////////////////////////// +//요구사항 현황 데이터 테이블 +//////////////////////////////////////////////////////////////////////////////////////// +function 요구사항_현황_데이터_테이블(selectId, endPointUrl) { + var columnList = [ + { name: "c_pdservice_link", title: "제품(서비스) 아이디", data: "c_pdservice_link", visible: false }, + { + name: "c_pdservice_name", + title: "제품(서비스)", + data: "c_pdservice_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + getStrLimit(data, 25) + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { name: "c_pds_version_link", title: "제품(서비스) 버전 아이디", data: "c_pds_version_link", visible: false }, + { + name: "c_pds_version_name", + title: "제품(서비스) 버전", + data: "c_pds_version_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { name: "c_req_link", title: "요구사항 아이디", data: "c_req_link", visible: false }, + { name: "c_issue_url", title: "요구사항 이슈 주소", data: "c_issue_url", visible: false }, + { + name: "c_req_name", + title: "요구사항", + data: "c_req_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { name: "c_jira_server_link", title: "지라 서버 아이디", data: "c_jira_server_link", visible: false }, + { name: "c_jira_server_url", title: "지라 서버 주소", data: "c_jira_server_url", visible: false }, + { + name: "c_jira_server_name", + title: "JIRA 서버명", + data: "c_jira_project_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { name: "c_jira_project_link", title: "지라 프로젝트 아이디", data: "c_jira_project_link", visible: false }, + { name: "c_jira_project_url", title: "지라 프로젝트 주소", data: "c_jira_project_url", visible: false }, + { + name: "c_jira_project_name", + title: "JIRA 프로젝트명", + data: "c_jira_project_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "c_jira_project_key", + title: "JIRA 프로젝트키", + data: "c_jira_project_key", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "c_issue_key", + title: "요구사항 이슈 키", + data: "c_issue_key", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + var _render = + '
' + data + + ''+ + "
"; + return _render; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { name: "c_issue_priority_link", title: "요구사항 이슈 우선순위 아이디", data: "c_issue_priority_link", visible: false }, + { + name: "c_issue_priority_name", + title: "요구사항 이슈 우선순위", + data: "c_issue_priority_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { name: "c_issue_status_link", title: "요구사항 이슈 상태 아이디", data: "c_issue_status_link", visible: false }, + { + name: "c_issue_status_name", + title: "요구사항 이슈 상태", + data: "c_issue_status_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "c_issue_reporter", + title: "요구사항 이슈 보고자", + data: "c_issue_reporter", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "c_issue_assignee", + title: "요구사항 이슈 할당자", + data: "c_issue_assignee", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "c_issue_create_date", + title: "요구사항 이슈 생성일자", + data: "c_issue_create_date", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + dateFormat(data) + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "c_issue_update_date", + title: "요구사항 이슈 최근 업데이트 일자", + data: "c_issue_update_date", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + dateFormat(data) + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + } + ]; + var rowsGroupList = [1,3,6]; + var columnDefList = [ + { + orderable: false, + className: "select-checkbox", + targets: 0 + } + ]; + var orderList = [[1, "asc"]]; + var jquerySelector = "#reqstatustable"; + var ajaxUrl = "/auth-user/api/arms/reqStatus" + endPointUrl; + var jsonRoot = ""; + 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 selectList = {}; + var isServerSide = false; + + reqStatusDataTable = dataTable_build( + jquerySelector, + ajaxUrl, + jsonRoot, + columnList, + rowsGroupList, + columnDefList, + selectList, + orderList, + buttonList, + isServerSide + ); +} + + +// 데이터 테이블 구성 이후 꼭 구현해야 할 메소드 : 열 클릭시 이벤트 +function dataTableClick(tempDataTable, selectedData) { + +} + +// 데이터 테이블 데이터 렌더링 이후 콜백 함수. +function dataTableCallBack(settings, json) { + console.log("check"); +} + +function dataTableDrawCallback(tableInfo) { + $("#" + tableInfo.sInstance) + .DataTable() + .columns.adjust() + .responsive.recalc(); +} + +$("#copychecker").on("click", function () { + reqStatusDataTable.button(".buttons-copy").trigger(); +}); +$("#printchecker").on("click", function () { + reqStatusDataTable.button(".buttons-print").trigger(); +}); +$("#csvchecker").on("click", function () { + reqStatusDataTable.button(".buttons-csv").trigger(); +}); +$("#excelchecker").on("click", function () { + reqStatusDataTable.button(".buttons-excel").trigger(); +}); +$("#pdfchecker").on("click", function () { + reqStatusDataTable.button(".buttons-pdf").trigger(); +}); + +function click_issue_key(c_jira_server_link, c_issue_key, c_pds_version_link) { + + console.log("clicked_issue_name ==> " + c_issue_key); + if (c_issue_key !== "" || c_issue_key !== undefined) { + //selectedIssueKey = name; // 쓸일 없음. + } + + var endPointUrl = "/T_ARMS_REQSTATUS_" + $("#selected_pdService").val() + + "/getIssueAndSubLinks.do?serverId=" + c_jira_server_link + + "&issueKey=" + c_issue_key + + "&versionId=" + c_pds_version_link; + getLinkedIssueAndSubtask(endPointUrl); // 데이터테이블 그리기 +} + +function getLinkedIssueAndSubtask(endPointUrl) { + var columnList = [ + { + name: "issueID", + title: "이슈아이디", + data: "issueID", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: false + }, + { + name: "key", + title: "요구사항 이슈 키", + data: "key", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "summary", + title: "요구사항", + data: "summary", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "parentReqKey", + title: "부모이슈 키", + data: "parentReqKey", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: false + }, + { + name: "priority", + title: "이슈 우선순위", + data: "priority.priority_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "status.status_name", + title: "이슈 상태", + data: "status.status_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "reporter", + title: "이슈 보고자", + data: "reporter.reporter_accountId", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "assignee", + title: "이슈 할당자", + data: "assignee.assignee_accountId", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + data + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "created", + title: "이슈 생성일자", + data: "created", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + dateFormat(data) + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + }, + { + name: "updated", + title: "이슈 최근 업데이트 일자", + data: "updated", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "
N/A
"; + } else { + return "
" + dateFormat(data) + "
"; + } + return data; + }, + className: "dt-body-left", + visible: true + } + ]; + + var rowsGroupList = []; + var columnDefList = [ + { + orderable: false, + className: "select-checkbox", + targets: 0 + } + ]; + var orderList = [[1, "asc"]]; + var jquerySelector = "#linkedIssueAndSubtaskTable"; + var ajaxUrl = "/auth-user/api/arms/reqStatus" + endPointUrl; + var jsonRoot = ""; + var buttonList = []; + var selectList = {}; + var isServerSide = false; + + reqStatusDataTable = dataTable_build( + jquerySelector, + ajaxUrl, + jsonRoot, + columnList, + rowsGroupList, + columnDefList, + selectList, + orderList, + buttonList, + isServerSide + ); +} \ No newline at end of file Index: arms/locales/en.json =================================================================== diff -u -r0cc2ef4e5a19518c64915cbacfe792d16f05c766 -rb5ceed573bd3fadf604fcc3c557ba804c24e8a5b --- arms/locales/en.json (.../en.json) (revision 0cc2ef4e5a19518c64915cbacfe792d16f05c766) +++ arms/locales/en.json (.../en.json) (revision b5ceed573bd3fadf604fcc3c557ba804c24e8a5b) @@ -16,7 +16,8 @@ "g": "Gantt Chart", "t": "Time Analysis", "s": "Scope Analysis", - "r": "Resource Analysis" + "r": "Resource Analysis", + "c": "Cost Analysis" }, "community": { "n": "Notice", Index: arms/locales/ko.json =================================================================== diff -u -rbbc95713f4994f10b4467248721c3259d93b842e -rb5ceed573bd3fadf604fcc3c557ba804c24e8a5b --- arms/locales/ko.json (.../ko.json) (revision bbc95713f4994f10b4467248721c3259d93b842e) +++ arms/locales/ko.json (.../ko.json) (revision b5ceed573bd3fadf604fcc3c557ba804c24e8a5b) @@ -16,7 +16,8 @@ "g": "간트 차트. Gantt", "t": "일정 분석. Time", "s": "범위 분석. Scope", - "r": "자원 분석. Resource" + "r": "자원 분석. Resource", + "c": "비용 분석. Cost" }, "community": { "n": "공지 사항",