Merge branch 'master' of http://192.168.0.25:9001/r/owl-kisa

wyu

2021-12-08 09da2536c13896a498629d1a82df122b0d475d83

Merge branch 'master' of http://192.168.0.25:9001/r/owl-kisa

 src/main/java/kr/wisestone/owl/service/IssueStatusService.java

@@ -22,6 +22,8 @@

    List<IssueStatus> findByWorkspaceId(Long workspaceId);

    List<IssueStatusVo> findByIssueTypeId(Long issueTypeId);

    IssueStatus addIssueStatus(IssueStatusForm issueStatusForm);

    List<IssueStatusVo> findIssueStatus(Map<String, Object> resJsonData,

 src/main/java/kr/wisestone/owl/service/impl/IssueStatusServiceImpl.java

@@ -17,6 +17,7 @@
import kr.wisestone.owl.web.form.IssueStatusForm;
import kr.wisestone.owl.web.view.ExcelView;
import org.apache.commons.lang3.StringUtils;
import org.hibernate.jdbc.Work;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
@@ -37,6 +38,9 @@

    @Autowired
    private IssueStatusRepository issueStatusRepository;

    @Autowired
    private WorkflowService workflowService;

    @Autowired
    private WorkspaceService workspaceService;
@@ -93,6 +97,15 @@
        return this.issueStatusRepository.findByWorkspaceId(workspaceId);
    }


    @Override
    @Transactional(readOnly = true)
    public List<IssueStatusVo> findByIssueTypeId(Long issueTypeId) {
        IssueType issueType = this.issueTypeService.getIssueType(issueTypeId);
        Workflow workflow = issueType.getWorkflow();
        return findByWorkflowId(workflow.getId());
     }

    //  이슈 상태를 생성한다.
    @Override
    @Transactional

 src/main/java/kr/wisestone/owl/web/controller/IssueStatusController.java

@@ -2,6 +2,7 @@

import kr.wisestone.owl.constant.Constants;
import kr.wisestone.owl.service.IssueStatusService;
import kr.wisestone.owl.vo.IssueStatusVo;
import kr.wisestone.owl.web.condition.IssueStatusCondition;
import kr.wisestone.owl.web.form.IssueStatusForm;
import org.springframework.beans.factory.annotation.Autowired;
@@ -17,6 +18,7 @@

import javax.servlet.http.HttpServletRequest;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
@@ -53,6 +55,20 @@
        return this.setSuccessMessage(resJsonData);
    }

    // 이슈 유형에서 사용가능한 이슈상태 조회
    @RequestMapping(value = "/issueStatus/findIssueStatusesByWorkflow", method = RequestMethod.POST, produces = MediaType.APPLICATION_JSON_VALUE)
    public
    @ResponseBody
    Map<String, Object> findIssueStatusesByWorkflow(@RequestBody Map<String, Map<String, Object>> params) {
        Map<String, Object> resJsonData = new HashMap<>();

        IssueStatusCondition issueStatusCondition = IssueStatusCondition.make(params.get(Constants.REQ_KEY_CONTENT));
        List<IssueStatusVo> issueStatusVoList = this.issueStatusService.findByIssueTypeId(issueStatusCondition.getIssueTypeId());
        resJsonData.put(Constants.RES_KEY_CONTENTS, issueStatusVoList);

        return this.setSuccessMessage(resJsonData);
    }

    //  이슈 상태 전체 조회
    @RequestMapping(value = "/issueStatus/findAll", method = RequestMethod.POST, produces = MediaType.APPLICATION_JSON_VALUE)
    public

 src/main/java/kr/wisestone/owl/web/form/CustomFieldForm.java

