- 이슈리스트 사용자정의필드 컬럼 정렬 안되는 문제 해결

이민희

2022-02-28 2bf76c84270c33087aa74b9b074eaf87d85b30cf

 src/main/webapp/custom_components/js-table/tableColumnGenerator.directive.js

@@ -92,6 +92,17 @@
                                                }
                                            break;

                                        //  사용 파트너 이름(이슈 유형 리스트에서 사용)
                                        case "USE_PARTNERS" :
                                            if (scope.data.usePartnerVos != null) {
                                                var usePartners = [];
                                                for (var i=0; i<scope.data.usePartnerVos.length; i++) {
                                                    usePartners.push(scope.data.usePartnerVos[i].byName);
                                                }
                                                makeTag += "<span>" + usePartners + "</span>";
                                            }
                                            break;

                                        //  프로젝트 목록에서 사용자 정의 필드 설정 표시
                                        case "CUSTOM_FIELD_CONFIG" :
                                            //  관리자만 수정할 수 있다.
@@ -235,148 +246,148 @@
                                            break;*/

                                        // 연관 이슈 이동(제목)
                                        case "ISSUE_RELATION_MOVE" :
                                            makeTag += "<span class=\"titlename cursor text-center\" ng-click=\"event.changeDetailView(data.issueRelation)\">" + scope.data.title + "</span></a>";
                                            break;
                                        // case "ISSUE_RELATION_MOVE" :
                                        //     makeTag += "<span class=\"titlename cursor text-center\" ng-click=\"event.changeDetailView(data.issueRelation)\">" + scope.data.title + "</span></a>";
                                        //     break;

                                        // 연관이슈 구분
                                        case "ISSUE_RELATION_TYPE":
                                            makeTag += "<span>" + scope.data.relationIssueTypeName + "</span>";
                                            break;
                                        // case "ISSUE_RELATION_TYPE":
                                        //     makeTag += "<span>" + scope.data.relationIssueTypeName + "</span>";
                                        //     break;

                                        // 연관이슈 삭제
                                        case "ISSUE_RELATION_DELETE":
                                            if (scope.data.modifyPermissionCheck) {
                                                makeTag += '<img class="cursor" src="/assets/images/delete-icon.png" ng-click="event.removeRelationIssue(data.id)">';
                                            }
                                            break;
                                        // case "ISSUE_RELATION_DELETE":
                                        //     if (scope.data.modifyPermissionCheck) {
                                        //         makeTag += '<img class="cursor" src="/assets/images/delete-icon.png" ng-click="event.removeRelationIssue(data.id)">';
                                        //     }
                                        //     break;

                                        // 연관 이슈 우선순위
                                        case "REL_COMMON_PRIORITY" :
                                            makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.priorityVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.priorityVo.color + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.priorityVo.name + "'></span>";
                                            break;
                                        // case "REL_COMMON_PRIORITY" :
                                        //     makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.priorityVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.priorityVo.color + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.priorityVo.name + "'></span>";
                                        //     break;

                                        // 연관 이슈 중요도
                                        case "REL_COMMON_SEVERITY" :
                                            makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.severityVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.severityVo.color + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.severityVo.name + "'></span>";
                                            break;
                                        // case "REL_COMMON_SEVERITY" :
                                        //     makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.severityVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.severityVo.color + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.severityVo.name + "'></span>";
                                        //     break;

                                        // 연관 이슈 등록자
                                        case "REL_REGISTER":
                                            scope.data.registerVos = [scope.data.issueRelation.registerVo];
                                            makeTag += '<div owl-profile-over class="" table-user-image="data" target="registerVos"></div>';
                                            break;

                                            break;
                                        // case "REL_REGISTER":
                                        //     scope.data.registerVos = [scope.data.issueRelation.registerVo];
                                        //     makeTag += '<div owl-profile-over class="" table-user-image="data" target="registerVos"></div>';
                                        //     break;
                                        //
                                        //     break;

                                        // 연관 이슈 담당부서
                                        case "REL_ISSUE_DEPARTMENT" :
                                            makeTag += "<ul class='ul-not-comma'>";
                                            makeTag += "<div style='color: #000000'>";
                                            angular.forEach(scope.data.issueRelation.departmentVos, function (departments) {
                                                makeTag += "<li>" + departments.departmentName + "</li>";
                                            });
                                            makeTag += "</div>";
                                            makeTag += "</ul>";
                                            break;
                                        // case "REL_ISSUE_DEPARTMENT" :
                                        //     makeTag += "<ul class='ul-not-comma'>";
                                        //     makeTag += "<div style='color: #000000'>";
                                        //     angular.forEach(scope.data.issueRelation.departmentVos, function (departments) {
                                        //         makeTag += "<li>" + departments.departmentName + "</li>";
                                        //     });
                                        //     makeTag += "</div>";
                                        //     makeTag += "</ul>";
                                        //     break;

                                        // 연관 이슈 목록에서 기간 표시
                                        case "REL_ISSUE_DUE_DATE" :
                                            if (!$rootScope.isDefined(scope.data.issueRelation.startDate) && !$rootScope.isDefined(scope.data.issueRelation.completeDate)) {
                                                makeTag += "<span translate='common.noDate'>기간 없음</span>";
                                            }
                                            else {
                                                makeTag += "<span>" + scope.data.issueRelation.startDate + " ~ " + scope.data.issueRelation.completeDate + "</span>";
                                            }
                                            break;
                                        // case "REL_ISSUE_DUE_DATE" :
                                        //     if (!$rootScope.isDefined(scope.data.issueRelation.startDate) && !$rootScope.isDefined(scope.data.issueRelation.completeDate)) {
                                        //         makeTag += "<span translate='common.noDate'>기간 없음</span>";
                                        //     }
                                        //     else {
                                        //         makeTag += "<span>" + scope.data.issueRelation.startDate + " ~ " + scope.data.issueRelation.completeDate + "</span>";
                                        //     }
                                        //     break;

                                        // 연관 이슈 사용자 정의 필드
                                        case "REL_ISSUE_CUSTOM_FIELD_VALUE_VIEW" :
                                            var values = [];

                                            for (var count in scope.data.issueRelation.issueCustomFieldValueVos) {
                                                var issueCustomFieldValueVo = scope.data.issueRelation.issueCustomFieldValueVos[count];
                                                //  테이블 설정에서 dName 부분에 사용자 정의 필드 id 를 넣고 해당 값을 추출한다.
                                                if (tableConfig.columnHint.id == issueCustomFieldValueVo.customFieldVo.id) {
                                                    values.push(issueCustomFieldValueVo.useValue);
                                                }
                                            }
                                            angular.forEach(values, function (value) {
                                                makeTag += '<span class="table-word-break-all cursor">' + value + '<span><br>';
                                            });

                                            break;
                                        // case "REL_ISSUE_CUSTOM_FIELD_VALUE_VIEW" :
                                        //     var values = [];
                                        //
                                        //     for (var count in scope.data.issueRelation.issueCustomFieldValueVos) {
                                        //         var issueCustomFieldValueVo = scope.data.issueRelation.issueCustomFieldValueVos[count];
                                        //         //  테이블 설정에서 dName 부분에 사용자 정의 필드 id 를 넣고 해당 값을 추출한다.
                                        //         if (tableConfig.columnHint.id == issueCustomFieldValueVo.customFieldVo.id) {
                                        //             values.push(issueCustomFieldValueVo.useValue);
                                        //         }
                                        //     }
                                        //     angular.forEach(values, function (value) {
                                        //         makeTag += '<span class="table-word-break-all cursor">' + value + '<span><br>';
                                        //     });
                                        //
                                        //     break;

                                        // 하위 이슈 이동(제목)
                                        case "ISSUE_DOWN_MOVE" :
                                            makeTag += "<span class=\"titlename cursor\" ng-click=\"event.changeDetailView(data)\">" + scope.data.title + "</span></a>";
                                            break;

                                        // 하위 이슈 타입
                                        case "ISSUE_DOWN_STATUS_TYPE" :
                                            makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.issueStatusVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.issueStatusVo.color + "\", \"color\": \"#FFFFFF\" }'>" + scope.data.issueStatusVo.name + "</span>";
                                            break;

                                        // case "ISSUE_DOWN_MOVE" :
                                        //     makeTag += "<span class=\"titlename cursor\" ng-click=\"event.changeDetailView(data)\">" + scope.data.title + "</span></a>";
                                        //     break;
                                        //
                                        // // 하위 이슈 타입
                                        // case "ISSUE_DOWN_STATUS_TYPE" :
                                        //     makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.issueStatusVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.issueStatusVo.color + "\", \"color\": \"#FFFFFF\" }'>" + scope.data.issueStatusVo.name + "</span>";
                                        //     break;
                                        //
                                        // 하위 이슈 삭제
                                        case "ISSUE_DOWN_DELETE":
                                            if (scope.data.modifyPermissionCheck) {
                                                makeTag += '<img class="cursor" src="/assets/images/delete-icon.png" ng-click="event.removeDownIssue(data.id)">';
                                            }
                                            break;

                                        // case "ISSUE_DOWN_DELETE":
                                        //     if (scope.data.modifyPermissionCheck) {
                                        //         makeTag += '<img class="cursor" src="/assets/images/delete-icon.png" ng-click="event.removeDownIssue(data.id)">';
                                        //     }
                                        //     break;
                                        //
                                        // 하위 이슈 우선 순위
                                        case "DOWN_COMMON_PRIORITY" :
                                            makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.priorityVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.priorityVo.color + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.priorityVo.name + "'></span>";
                                            break;

                                        // case "DOWN_COMMON_PRIORITY" :
                                        //     makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.priorityVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.priorityVo.color + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.priorityVo.name + "'></span>";
                                        //     break;
                                        //
                                        // 하위 이슈 중요도
                                        case "DOWN_COMMON_SEVERITY" :
                                            makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.severityVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.severityVo.color + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.severityVo.name + "'></span>";
                                            break;

                                        // case "DOWN_COMMON_SEVERITY" :
                                        //     makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.severityVo.color + "\"," + "\"border-color\"" + " : \"" + scope.data.severityVo.color + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.severityVo.name + "'></span>";
                                        //     break;
                                        //
                                        // 하위 이슈 담당부서
                                        case "DOWN_ISSUE_DEPARTMENT" :
                                            makeTag += "<ul class='ul-not-comma'>";
                                            makeTag += "<div style='color: #000000'>";
                                            angular.forEach(scope.data.departmentVos, function (departments) {
                                                makeTag += "<li>" + departments.departmentName + "</li>";
                                            });
                                            makeTag += "</div>";
                                            makeTag += "</ul>";
                                            break;

                                        // case "DOWN_ISSUE_DEPARTMENT" :
                                        //     makeTag += "<ul class='ul-not-comma'>";
                                        //     makeTag += "<div style='color: #000000'>";
                                        //     angular.forEach(scope.data.departmentVos, function (departments) {
                                        //         makeTag += "<li>" + departments.departmentName + "</li>";
                                        //     });
                                        //     makeTag += "</div>";
                                        //     makeTag += "</ul>";
                                        //     break;
                                        //
                                        // 하위 이슈 등록자
                                        case "DOWN_REGISTER":
                                            scope.data.registerVos = [scope.data.registerVo];
                                            makeTag += '<div owl-profile-over class="" table-user-image="data" target="registerVos"></div>';
                                            break;

                                        // case "DOWN_REGISTER":
                                        //     scope.data.registerVos = [scope.data.registerVo];
                                        //     makeTag += '<div owl-profile-over class="" table-user-image="data" target="registerVos"></div>';
                                        //     break;
                                        //
                                        // 하위 이슈 기간
                                        case "DOWN_ISSUE_DUE_DATE" :
                                            if (!$rootScope.isDefined(scope.data.startDate) && !$rootScope.isDefined(scope.data.completeDate)) {
                                                makeTag += "<span translate='common.noDate'>기간 없음</span>";
                                            }
                                            else {
                                                makeTag += "<span>" + scope.data.startDate + " ~ " + scope.data.completeDate + "</span>";
                                            }
                                            break;

                                        // case "DOWN_ISSUE_DUE_DATE" :
                                        //     if (!$rootScope.isDefined(scope.data.startDate) && !$rootScope.isDefined(scope.data.completeDate)) {
                                        //         makeTag += "<span translate='common.noDate'>기간 없음</span>";
                                        //     }
                                        //     else {
                                        //         makeTag += "<span>" + scope.data.startDate + " ~ " + scope.data.completeDate + "</span>";
                                        //     }
                                        //     break;
                                        //
                                        // 하위 이슈 사용자 정의 필드
                                        case "DOWN_ISSUE_CUSTOM_FIELD_VALUE_VIEW" :
                                            var values = [];

                                            for (var count in scope.data.issueCustomFieldValueVos) {
                                                var issueCustomFieldValueVo = scope.data.issueCustomFieldValueVos[count];
                                                //  테이블 설정에서 dName 부분에 사용자 정의 필드 id 를 넣고 해당 값을 추출한다.
                                                if (tableConfig.columnHint.id == issueCustomFieldValueVo.customFieldVo.id) {
                                                    values.push(issueCustomFieldValueVo.useValue);
                                                }
                                            }
                                            angular.forEach(values, function (value) {
                                                makeTag += '<span class="table-word-break-all">' + value + '<span><br>';
                                            });

                                            break;
                                        // case "DOWN_ISSUE_CUSTOM_FIELD_VALUE_VIEW" :
                                        //     var values = [];
                                        //
                                        //     for (var count in scope.data.issueCustomFieldValueVos) {
                                        //         var issueCustomFieldValueVo = scope.data.issueCustomFieldValueVos[count];
                                        //         //  테이블 설정에서 dName 부분에 사용자 정의 필드 id 를 넣고 해당 값을 추출한다.
                                        //         if (tableConfig.columnHint.id == issueCustomFieldValueVo.customFieldVo.id) {
                                        //             values.push(issueCustomFieldValueVo.useValue);
                                        //         }
                                        //     }
                                        //     angular.forEach(values, function (value) {
                                        //         makeTag += '<span class="table-word-break-all">' + value + '<span><br>';
                                        //     });
                                        //
                                        //     break;

                                        //  이름을 클릭하면 수정 팝업 표시
                                        case "COMMON_MODIFY" :
