OWL ITS + 탐지시스템(인터넷 진흥원)
이민희
2022-01-28 f04c1ae0ff0388427f83a579002880d5dbb149d2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<div class="formModal" xmlns:cursor="http://www.w3.org/1999/xhtml">
    <div class="modal-header faded smaller">
        <div class="modal-title">
            <strong translate="project.createProject">프로젝트 만들기</strong>
        </div>
        <button aria-label="Close" class="close" type="button" ng-click="fn.cancel()">
            <span aria-hidden="true"> &times;</span>
        </button>
    </div>
 
    <div class="modal-body">
        <form role="form" name="projectAddForm">
            <div class="form-group">
                <label for="projectAddForm1"><span translate="common.projectName">프로젝트명</span> <code class="highlighter-rouge">*</code></label>
                <input id="projectAddForm1"
                       name="name"
                       type="text"
                       class="form-control"
                       autofocus
                       autocomplete="off"
                       ng-model="vm.form.name"
                       input-regex="/[^?a-zA-Z0-9/]/"
                       ng-maxlength="50"
                       maxlength="50"
                       kr-input
                       required>
                <small ng-show="projectAddForm.name.$error.maxlength" class="help-block form-text text-danger" translate="common.upTo50Characters">
                    최대 50글자까지 입력할 수 있습니다.
                </small>
                <!--<small translate="project.limitNameToSpecialCharacters">프로젝트 명은 특수 문자를 입력할 수 없습니다.</small>-->
            </div>
 
            <div class="form-group">
                <label for="projectAddForm2"><span translate="project.projectKey">프로젝트 키</span> <code class="highlighter-rouge">*</code></label>
                <input id="projectAddForm2"
                       name="projectKey"
                       type="text"
                       class="form-control"
                       autocomplete="off"
                       maxlength="10"
                       ng-model="vm.form.projectKey"
                       ng-minlength="3"
                       ng-maxlength="10"
                       ng-trim="false"
                       ng-pattern="/^[a-zA-Z][a-zA-Z0-9]{0,10}$/"
                       input-regex="[^a-zA-Z0-9]"
                       owl-project-key
                       kr-input
                       required>
                <small ng-show="projectAddForm.projectKey.$error.minlength" class="help-block form-text text-danger" translate="common.least3Characters">
                    최소 3글자이상 입력해야 합니다.
                </small>
 
                <small ng-show="projectAddForm.projectKey.$error.maxlength" class="help-block form-text text-danger" translate="common.upTo10Characters">
                    최대 10글자까지 입력할 수 있습니다.
                </small>
 
                <small ng-show="projectAddForm.projectKey.$error.pattern" class="help-block form-text text-danger" translate="project.failedToProjectKeyPattern">
                    프로젝트 키는 특수 문자를 입력할 수 없습니다.
                </small>
 
                <small translate="common.beginEnglishTheProject">
                    프로젝트 키는 영문으로 시작해야합니다.
                </small>
            </div>
 
            <!--<div class="row">-->
            <div>
                <div class="form-group">
                    <div class="form-group">
                        <label><span translate="common.period">기간</span></label>
                        <input tabindex="-1"
                               type="text"
                               class="form-control input-readonly"
                               placeholder="{{'issue.clickToSelectDate' | translate}}"
                               ng-model="vm.form.startEndDateRange"
                               modal-form-auto-scroll
                               date-format="YYYY-MM-DD"
                               parent-el="'#createdWidget'"
                               date-range-picker>
                        <div class="row">
                            <div class="col-xs-12">
                                <div id="createdWidget" class="bootstrap-datepicker"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--<div class="col-lg-6">
                    <div class="form-group mb10">
                        <label> <span translate="common.parentProject">상위 프로젝트</span></label>
                        <js-autocomplete-single data-input-name="project"
                                                selected-model="vm.form.projects"
                                                search="vm.projectName"
                                                source="fn.getProjectList(vm.projectName, vm.form.projects, vm.autoCompletePage.project.page, fn.getProjectListCallBack)"
                                                page="vm.autoCompletePage.project.page"
                                                total-page="vm.autoCompletePage.project.totalPage"
                                                input-disabled="false"
                                                translation-texts="{ empty : 'common.emptyProject' }"
                                                extra-settings="{ displayProp : 'name' , idProp : 'id', imageable : false, imagePathProp : '',
                                            type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }">
                        </js-autocomplete-single>
                    </div>
                </div>-->
            </div>
 
 
            <div class="form-group">
                <label><span translate="project.projectStatus">프로젝트 상태</span> <code class="highlighter-rouge">*</code></label>
                <ul class="nav nav-pills smaller d-lg-flex">
                    <li class="nav-item">
                        <a class="nav-link cursor" ng-class="{active : vm.form.status == '01'}" data-toggle="tab" ng-click="vm.form.status = '01'"> <span translate="common.wait">대기</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link cursor" ng-class="{active : vm.form.status == '02'}" data-toggle="tab" ng-click="vm.form.status = '02'"> <span translate="common.progress">진행</span></a>
                    </li>
                </ul>
            </div>
 
            <!--<div class="form-group">
                <label><span translate="project.projectType">프로젝트 타입</span>  <code class="highlighter-rouge">*</code></label>
                <select class="form-control" ng-model="vm.form.projectType">
                    <option value="BTS_PROJECT" translate="common.btsProject">이슈 관리 프로젝트</option>
                </select>
            </div>-->
 
            <div class="form-group">
                <label for="projectAddForm3"><span translate="project.projectAdmin">프로젝트 관리자</span> <code class="highlighter-rouge">*</code></label>
                <input id="projectAddForm3"
                       type="text"
                       name="leader"
                       class="form-control"
                       disabled
                       ng-model="$root.user.name">
            </div>
 
            <div class="form-group">
                <label><span translate="project.projectDepartment">프로젝트 담당부서</span> </label>
                <js-autocomplete-multi data-input-name="departments"
                                       selected-model="vm.form.departments"
                                       search="vm.departmentName"
                                       source="fn.getUserDepartmentList(vm.departmentName, vm.form.departments)"
                                       input-disabled="false"
                                       translation-texts="{ count : 'common.userNum', empty : 'common.emptyProjectDepartment' }"
                                       extra-settings="{ displayProp : 'byName' , idProp : 'id', imageable : false, maxlength : 100, autoResize : true }"></js-autocomplete-multi>
 
                <div class="select3-selection__choicediv mt-10">
                    <span class="select3-selection__choice" ng-repeat="department in vm.form.departments">
                       <span>{{department.byName}}</span> <!--사용자가 속해 있는 부서 이름 출력-->
                        <span class="select3-selection__choice__remove" ng-click="fn.removeDepartment($index)">×</span>
                    </span>
                </div>
            </div>
        </form>
    </div>
 
    <div class="modal-footer buttons-on-right">
        <button type="button" class="btn btn-md btn-grey" ng-click="fn.cancel()"><span translate="common.cancel">취소</span></button>
        <button type="button" class="btn btn-md btn-primary bold"
                js-short-cut
                js-short-cut-action="(fn.formCheck(projectAddForm.$invalid) || $root.spinner) ? null : fn.formSubmit()"
                ng-disabled="fn.formCheck(projectAddForm.$invalid)"
                ng-click="fn.formSubmit()"><span translate="common.save">저장</span>
        </button>
    </div>
</div>