@@ -34,7 +34,7 @@
            form.setOptions(MapUtil.getStrings(params, "options"));
        }

        if (MapUtil.getBoolean(params, "requiredData")) {
        if (MapUtil.getBoolean(params, "requiredData") != null && MapUtil.getBoolean(params, "requiredData")) {
            form.setRequiredData("Y");
        }else {
            form.setRequiredData("N");

 src/main/webapp/i18n/ko/global.json

@@ -831,6 +831,7 @@
        "departmentCount": "부서인원",
        "departmentUser": "부서 팀원",
        "detectingInfo": "탐지정보",
        "notExistDetectingInfo": "사용 가능한 탐지 정보가 없습니다.",
        "detectingData": "탐지일시",
        "import": "가져오기",
        "diffuserURL": "유포자URL",
@@ -861,6 +862,7 @@
        "auth" : "API 인증",
        "setting" : "API 설정",
        "monitor" : "API 모니터링",
        "spec" : "API 문서",
        "application" : "어플리케이션 이름",
        "token" : "토큰",
        "apiKey": "API 토큰 등록",
@@ -873,13 +875,17 @@
        "failedToApiTokenFind" : "API 토큰 조회 실패",
        "failedToApiTokenRemove" : "API 토큰 삭제 실패",
        "failedToApiTokenAdd" : "API 토큰 생성 실패",
        "useIssueStatus" : "사용 가능한 이슈 상태",
        "successToApiTokenRemove" : "API 토큰 삭제 성공",
        "successToApiTokenAdd" : "API 토큰 생성 성공",
        "successToApiIssueDefault" : "기본값 설정 완료",
        "failedToApiIssueDefault" : "기본값 설정 실패",
        "successToApiIssueOverlap" : "중복값 설정 완료",
        "failedToApiIssueOverlap" : "중복값 설정 실패",
        "failedToApiMonitor": "API 기록 조회 실패"
        "failedToApiMonitor": "API 기록 조회 실패",
        "requestSample": "API 요청 샘플",
        "requestSampleAdd": "이슈 추가",
        "requestSampleModify": "이슈 수정"
    },
    "companyField" : {
        "info": "업체정보",

 src/main/webapp/scripts/app/api/apiSetting.controller.js

@@ -7,8 +7,12 @@
        'app', 'angular'
    ],
    function (app, angular) {
        app.controller('apiSettingController', ['$scope', '$rootScope', '$log', '$resourceProvider','$uibModal', 'SweetAlert', '$timeout', '$filter', '$injector', '$controller', 'Api', 'Priority', 'Severity', 'IssueType', 'IssueTypeCustomField',
            function ($scope, $rootScope, $log, $resourceProvider, $uibModal, SweetAlert, $timeout, $filter, $injector, $controller, Api, Priority, Severity, IssueType, IssueTypeCustomField) {
        app.controller('apiSettingController', ['$scope', '$rootScope', '$log', '$resourceProvider','$uibModal', 'SweetAlert',
            '$timeout', '$filter', '$injector', '$controller', 'Api', 'Priority', 'Severity', 'IssueType', 'IssueTypeCustomField',
            'IssueStatus',
            function ($scope, $rootScope, $log, $resourceProvider, $uibModal, SweetAlert,
                      $timeout, $filter, $injector, $controller, Api, Priority, Severity, IssueType, IssueTypeCustomField,
                      IssueStatus) {

                $scope.fn = {
                    changeTab : changeTab,
@@ -29,14 +33,25 @@
                    getOverlapList : getOverlapList,
                    onChangeIssueTypeOverlap : onChangeIssueTypeOverlap,
                    getIssueTypeCustomFields : getIssueTypeCustomFields,
                    getCurrentIssueTypeVo : getCurrentIssueTypeVo
                    getCurrentIssueTypeVo : getCurrentIssueTypeVo,
                    loadSpec : loadSpec,
                    getIssueStatuses : getIssueStatuses,
                    onChangeIssueTypeSpec : onChangeIssueTypeSpec,
                    createRequestModifyJson : createRequestModifyJson,
                    createRequestAddJson : createRequestAddJson,
                    createCustomFields : createCustomFields,
                    getProjectList : getProjectList
                };

                $scope.vm = {
                    tab : "API_COL_SETTING",
                    issueTypes : [],
                    issueStatuses : [],
                    severities : [],
                    priorities : [],
                    projects : [],
                    sampleJsonAdd : "",
                    sampleJsonModify : "",
                    // projects : [],
                    form : {
                        issueCustomFields : [],
@@ -63,10 +78,15 @@
                    },
                    issueTypeId : "",
                    issueTypeName : "",
                    customFieldName : "",
                };

                angular.extend(this, $controller('autoCompleteController', {$scope : $scope, $injector : $injector}));
                    issueStatusId : "",
                    issueStatusName : "",

                    customFieldName : "",

                    projectId : "",
                    projectName : "",
                };

                function initForm() {
                    $scope.vm.form.issueApiDefault.title = "";
@@ -119,7 +139,11 @@
                            $scope.vm.issueTypes = result.data.data;
                            if ($scope.vm.issueTypes != null && $scope.vm.issueTypes.length > 0) {
                                $scope.vm.issueTypeId = $scope.vm.issueTypes[0].id.toString();
                                $scope.fn.onChangeIssueType();
                                if ($scope.vm.tab === "API_COL_SETTING") {
                                    $scope.fn.onChangeIssueType();
                                } else if ($scope.vm.tab === "API_SPEC_SETTING") {
                                    $scope.fn.onChangeIssueTypeSpec();
                                }
                            }
                        }
                        else {
@@ -272,21 +296,24 @@
                    $scope.vm.form.issueCustomFields = [];

                    var issueTypeVo = $scope.fn.getCurrentIssueTypeVo();
                    if (issueTypeVo.projectVo == null) return;

                    if (issueTypeVo == null) return;

                    IssueTypeCustomField.find($resourceProvider.getContent({
                            projectId : issueTypeVo.projectVo.id,
                            projectId : $scope.vm.projectId,
                            IssueTypeId : issueTypeVo.id },
                        $resourceProvider.getPageContent(0, 1000))).then(function (result) {

                        $scope.vm.form.issueCustomFields = [];
                        if (result.data.message.status === "success") {

                            $scope.vm.form.issueCustomFields = [];
                            angular.forEach(result.data.data, function (issueTypeCustomField) {
                                $scope.vm.form.issueCustomFields.push(issueTypeCustomField);
                            });

                            $scope.$broadcast("getIssueTypeListComplete", $scope.vm.form.issueCustomFields);
                        }
                        else {

                            SweetAlert.swal($filter("translate")("issue.failedToUserDefinedFieldListAssociatedLookup"), result.data.message.message, "error"); // 이슈 유형에 연결된 사용자 정의 필드 목록 조회 실패
                        }

@@ -317,6 +344,16 @@
                    $scope.fn.getOverlapList();
                });

                $rootScope.$on("changeSpecSettingTab", function (event, args){
                    $scope.fn.loadSpec();
                });

                $scope.$on("getIssueTypeListComplete", function (event, args) {
                    if ($scope.vm.tab === "API_SPEC_SETTING") {
                        $scope.fn.createRequestAddJson();
                        $scope.fn.createRequestModifyJson();
                    }
                });

                function changeTab(tab) {
                    $scope.vm.tab = tab;
@@ -325,15 +362,100 @@
                        $rootScope.$broadcast("changeColumnSettingTab");
                    } else if (tab === "API_OVERLAP_SETTING") {
                        $rootScope.$broadcast("changeOverlapSettingTab");
                    } else if (tab === "API_SPEC_SETTING") {
                        $rootScope.$broadcast("changeSpecSettingTab");
                    }
                }

                function getIssueStatuses() {
                    var condition = {
                        issueTypeId : $scope.vm.issueTypeId
                    }
                    IssueStatus.findIssueStatusesByIssueType($resourceProvider.getContent(condition,
                        $resourceProvider.getPageContent(0, 1000))).then(function (result) {

                        if (result.data.message.status === "success") {
                            $scope.vm.issueStatuses = result.data.data;
                            if ($scope.vm.issueStatuses != null && $scope.vm.issueStatuses.length > 0) {
                                $scope.vm.issueStatusId = $scope.vm.issueStatuses[0].id.toString();
                            }
                        }
                        else {
                            SweetAlert.swal($filter("translate")("issue.failedToCriticalListLookup"), result.data.message.message, "error"); // 중요도 목록 조회 실패
                        }
                    });
                }

                function onChangeIssueTypeSpec() {
                    $scope.fn.getIssueTypeCustomFields();
                }

                // 요청 데이터 만들기( 추가)
                function createRequestAddJson() {
                    var customFields = $scope.fn.createCustomFields();

                    var jsonData = {
                            token: "||발급받은 토큰}||",
                            title: "||이슈 제목||",
                            issueTypeId: $scope.vm.issueTypeId,
                            apiType: "add",
                            customFields : customFields
                        };

                    $scope.vm.sampleJsonAdd = JSON.stringify(jsonData,undefined, 4);
                }

                function createCustomFields() {
                    var customFields = [];
                    $scope.vm.form.issueCustomFields.forEach(function (issueCustomField){
                        customFields.push({
                            customFieldId: issueCustomField.customFieldVo.id,
                            useValue: "||입력값||"
                        })
                    });
                    return customFields;
                }

                // 요청 데이터 만들기(수정)
                function createRequestModifyJson() {
                    var customFields = $scope.fn.createCustomFields();

                    var jsonData = {
                        token: "||발급받은 토큰||",
                        title: "||이슈 제목||",
                        issueTypeId: $scope.vm.issueTypeId,
                        apiType: "modify",
                        issueStatusId: $scope.vm.issueStatusId,
                        customFields : customFields
                    };

                    $scope.vm.sampleJsonModify = JSON.stringify(jsonData, undefined, 2);
                }

                function getProjectList() {
                    if ($rootScope.projects != null) {
                        $scope.vm.projects = [];
                        $rootScope.projects.forEach(function (project){
                            if (project.id > -1) {
                                $scope.vm.projects.push(project);
                            }
                        });
                        $scope.vm.projectId = $scope.vm.projects[0].id.toString();
                    }
                }


                function loadSpec() {
                    $scope.fn.getIssueStatuses();
                    $scope.fn.getIssueTypeCustomFields();
                }

                function start() {
                    $scope.fn.initForm();
                    $scope.fn.getProjectList();
                    $scope.fn.getSeverities();
                    $scope.fn.getPriorities();
                    $scope.fn.getIssueTypes();

                }
                $scope.fn.start();


 src/main/webapp/scripts/app/customField/customFieldAdd.controller.js

@@ -31,7 +31,7 @@
                        email : "",
                        site : "",
                        tel : "",
                        requiredData : ""
                        requiredData : false
                    }
                };


 src/main/webapp/scripts/app/customField/customFieldModify.controller.js

@@ -164,7 +164,8 @@
                     content.ipAdress = $scope.vm.form.ipAdress;
                     content.email = $scope.vm.form.email;
                     content.site = $scope.vm.form.site;
                     content.tel =$scope.vm.form.tel;
                     content.tel = $scope.vm.form.tel;
                     content.requiredData = $scope.vm.form.requiredData;

                    if ($scope.vm.form.customFieldType === 'MULTI_SELECT'|| $scope.vm.form.customFieldType === "SINGLE_SELECT") {
                        var convertDefaultValues = "";
@@ -218,7 +219,12 @@
                                $scope.vm.form.customFieldType = result.data.data.customFieldType;
                                $scope.vm.form.defaultValue = result.data.data.defaultValue;
                                $scope.vm.form.useCustomFieldValue = result.data.data.useCustomFieldValue;
                                $scope.vm.form.requiredData = result.data.data.requiredData;

                                if(result.data.data.requiredData === "Y"){
                                    $scope.vm.form.requiredData = true;
                                } else {
                                    $scope.vm.form.requiredData = false;
                                }

                                angular.forEach(result.data.data.customFieldValueVos, function (customFieldValueVo) {
                                    $scope.vm.form.options.push(customFieldValueVo.value);

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

@@ -58,8 +58,7 @@
                        attachedFiles : [], //  섬머노트로 파일 업로드를 할 경우 서버에서 pk를 따고 issue id와 연동 작업이 필요하다.
                        startCompleteDateRange : "", //  시작일 ~ 종료일
                        detectingDateRange : "", //  탐지일
                        issueCustomFields : [],  //  이슈에서 사용되는 사용자 정의 필드
                        requiredDatas : []  // 사용자 정의 필드 필수 데이터 체크
                        issueCustomFields : []  //  이슈에서 사용되는 사용자 정의 필드
                    },
                    infiniteAdd : false,    //  연속 생성
                    projectName : "",   //  프로젝트 명 검색
@@ -559,30 +558,6 @@
                        startCompleteDateRange : $scope.vm.form.startCompleteDateRange,
                        detectingDateRange : $scope.vm.form.detectingDateRange,

                        requiredDatas : (function () {    //  사용자 정의 필드 필수 데이터 체크
                            var requiredDatas = [];

                            angular.forEach($scope.vm.form.requiredDatas, function (issueCustomField) {
                                var useValues = [];

                                if (angular.isArray(issueCustomField.useValues)) {
                                    angular.forEach(issueCustomField.useValues, function (useValue) {
                                        useValues.push(useValue.value);
                                    });
                                }
                                else {
                                    useValues.push(issueCustomField.useValues);
                                }

                                //  useValues 를 배열로 변환한다.
                                var temp = angular.copy(issueCustomField);
                                temp.useValues = useValues;
                                issueCustomFields.push(temp);
                            });

                            return issueCustomFields;
                        })(),

                        issueCustomFields : (function () {    //  이슈에서 사용되는 사용자 정의 필드
                            var issueCustomFields = [];

@@ -711,7 +686,6 @@
                //  이슈 유형에 연결된 사용자 정의 필드
                function getIssueTypeCustomFields() {
                    $scope.vm.form.issueCustomFields = [];
                    $scope.vm.form.requiredDatas = [];
                    //  이슈 타입 아이디나 프로젝트 아이디가 없으면 통신을 하지 않는다.
                    if (!$rootScope.isDefined($scope.vm.form.issueTypeId) || $scope.vm.form.projects.length < 1) {
                        return;
@@ -727,7 +701,6 @@
                        if (result.data.message.status === "success") {

                            $scope.vm.form.issueCustomFields = [];
                            $scope.vm.form.requiredDatas = [];
                            angular.forEach(result.data.data, function (issueTypeCustomField) {
                                switch (issueTypeCustomField.customFieldVo.customFieldType) {
                                    case "INPUT" :
@@ -756,9 +729,6 @@
                                        break;
                                }
                                $scope.vm.form.issueCustomFields.push(issueTypeCustomField);
                                if(issueTypeCustomField.customFieldVo.requiredData === "Y") {
                                    $scope.vm.form.requiredDatas.push(issueTypeCustomField.customFieldVo.requiredData);
                                }
                            });
                        }
                        else {

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

@@ -22,7 +22,7 @@
                    setTableColumn : setTableColumn,    //  테이블의 컬럼을 만들어준다.
                    add : add,   //  이슈 생성
                    modify : modify,    //  이슈 수정
                    AddRelation : AddRelation,    //  연관 이슈 추가
                    addRelationIssueForm : addRelationIssueForm,    //  연관 이슈 추가
                    modifyMultiIssueStatus : modifyMultiIssueStatus,    //  이슈 다중 상태 변경
                    removes : removes,  //  이슈 삭제
                    addIssueTableConfig : addIssueTableConfig,    //  이슈 목록 테이블 설정
@@ -669,7 +669,7 @@
                    });
                }

                function AddRelation(id) {
                function addRelationIssueForm(id) {
                    $uibModal.open({
                        templateUrl : 'views/issue/issueAddRelation.html',
                        size : "lg",

 src/main/webapp/scripts/components/issueStatus/issueStatus.service.js

@@ -56,6 +56,12 @@
                    return response;
                });
            },
            findIssueStatusesByIssueType : function (conditions) {
                return $http.post("issueStatus/findIssueStatusesByWorkflow", conditions).then(function (response) {
                    $log.debug("이슈 유형에서 사용 가능한 이슈 상태 기록 조회 결과 : ", response);
                    return response;
                });
            }
        }
    }
    ]);

 src/main/webapp/scripts/components/utils/autoComplete.controller.js

@@ -345,11 +345,13 @@
                        conditions, $resourceProvider.getPageContent($rootScope.isDefined(page) ? page : 0, $rootScope.isDefined(page) ? 10 : 25))).then(function (result) {
                        if (result.data.message.status === "success") {
                            const departments = result.data.data;
                            var filterDepartments = departments.filter(function(item, idx){
                                return departments.findIndex(function(item2, idx2){
                                    return item.departmentName === item2.departmentName
                                }) == idx;
                            });
                            if(departments != null && departments.length() > 0){
                                var filterDepartments = departments.filter(function(item, idx){
                                    return departments.findIndex(function(item2, idx2){
                                        return item.departmentName === item2.departmentName
                                    }) == idx;
                                });
                            }

                            if ($rootScope.isDefined(callBack)) {
                                callBack(result);

 src/main/webapp/scripts/main.js

@@ -337,6 +337,7 @@
        'apiSettingController' : 'app/api/apiSetting.controller',    // api 설정 컨트롤러
        'apiMonitorController' : 'app/api/apiMonitor.controller', // api 모니터링 컨트롤러


        /* 업체 */
        'companyFieldRoute' : 'app/companyField/companyField',   // 업체 route 정보
        'companyFieldService' : 'components/companyField/companyField.service',  // 업체 관련된 통신 담당
@@ -554,6 +555,7 @@
    'workflowService',
    'issueSearchService',
    'systemEmailService',
    'issueStatusService',
    'noticeService',
    'faqService',
    'guideService',

 src/main/webapp/views/api/apiSetting.html

@@ -18,6 +18,9 @@
                <div class="os-tabs-controls">
                    <ul class="nav nav-tabs upper">
                        <li class="nav-item">
                            <a class="nav-link cursor" ng-class="{ 'active' : vm.tab == 'API_SPEC_SETTING' }" ng-click="fn.changeTab('API_SPEC_SETTING')" translate="api.spec">부서 관리</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link cursor" ng-class="{ 'active' : vm.tab == 'API_COL_SETTING' }" ng-click="fn.changeTab('API_COL_SETTING')" translate="api.columnSetting">사용자 등급 관리</a>
                        </li>
                        <li class="nav-item">
@@ -28,17 +31,16 @@
            </div>

            <div class="tab-content mt-30">
                <div ng-show="vm.tab == 'API_SPEC_SETTING'">
                    <div ng-include include-replace src="'views/api/apiSettingSpec.html'"></div>
                </div>
                <div ng-show="vm.tab == 'API_COL_SETTING'">
                    <div ng-include include-replace src="'views/api/apiSettingColumn.html'"></div>
                </div>

                <div ng-show="vm.tab == 'API_OVERLAP_SETTING'">
                    <div ng-include include-replace src="'views/api/apiSettingOverlap.html'"></div>
                </div>
            </div>



        </div>
    </div>
</div>

 src/main/webapp/views/api/apiSettingColumn.html

@@ -1,6 +1,23 @@
<div class="row">
    <div class="col-md-4" ng-if="false">
        <div class="form-group mb10">
            <label for="projectForm" class="issue-label">
                <span translate="common.project">프로젝트</span>
            </label>
            <select id="projectForm"
                    name="project"
                    class="form-control input-sm issue-select-label"
                    ng-model="vm.projectId"
                    ng-change="fn.onChangeIssueTypeSpec()"
                    required>
                <option ng-repeat="project in vm.projects"
                        value="{{project.id}}"
                        translate="{{project.name}}(id:{{project.id}})">
                </option>
            </select>
        </div>
    </div>
    <div class="col-md-4">

        <div class="form-group mb10">
            <label for="issueTypeForm" class="issue-label">
                <span translate="issue.issueType">이슈 유형</span>
@@ -98,22 +115,6 @@
                                </option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-8">
                <!-- 사용자 정의 필드 -->
                <div class="row">
                    <label for="issue-priority" class="issue-label">
                        <span translate="common.detectingInfo">탐지 정보</span>
                    </label>
                </div>
                <div class="row">

                    <div class="col-md-4" ng-repeat="issueCustomField in vm.form.issueCustomFields">
                        <label class="issue-detail-label">이름: {{::issueCustomField.customFieldVo.name}}</label>
                        <span class="issue-detail-word-break">ID: {{::issueCustomField.customFieldVo.id}}</span>
                    </div>
                </div>
            </div>

 src/main/webapp/views/api/apiSettingOverlap.html

@@ -1,7 +1,25 @@


<div class="row">
    <div class="col-sm-5">
    <div class="col-md-4" ng-if="false">
        <div class="form-group mb10">
            <label for="projectForm" class="issue-label">
                <span translate="common.project">프로젝트</span>
            </label>
            <select id="projectForm"
                    name="project"
                    class="form-control input-sm issue-select-label"
                    ng-model="vm.projectId"
                    ng-change="fn.onChangeIssueTypeSpec()"
                    required>
                <option ng-repeat="project in vm.projects"
                        value="{{project.id}}"
                        translate="{{project.name}}(id:{{project.id}})">
                </option>
            </select>
        </div>
    </div>
    <div class="col-sm-4">

        <div class="element-wrapper">
            <div class="form-group mb10">

 src/main/webapp/views/api/apiSettingSpec.html

New file
@@ -0,0 +1,119 @@
<div class="row">
    <div class="col-md-4">
        <div class="form-group mb10">
            <label for="projectForm" class="issue-label">
                <span translate="common.project">프로젝트</span>
            </label>
            <select id="projectForm"
                    name="project"
                    class="form-control input-sm issue-select-label"
                    ng-model="vm.projectId"
                    ng-change="fn.onChangeIssueTypeSpec()"
                    required>
                <option ng-repeat="project in vm.projects"
                        value="{{project.id}}"
                        translate="{{project.name}}(id:{{project.id}})">
                </option>
            </select>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group mb10">
            <label for="issueTypeForm" class="issue-label">
                <span translate="issue.issueType">이슈 유형</span>
            </label>
            <select id="issueTypeForm"
                    name="issueType"
                    class="form-control input-sm issue-select-label"
                    ng-style="{ 'color' : fn.getOptionColor(vm.issueTypes, vm.issueTypeId) }"
                    ng-model="vm.issueTypeId"
                    ng-change="fn.onChangeIssueTypeSpec()"
                    required>
                <option ng-repeat="issueType in vm.issueTypes"
                        ng-style="{ 'color' : issueType.color, 'font-weight': 600 }"
                        value="{{issueType.id}}"
                        translate="{{issueType.name}}(id:{{issueType.id}})">
                </option>
            </select>
        </div>
    </div>

</div>

<div class="element-box">
    <form role="form" name="apiSettingColumnForm">
        <div class="form-group mb10">
          <div class="row">
            <div class="col-lg-8">
                <div class="row">
                    <!-- 이슈 상태 -->
                    <div class="form-group mb10">
                        <label for="issueStatusForm" class="issue-label">
                            <span translate="api.useIssueStatus">이슈 상태</span>
                        </label>
                        <select id="issueStatusForm"
                                name="issueStatus"
                                class="form-control input-sm issue-select-label"
                                ng-style="{ 'color' : fn.getOptionColor(vm.issueStatuses, vm.issueStatusId) }"
                                ng-model="vm.issueStatusId"
                                ng-change="fn.onChangeIssueTypeSpec()"
                                required>
                            <option ng-repeat="issueStatus in vm.issueStatuses"
                                    ng-style="{ 'color' : issueStatus.color, 'font-weight': 600 }"
                                    value="{{issueStatus.id}}"
                                    translate="{{issueStatus.name}}(id:{{issueStatus.id}})">
                            </option>
                        </select>
                    </div>
                </div>
                <!-- 사용자 정의 필드 -->
                <div class="row">
                    <label for="issue-detectingInfo" class="issue-label">
                        <span translate="common.detectingInfo">탐지 정보</span>
                    </label>
                </div>
                <div class="row">

                    <div ng-if="vm.form.issueCustomFields == null && vm.form.issueCustomFields.length === 0">
                        <span translate="common.notExistDetectingInfo">사용 가능한 탐지 정보가 없습니다.</span>
                    </div>
                    <div id="issue-detectingInfo" class="col-md-4" ng-repeat="issueCustomField in vm.form.issueCustomFields">
                        <label class="issue-detail-label">이름: {{::issueCustomField.customFieldVo.name}}</label>
                        <span class="issue-detail-word-break">( ID: {{::issueCustomField.customFieldVo.id}} )</span>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </form>
</div>

<div class="row">
    <div class="col-md-4">
        <label for="issue-detectingInfo" class="issue-label">
            <span translate="api.requestSample">API 요청 데이터 샘플</span>
        </label>
    </div>
</div>

<div class="element-box">
    <div class="row">
        <div class="col-md-1">
            <label for="issue-detectingInfo" class="issue-label">
                <span translate="api.requestSampleAdd">이슈 추가</span>
            </label>
        </div>
        <div>
            <pre>{{vm.sampleJsonAdd}}</pre>
        </div>
        <div class="col-md-1"></div>
        <div class="col-md-1">
            <label for="issue-detectingInfo" class="issue-label">
                <span translate="api.requestSampleModify">이슈 수정</span>
            </label>
        </div>
        <div>
            <pre>{{vm.sampleJsonModify}}</pre>
        </div>
    </div>
</div>

 src/main/webapp/views/customField/customFieldAdd.html

@@ -34,7 +34,7 @@
            <div class="form-group">
                <label for="customFieldAddForm2"><span translate="customField.fieldType">필드 유형</span> <code
                        class="highlighter-rouge">*</code></label>
                &nbsp;&nbsp; <label> <input type="checkbox" ng-model="vm.form.requiredData"> 필수 데이터 </label>
                &nbsp;&nbsp; <label for="customFieldAddForm2"> <input type="checkbox" ng-model="vm.form.requiredData"> 필수 데이터 </label>
                <select id="customFieldAddForm2" class="form-control" ng-model="vm.form.customFieldType"
                        ng-change="fn.changeFieldType()">
                    <option value="INPUT" translate="common.stringField">문자열 필드</option>

 src/main/webapp/views/customField/customFieldModify.html

@@ -35,6 +35,7 @@
            <div class="form-group">
                <label for="customFieldModifyForm2"><span translate="customField.fieldType">필드 유형</span><code
                        class="highlighter-rouge">*</code></label>
                &nbsp;&nbsp; <label> <input type="checkbox" ng-model="vm.form.requiredData"> 필수 데이터 </label>
                <select id="customFieldModifyForm2" class="form-control" ng-model="vm.form.customFieldType"
                        ng-change="fn.changeCustomFieldType()">
                    <option value="INPUT" translate="common.stringField">문자열 필드</option>

 src/main/webapp/views/issue/issueAdd.html

@@ -230,7 +230,7 @@

                    <div class="col-md-4" ng-repeat="issueCustomField in vm.form.issueCustomFields">
                        <div class="form-group mgb5">
                            <label class="issue-label">{{issueCustomField.customFieldVo.name}}<code ng-if="" class="highlighter-rouge">&nbsp;*</code></label>
                            <label class="issue-label">{{issueCustomField.customFieldVo.name}}</label>

                            <div ng-switch on="issueCustomField.customFieldVo.customFieldType">
                                <!-- 기본 입력 -->
@@ -347,13 +347,14 @@
                                <!-- 멀티 셀렉트 -->
                                <div ng-switch-when="MULTI_SELECT">
                                    <ng-dropdown-multiselect class="multiSelect cursor"
                                                             name="multiSelect"
                                                             ng-required="issueCustomField.customFieldVo.requiredData == 'Y'"
                                                             data-input-name=""
                                                             modal-form-auto-scroll
                                                             selected-model="issueCustomField.useValues"
                                                             extra-settings="{ 'idProp' : 'value', 'externalIdProp' : 'value', 'displayProp' : 'value', 'stringTypeOption' : 'true', stopRemoveBodyEvent : true }"
                                                             options="issueCustomField.customFieldVo.customFieldValueVos"></ng-dropdown-multiselect>
                                    <input class="form-control input-sm issue-select-label"
                                           type="hidden" name="multiSelect" ng-model="issueCustomField.useValues[0]"
                                           ng-required="issueCustomField.fieldOption == '01' || issueCustomField.customFieldVo.requiredData == 'Y'">
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddForm.multiSelect.$error.required"

 src/main/webapp/views/issue/issueAddRelation.html

@@ -29,7 +29,7 @@
                </small>
            </div>

            <div class="form-group mb10 col-sm-4">
            <div class="form-group mb10">
                <label class="issue-label"><span class="highlighter-rouge">연관 이슈 구분</span></label>
                <select id="relationIssueType"
                        name="relationIssueType"
@@ -230,7 +230,7 @@
                </div>
            </div>

            <div class="col-lg-8">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group mgb5" ng-show="vm.form.issueCustomFields.length < 1">
@@ -239,7 +239,7 @@
                        </div>
                    </div>

                    <div class="col-md-6" ng-repeat="issueCustomField in vm.form.issueCustomFields">
                    <div class="col-md-4" ng-repeat="issueCustomField in vm.form.issueCustomFields">
                        <div class="form-group mgb5">
                            <label class="issue-label">{{issueCustomField.customFieldVo.name}}</label>

@@ -247,62 +247,99 @@
                                <!-- 기본 입력 -->
                                <div ng-switch-when="INPUT">
                                    <input type="text" class="form-control input-sm"
                                           name="input"
                                           ng-model="issueCustomField.useValues"
                                           maxlength="100"
                                           autocomplete="off"
                                           kr-input
                                           ng-required="issueCustomField.fieldOption == '01'">
                                           ng-required="issueCustomField.fieldOption == '01' || issueCustomField.customFieldVo.requiredData == 'Y'">
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddRelationForm.input.$error.required"
                                           translate="issue.pleaseEnterIssueTypeCustomFields">해당 사용자정의필드는 필수 입력 값 입니다.
                                    </small>
                                </div>

                                <div ng-switch-when="NUMBER">
                                    <input type="text" class="form-control input-sm"
                                           name="number"
                                           ng-model="issueCustomField.useValues"
                                           maxlength="100"
                                           autocomplete="off"
                                           kr-input
                                           ng-required="issueCustomField.fieldOption == '01'">
                                           ng-required="issueCustomField.fieldOption == '01' || issueCustomField.customFieldVo.requiredData == 'Y'">
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddRelationForm.number.$error.required"
                                           translate="issue.pleaseEnterIssueTypeCustomFields">해당 사용자 정의 필드는 필수 입력 값 입니다.
                                    </small>
                                </div>

                                <div ng-switch-when="DATETIME">
                                    <input type="text" class="form-control input-sm"
                                           name="dateTime"
                                           ng-model="issueCustomField.useValues"
                                           maxlength="100"
                                           autocomplete="off"
                                           kr-input
                                           ng-required="issueCustomField.fieldOption == '01'">
                                           ng-required="issueCustomField.fieldOption == '01' || issueCustomField.customFieldVo.requiredData == 'Y'">
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddRelationForm.dateTime.$error.required"
                                           translate="issue.pleaseEnterIssueTypeCustomFields">해당 사용자 정의 필드는 필수 입력 값 입니다.
                                    </small>
                                </div>

                                <div ng-switch-when="IP_ADDRESS">
                                    <input type="text" class="form-control input-sm"
                                           name="ipAddress"
                                           ng-model="issueCustomField.useValues"
                                           maxlength="100"
                                           autocomplete="off"
                                           kr-input
                                           ng-required="issueCustomField.fieldOption == '01'">
                                           ng-required="issueCustomField.fieldOption == '01' || issueCustomField.customFieldVo.requiredData == 'Y'">
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddRelationForm.ipAddress.$error.required"
                                           translate="issue.pleaseEnterIssueTypeCustomFields">해당 사용자 정의 필드는 필수 입력 값 입니다.
                                    </small>
                                </div>

                                <div ng-switch-when="SITE">
                                    <input type="text" class="form-control input-sm"
                                           name="site"
                                           ng-model="issueCustomField.useValues"
                                           maxlength="100"
                                           autocomplete="off"
                                           kr-input
                                           ng-required="issueCustomField.fieldOption == '01'">
                                           ng-required="issueCustomField.fieldOption == '01' || issueCustomField.customFieldVo.requiredData == 'Y'">
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddRelationForm.site.$error.required"
                                           translate="issue.pleaseEnterIssueTypeCustomFields">해당 사용자 정의 필드는 필수 입력 값 입니다.
                                    </small>
                                </div>

                                <div ng-switch-when="TEL">
                                    <input type="text" class="form-control input-sm"
                                           name="tel"
                                           ng-model="issueCustomField.useValues"
                                           maxlength="100"
                                           autocomplete="off"
                                           kr-input
                                           ng-required="issueCustomField.fieldOption == '01'">
                                           ng-required="issueCustomField.fieldOption == '01' || issueCustomField.customFieldVo.requiredData == 'Y'">
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddRelationForm.tel.$error.required"
                                           translate="issue.pleaseEnterIssueTypeCustomFields">해당 사용자 정의 필드는 필수 입력 값 입니다.
                                    </small>
                                </div>

                                <!-- 단일 셀렉트 -->
                                <div ng-switch-when="SINGLE_SELECT">
                                    <select class="form-control input-sm issue-select-label"
                                            ng-required="issueCustomField.fieldOption == '01'"
                                            name="singleSelect"
                                            ng-required="issueCustomField.fieldOption == '01' || issueCustomField.customFieldVo.requiredData == 'Y'"
                                            ng-model="issueCustomField.useValues">
                                        <option value="" value="" translate="common.choose">선택하세요.</option>
                                        <option ng-repeat="customFieldValueVo in issueCustomField.customFieldVo.customFieldValueVos"
@@ -311,16 +348,28 @@
                                            {{customFieldValueVo.value}}
                                        </option>
                                    </select>
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddRelationForm.singleSelect.$error.required"
                                           translate="issue.pleaseEnterIssueTypeCustomFields">해당 사용자 정의 필드는 필수 입력 값 입니다.
                                    </small>
                                </div>

                                <!-- 멀티 셀렉트 -->
                                <div ng-switch-when="MULTI_SELECT">
                                    <ng-dropdown-multiselect class="multiSelect cursor"
                                                             name="multiSelect"
                                                             ng-required="issueCustomField.customFieldVo.requiredData == 'Y'"
                                                             data-input-name=""
                                                             modal-form-auto-scroll
                                                             selected-model="issueCustomField.useValues"
                                                             extra-settings="{ 'idProp' : 'value', 'externalIdProp' : 'value', 'displayProp' : 'value', 'stringTypeOption' : 'true', stopRemoveBodyEvent : true }"
                                                             options="issueCustomField.customFieldVo.customFieldValueVos"></ng-dropdown-multiselect>
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddRelationForm.multiSelect.$error.required"
                                           translate="issue.pleaseEnterIssueTypeCustomFields">해당 사용자 정의 필드는 필수 입력 값 입니다.
                                    </small>
                                </div>
                            </div>
                        </div>

 src/main/webapp/views/issue/issueDetail.html

@@ -496,8 +496,9 @@
                            <button type="button" class="btn btn-primary form-control input-sm"
                                    ng-click="fn.addRelationIssue()"
                                    translate="issue.addRelationIssue">연관 이슈 추가</button>
                            <button  type="button" class="btn btn-sm btn-primary btn-roundRel  offset-1">
                                <i class="os-icon os-icon-plus" ng-click="fn.AddRelation(vm.viewer.id)"><span></span></i>
                            <button type="button" class="btn btn-sm btn-primary btn-roundRel  offset-1"
                                    ng-click="fn.addRelationIssueForm(vm.viewer.id)">
                                <i class="os-icon os-icon-plus"><span></span></i>
                            </button>
                        </div>


 src/main/webapp/views/issue/issueModify.html

@@ -219,7 +219,7 @@
                </div>
            </div>

            <div class="col-lg-8">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group mgb5" ng-show="vm.form.issueCustomFields.length < 1">
@@ -228,7 +228,7 @@
                        </div>
                    </div>

                    <div class="col-md-6" ng-repeat="issueCustomField in vm.form.issueCustomFields">
                    <div class="col-md-4" ng-repeat="issueCustomField in vm.form.issueCustomFields">
                        <div class="form-group mgb5">
                            <label class="issue-label">{{issueCustomField.customFieldVo.name}}</label>

@@ -347,13 +347,14 @@
                                <!-- 멀티 셀렉트 -->
                                <div ng-switch-when="MULTI_SELECT">
                                    <ng-dropdown-multiselect class="multiSelect cursor"
                                                             name="multiSelect"
                                                             ng-required="issueCustomField.customFieldVo.requiredData == 'Y'"
                                                             data-input-name=""
                                                             modal-form-auto-scroll
                                                             selected-model="issueCustomField.useValues"
                                                             extra-settings="{ 'idProp' : 'value', 'externalIdProp' : 'value', 'displayProp' : 'value', 'stringTypeOption' : 'true', stopRemoveBodyEvent : true }"
                                                             options="issueCustomField.customFieldVo.customFieldValueVos"></ng-dropdown-multiselect>
                                    <input class="form-control input-sm issue-select-label"
                                           type="hidden" name="multiSelect" ng-model="issueCustomField.useValues[0]"
                                           ng-required="issueCustomField.fieldOption == '01' || issueCustomField.customFieldVo.requiredData == 'Y'">
                                    <small class="help-block form-text text-danger"
                                           ng-show="issueCustomField.customFieldVo.requiredData == 'Y'"
                                           ng-if="issueAddForm.multiSelect.$error.required"