이슈 상세 연관,하위 테이블 표시 설정 - [프론트]

wyu

2021-11-23 2ffa64e0b88f73c531b61afd590b7be3d8bfa6bc

 src/main/webapp/scripts/app/issue/issueDetail.controller.js

@@ -8,8 +8,8 @@
        'angular'
    ],
    function (app, angular) {
        app.controller('issueDetailController', ['$scope', '$rootScope', '$log', '$resourceProvider', '$tableProvider', '$state', '$uibModal', 'SweetAlert', '$timeout', 'Issue', 'IssueComment', 'IssueRelation', 'AttachedFile', 'IssueStatus', 'IssueTableConfig', '$filter',
            function ($scope, $rootScope, $log, $resourceProvider, $tableProvider, $state, $uibModal, SweetAlert, $timeout, Issue, IssueComment, IssueRelation, AttachedFile, IssueStatus, IssueTableConfig, $filter) {
        app.controller('issueDetailController', ['$scope', '$rootScope', '$log', '$resourceProvider', '$tableProvider', '$state', '$uibModal', '$q','SweetAlert', '$timeout', 'Issue', 'IssueComment', 'IssueRelation', 'AttachedFile', 'IssueStatus', 'IssueTableConfig', '$filter',
            function ($scope, $rootScope, $log, $resourceProvider, $tableProvider, $state, $uibModal, $q, SweetAlert, $timeout, Issue, IssueComment, IssueRelation, AttachedFile, IssueStatus, IssueTableConfig, $filter) {

                //  IssueListController vm, fn 변수 상속.

@@ -112,11 +112,11 @@
                    $scope.$parent.tableEvent.changeDetailView(issue.id);
                }

                // 하위 일감 삭제
                // 하위 이슈 삭제
                function removeDownIssue(id) {
                    //  삭제 알림
                    SweetAlert.swal({
                            title : $filter("translate")("issue.downIssueRemove"), // 연관 일감 삭제
                            title : $filter("translate")("issue.downIssueRemove"), // 하위 이슈 삭제
                            text : $filter("translate")("issue.wantToDeleteSelectIssue"),
                            type : "warning",
                            showCancelButton : true,
@@ -154,11 +154,11 @@

                }

                // 연관 일감 삭제
                // 연관 이슈 삭제
                function removeRelationIssue(id) {
                    //  삭제 알림
                    SweetAlert.swal({
                            title : $filter("translate")("issue.relationIssueRemove"), // 연관 일감 삭제
                            title : $filter("translate")("issue.relationIssueRemove"), // 연관 이슈 삭제
                            text : $filter("translate")("issue.wantToDeleteSelectIssue"),
                            type : "warning",
                            showCancelButton : true,
@@ -204,7 +204,7 @@
                //  테이블의 연관 이슈 컬럼을 만들어준다.
                function setRelTableColumn(issueTableConfig) {

                    //  연관 이슈  컬럼
                    //  연관 이슈 컬럼
                    switch(issueTableConfig.key) {
                        case "RELATION_ISSUE_TYPE" :
                            $scope.vm.relTableConfigs.push($tableProvider.config()
@@ -278,6 +278,14 @@
                                .setDAlign("text-center")
                                .setDName("modifyDate"));
                            break;
                        // default :"ISSUE_RELATION_DELETE" //  연관 삭제
                        //     $scope.vm.relTableConfigs.push($tableProvider.config()
                        //         .setHName("issue.downIssueTitle")
                        //         .setDType("renderer")
                        //         .setHWidth("bold" + issueTableConfig.width)
                        //         .setHSort(false)
                        //         .setDRenderer("ISSUE_RELATION_DELETE"));
                        //     break;
                    }

                    //  사용자 정의 필드 컬럼
@@ -287,7 +295,7 @@
                            var customField = $scope.vm.customFields[count];

                            if (customField.id === Number(issueTableConfig.key.substring(13))) {
                                $scope.vm.relTableConfigs.push($tableProvider.config()
                                $scope.vm.tableConfigs.push($tableProvider.config()
                                    .setHName(customField.name)
                                    .setDType("renderer")
                                    .setHWidth("bold " + issueTableConfig.width)
@@ -307,7 +315,7 @@

                    //  하위 이슈 컬럼
                    switch(issueTableConfig.key) {
                        case "DOWN_ISSUE_TITLE" :   //  우선순위
                        case "DOWN_ISSUE_TITLE" :   //  하위 이슈 제목
                            $scope.vm.downTableConfigs.push($tableProvider.config()
                                .setHName("issue.downIssueTitle")
                                .setDType("renderer")
@@ -394,23 +402,28 @@
                }




                //  연관 이슈 테이블 설정
                function makeRelTableConfigs() {
                    $scope.vm.relTableConfigs = [];
                    $scope.vm.relTableConfigs.push($tableProvider.config()
                        .setHName("issue.relationIssueType")
                        .setDType("renderer")
                        .setHWidth("width-30 bold")
                        .setHWidth("width-30-p bold")
                        .setHSort(false)
                        .setDRenderer("ISSUE_RELATION_TYPE"))
                    $scope.vm.relTableConfigs.push($tableProvider.config()
                        .setHName("issue.relationIssueTitle")
                        .setDType("renderer")
                        .setHWidth("width-60 bold")
                        .setHWidth("width-60-p bold")
                        .setHSort(false)
                        .setDRenderer("ISSUE_RELATION_MOVE"))
                    $scope.vm.relTableConfigs.push($tableProvider.config()
                        .setHName("issue.relationIssueDelete")
                        .setDType("renderer")
                        .setHWidth("width-20-p bold")
                        .setDRenderer("ISSUE_RELATION_DELETE")
                        .setHSort(false)
                        .setDAlign("text-center"))

                    angular.forEach($scope.vm.relTableConfigs, function (issueTableConfig) {
                        //  표시 대상인 컬럼만 화면에 그려준다.
@@ -427,16 +440,17 @@
                    $scope.vm.downTableConfigs.push($tableProvider.config()
                        .setHName("issue.downIssueTitle")
                        .setDType("renderer")
                        .setHWidth("width-60 bold")
                        .setHWidth("width-60-p bold")
                        .setHSort(false)
                        .setDRenderer("ISSUE_DOWN_MOVE"))
                    $scope.vm.downTableConfigs.push($tableProvider.config()
                        .setHName("issue.relationIssueDelete")
                        .setDType("renderer")
                        .setHWidth("width-10 bold")
                        .setHWidth("width-20-p bold")
                        .setDRenderer("ISSUE_DOWN_DELETE")
                        .setHSort(false)
                        .setDAlign("text-center"))

                    angular.forEach($scope.vm.downTableConfigs, function (issueTableConfig) {
                        //  표시 대상인 컬럼만 화면에 그려준다.
                        if (issueTableConfig.display) {
@@ -462,19 +476,41 @@
                            //  연관 슈 목록 테이블 설정 값을 가져와서 적용한다.
                            if ($rootScope.isDefined(issueTableConfigs)) {
                                //  이슈 테이블 설정 정보를 저장 한다.

                                $scope.vm.issueRelTableConfigs = [];
                                $scope.vm.issueRelTableConfigs = JSON.parse(issueTableConfigs);
                                $scope.vm.issueRelTableConfigs.sort(function (a, b) {
                                    return a.position < b.position ? -1 : a.position > b.position ? 1 : 0;
                                });

                                $scope.vm.relTableConfigs = [];
                                $scope.vm.relTableConfigs.push($tableProvider.config()
                                    .setHName("issue.relationIssueType")
                                    .setDType("renderer")
                                    .setHWidth("width-30-p bold")
                                    .setHSort(false)
                                    .setDRenderer("ISSUE_RELATION_TYPE"))
                                $scope.vm.relTableConfigs.push($tableProvider.config()
                                    .setHName("issue.relationIssueTitle")
                                    .setDType("renderer")
                                    .setHWidth("width-60-p bold")
                                    .setHSort(false)
                                    .setDRenderer("ISSUE_RELATION_MOVE"))
                                angular.forEach($scope.vm.issueRelTableConfigs, function (issueTableConfig) {
                                    //  표시 대상인 컬럼만 화면에 그려준다.
                                    if (issueTableConfig.display) {
                                        //  테이블의 컬럼을 만들어준다.
                                        $scope.fn.setRelTableColumn(issueTableConfig);

                                    }
                                });
                                $scope.vm.relTableConfigs.push($tableProvider.config()
                                    .setHName("issue.relationIssueDelete")
                                    .setDType("renderer")
                                    .setHWidth("width-20-p bold")
                                    .setDRenderer("ISSUE_RELATION_DELETE")
                                    .setHSort(false)
                                    .setDAlign("text-center"))

                            } else {
                                makeRelTableConfigs();
@@ -507,7 +543,13 @@
                                $scope.vm.issueDownTableConfigs.sort(function (a, b) {
                                    return a.position < b.position ? -1 : a.position > b.position ? 1 : 0;
                                });

                                $scope.vm.downTableConfigs = [];
                                $scope.vm.downTableConfigs.push($tableProvider.config()
                                    .setHName("issue.downIssueTitle")
                                    .setDType("renderer")
                                    .setHWidth("width-60-p bold")
                                    .setHSort(false)
                                    .setDRenderer("ISSUE_DOWN_MOVE"))
                                angular.forEach($scope.vm.issueDownTableConfigs, function (issueTableConfig) {
                                    //  표시 대상인 컬럼만 화면에 그려준다.
                                    if (issueTableConfig.display) {
@@ -515,6 +557,13 @@
                                        $scope.fn.setDownTableColumn(issueTableConfig);
                                    }
                                });
                                $scope.vm.downTableConfigs.push($tableProvider.config()
                                    .setHName("issue.relationIssueDelete")
                                    .setDType("renderer")
                                    .setHWidth("width-20-p bold")
                                    .setDRenderer("ISSUE_DOWN_DELETE")
                                    .setHSort(false)
                                    .setDAlign("text-center"))

                            } else {
                                makeDownTableConfigs();
@@ -541,7 +590,8 @@
                    var contents = {
                        relationIssueType : $scope.vm.relationIssueType.id,
                        issueId : $rootScope.currentDetailIssueId,
                        relationIssueId : $scope.vm.form.issues[0].id
                        relationIssueId : $scope.vm.form.issues[0].id,
                        priorityName : $scope.vm.priorityName
                    };

                    IssueRelation.add($resourceProvider.getContent(
@@ -583,6 +633,12 @@
                        }
                    });
                }

                //  이슈명을 클릭하면 이슈 상세 정보를 조회한다.
                $rootScope.$on("getIssueDetail", function (event, args) {
                    $scope.vm.viewer.id = args["id"];
                    $scope.fn.getIssueDetail();
                });

                //  이슈명을 클릭하면 이슈 상세 정보를 조회한다.
                $scope.$on("getIssueDetail", function (event, args) {
@@ -660,7 +716,7 @@
                //  연관 이슈 목록 테이블 설정
                function addRelationIssueTableConfig() {
                    $uibModal.open({
                        templateUrl : 'views/issue/issueRelationTableConfig.html',
                        templateUrl : 'views/issue/issueAddRelationTableConfig.html',
                        size : "lg",
                        controller : 'issueAddRelationTableConfigController',
                        backdrop : 'static',
@@ -671,7 +727,7 @@
                //  하위 이슈 목록 테이블 설정
                function addDownIssueTableConfig() {
                    $uibModal.open({
                        templateUrl : 'views/issue/issueDownTableConfig.html',
                        templateUrl : 'views/issue/issueAddDownTableConfig.html',
                        size : "lg",
                        controller : 'issueAddDownTableConfigController',
                        backdrop : 'static',
@@ -754,9 +810,14 @@
                                    $scope.vm.form.issuesDown.push(issueDownVo.issue);
                                });

                                // wyu
                                angular.forEach(result.data.data.issueRelationVos, function (issueRelationColum){
                                    issueRelationColum.issueRelation = $scope.vm.issueRelation;
                                    $scope.vm.form.issues.push(issueRelationColum.issueRelation);
                                });

                                $scope.vm.viewer.issueRelationVos = result.data.data.issueRelationVos;
                                $scope.vm.viewer.issueDownVos = result.data.data.issueDownVos;

                            }
                        }
                        else {
@@ -765,6 +826,8 @@
                    });
                }

                // ===================================================================================

                //  이슈 이미지 미리 보기 만들기
                function makePreviewImages(attachedFileVos) {
                    //  미리보기 이미지 초기화