@@ -428,6 +439,7 @@
                                            break;
                                        // 이슈 제목
                                        case "ISSUE_TITLE" :
                                            scope.data.title = scope.data.title.replace(/</gi, '&lt;');
                                            makeTag += '<div class="tags text-left">';
                                            makeTag += '<i class="fa fa-star move-star" ng-show="$root.currentDetailIssueId == data.id">&nbsp;</i>';
                                            makeTag += '<span class="number-tag">' + scope.data.projectKey + ' - ' + scope.data.issueNumber + '</span>';
@@ -438,7 +450,7 @@
                                                makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"#EF8D9A" + "\"," + "\"border-color\"" + " : \"#EF8D9A" + "\", \"color\": \"#FFFFFF\" }'>" + "<span>API</span>" + "</span>";
                                            }
                                            makeTag += '</div>';
                                            makeTag += '<div class="titlename cursor text-left" ng-click="event.changeDetailView(data.id)">' + scope.data.title.replace(/</gi, '&lt;') + '</div>';
                                            makeTag += '<div class="titlename cursor text-left" ng-click="event.changeDetailView(data.id)" translate="' + scope.data.title + '">' + '</div>';
                                            makeTag += '<div class="extra-infodiv text-left">';
                                            makeTag += '<span class="extra-info">';
                                            makeTag += '<i class="os-icon os-icon-mail-12"></i>';
@@ -471,7 +483,8 @@
                                            makeTag += "<ul ng-click=\"event.changeDetailView(data.id)\"  class='ul-not-comma cursor'>";
                                                makeTag += "<div style='color: #000000'>";
                                                angular.forEach(scope.data.departmentVos, function (departments) {
                                                    makeTag += "<li>" + departments.departmentName + "</li>";
                                                    scope.data.departmentName = departments.departmentName;
                                                    makeTag += "<li translate='" + scope.data.departmentName + "'>" + "</li>";
                                                });
                                                makeTag += "</div>";
                                            makeTag += "</ul>";
@@ -520,7 +533,7 @@

                                        // 호스팅
                                        case "USE_HOSTING" :
                                            if (scope.data.ispName !== null) {
                                            if (scope.data.hostingName !== null) {
                                                makeTag += "<span ng-click=\"event.changeDetailView(data.id)\" class='cursor' translate='" + scope.data.hostingName + "'></span>";
                                            }else {
                                                makeTag += "<span></span>";
@@ -704,14 +717,16 @@

                                            for (var count in scope.data.issueCustomFieldValueVos) {
                                                var issueCustomFieldValueVo = scope.data.issueCustomFieldValueVos[count];

                                                //  테이블 설정에서 dName 부분에 사용자 정의 필드 id 를 넣고 해당 값을 추출한다.
                                                if (tableConfig.columnHint.id === issueCustomFieldValueVo.customFieldVo.id) {
                                                    values.push(issueCustomFieldValueVo.useValue);
                                                }
                                            }

                                            angular.forEach(values, function (value) {
                                                makeTag += '<span ng-click="event.changeDetailView(data.id)" class="table-word-break-all cursor">' + value + '<span><br>';
                                            angular.forEach(values, function (useValue) {
                                                scope.data[tableConfig.dName] = useValue;
                                                makeTag += '<span ng-click="event.changeDetailView(data.id)" class="table-word-break-all cursor">' + scope.data[tableConfig.dName] + '<span>';
                                            });

                                            break;
@@ -728,7 +743,7 @@

                                        case "NOTICE_REGISTER":
                                            //makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">OWL ITS TEAM</span>';
                                            makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer+ '</span>';
                                            makeTag += '<img src="/assets/images/logo-kisa.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer+ '</span>';
                                            break;
                                        case "GUIDE_MODIFY":
                                            if ($rootScope.checkMngPermission('USER_PERMISSION_MNG_GUIDE')) {
@@ -741,7 +756,7 @@
                                            break;

                                        case "GUIDE_REGISTER":
                                            makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            makeTag += '<img src="/assets/images/logo-kisa.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            break;

                                        case "GUIDE_ACTIVE" :
@@ -781,7 +796,7 @@
                                            break;

                                        case "FAQ_REGISTER":
                                            makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            makeTag += '<img src="/assets/images/logo-kisa.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            break;
                                        case "FAQ_ACTIVE" :
                                            if ($rootScope.checkMngPermission('USER_PERMISSION_MNG_FAQ')) {
@@ -799,7 +814,7 @@
                                            break;

                                        case "QNA_REGISTER":
                                            makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            makeTag += '<img src="/assets/images/logo-kisa.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            break;
                                    }
                                }