<div class="formModal">
|
<div class="modal-header faded smaller">
|
<div class="modal-title">
|
<strong translate="issue.modifyIssues">이슈 수정</strong>
|
</div>
|
<button aria-label="Close" class="close" type="button" ng-click="fn.cancel()">
|
<span aria-hidden="true"> ×</span>
|
</button>
|
</div>
|
|
<div class="modal-body">
|
<form role="form" name="issueModifyForm">
|
<div class="form-group mb10">
|
<label for="issueModifyForm1" class="issue-label"><span translate="issue.issueTitle">이슈 제목</span> <code
|
class="highlighter-rouge">*</code></label>
|
<input id="issueModifyForm1"
|
class="form-control input-sm"
|
ng-model="vm.form.title"
|
name="title"
|
required
|
kr-input
|
maxlength="300"
|
autocomplete="off"
|
autofocus
|
owl-auto-focus>
|
<small class="help-block form-text text-danger" ng-if="issueModifyForm.title.$touched && issueModifyForm.title.$error.required" translate="issue.requireIssueTitle">이슈 제목을 입력하세요.</small>
|
</div>
|
|
<div class="row">
|
<div class="col-lg-4">
|
<div class="form-group mgb5">
|
<label class="issue-label"> <span translate="common.project">프로젝트</span> <code
|
class="highlighter-rouge">*</code></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>
|
<small translate="issue.initializedAssigneeCustomField">프로젝트를 변경하면 담당자, 사용자 정의 필드 값이 초기화 됩니다.</small>
|
</div>
|
</div>
|
|
<div class="col-lg-8 bdl1">
|
<div class="row">
|
<div class="col-md-4">
|
<div class="form-group mgb5">
|
<label for="issueModifyForm4" class="issue-label"> <span translate="issue.issueType">이슈 타입</span>
|
<code
|
class="highlighter-rouge">*</code></label>
|
<select id="issueModifyForm4"
|
name="issueType"
|
class="form-control input-sm"
|
ng-model="vm.form.issueTypeId"
|
ng-change="fn.getIssueTypeCustomFields()"
|
ng-style="{ 'color' : fn.getOptionColor(vm.issueTypes, vm.form.issueTypeId) }"
|
required>
|
<option value="" translate="common.selectTarget" ng-style="{ 'color' : '#353535' }">
|
<span translate="common.selectTarget">대상 선택</span>
|
</option>
|
<option ng-repeat="issueType in vm.issueTypes"
|
ng-style="{ 'color' : issueType.color, 'font-weight': 600 }"
|
value="{{issueType.id}}">● {{issueType.name}}
|
</option>
|
</select>
|
<small translate="issue.initializedIssueStatus">이슈 타입을 변경할 경우 사용자 정의 필드, 이슈 상태가 초기화
|
됩니다.
|
</small>
|
</div>
|
</div>
|
|
<div class="col-md-4">
|
<div class="form-group mb10">
|
<label for="issueModifyForm2" class="issue-label">
|
<span translate="common.priority">우선 순위</span>
|
<code class="highlighter-rouge">*</code>
|
</label>
|
<select id="issueModifyForm2"
|
name="priority"
|
class="form-control input-sm issue-select-label"
|
ng-model="vm.form.priorityId"
|
ng-style="{ 'color' : fn.getOptionColor(vm.priorities, vm.form.priorityId) }"
|
required>
|
<option value="" translate="common.selectTarget" ng-style="{ color : '#353535' }">
|
<span translate="common.selectTarget">대상 선택</span>
|
</option>
|
<option ng-repeat="priority in vm.priorities"
|
ng-style="{ 'color' : priority.color, 'font-weight': 600 }"
|
value="{{priority.id}}"
|
translate="{{priority.name}}">
|
</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="col-md-4">
|
<div class="form-group mb10">
|
<label for="issueModifyForm3" class="issue-label"> <span translate="common.importance">중요도</span>
|
<code class="highlighter-rouge">*</code></label>
|
<select id="issueModifyForm3"
|
name="severity"
|
class="form-control input-sm issue-select-label"
|
ng-model="vm.form.severityId"
|
ng-style="{ 'color' : fn.getOptionColor(vm.severities, vm.form.severityId)}"
|
required>
|
<option value="" translate="common.selectTarget" ng-style="{ color : '#353535' }">
|
<span translate="common.selectTarget">대상 선택</span>
|
</option>
|
<option ng-repeat="severity in vm.severities"
|
ng-style="{ color : severity.color, 'font-weight': 600 }"
|
value="{{severity.id}}"
|
translate="{{severity.name}}">
|
</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group mb10">
|
<label class="issue-label"><span translate="common.content">내용</span></label>
|
<summernote
|
class="summernote"
|
lang="ko-KR"
|
summer-note-auto-focus
|
ng-model="vm.form.description"
|
data-editor="vm.summerNote.editor"
|
data-editable="vm.summerNote.editable"
|
on-image-upload="fn.imageUpload(files)"
|
target=".note-editable"></summernote>
|
</div>
|
|
<div class="row">
|
<div class="col-lg-4">
|
<div class="form-group mgb5">
|
<label class="issue-label"> <span translate="common.assigneeTeam">담당부서</span> </label>
|
<js-input-autocomplete data-input-name="departments"
|
selected-model="vm.form.departments"
|
search="vm.departmentName"
|
page="vm.autoCompletePage.department.page"
|
total-page="vm.autoCompletePage.department.totalPage"
|
source="fn.getDepartmentList(vm.departmentName, vm.form.departments, vm.autoCompletePage.department.page, fn.getDepartmentListCallBack)"
|
input-disabled="vm.form.departments.length == 0"
|
translation-texts="{ empty : 'common.emptyDepartment'}"
|
extra-settings="{ displayProp : 'byName' , idProp : 'id', imageable : true, imagePathProp : 'profile',
|
type : 'department', maxlength : 100, autoResize : true, stopRemoveBodyEvent : true }"></js-input-autocomplete>
|
|
<div class="select3-selection__choicediv">
|
<span class="select3-selection__choice" ng-repeat="department in vm.form.departments">
|
<span class="avatar-w"></span>
|
<!-- <img ng-src="{{department.profile}}">-->
|
<span>{{department.name}}({{department.id}})</span>
|
<span class="select3-selection__choice__remove"
|
ng-click="fn.removeManager($index)">×</span>
|
</span>
|
</div>
|
</div>
|
|
<div class="form-group mgb5">
|
<label for="issueModifyForm5" class="issue-label"> <span translate="common.period">기간</span>
|
</label>
|
<input id="issueModifyForm5"
|
type="text"
|
readonly
|
class="form-control cursor"
|
placeholder="{{'issue.clickToSelectDate' | translate}}"
|
ng-model="vm.form.startCompleteDateRange"
|
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 class="form-group mgb5">
|
<label class="issue-label"><span translate="common.attachFiles">파일 첨부</span></label>
|
<div class="filebox input-group">
|
<input class="upload-name form-control"
|
placeholder="{{'users.pleaseSelectFile' | translate}}"
|
tabindex="-1"
|
disabled="disabled">
|
<label for="uploadFileField"><span translate="common.selectFile">파일선택</span></label>
|
<input id="uploadFileField"
|
tabindex="-1"
|
type="file"
|
class="form-control"
|
multiple
|
ng-file-select="fn.onFileSelect($files)">
|
</div>
|
<small translate="issue.attachOnlyFiles">hwp, jpg, png, txt, pptx, ppt, pdf, xlsx, xls,
|
docx, zip, gif, jpeg, doc, tif, bmp, wmv, avi, mp4, mkv, mov 파일만 첨부할 수 있습니다.
|
</small>
|
|
<div class="select2-selection__choicediv">
|
<div class="select2-selection__choice2" ng-repeat="file in vm.form.files">
|
<div class="select2-selection__choice2__remove"
|
ng-click="fn.removeUploadFile($index)">
|
×
|
</div>
|
<div class="ssg-items ssg-items-blocks">
|
<div class="ssg-item">
|
<div class="item-icon">
|
<!-- 문서 -->
|
<i class="os-icon os-icon-file-text" ng-if="file.fileType == 'DOC'"></i>
|
<!-- 미디어 -->
|
<i class="os-icon os-icon-film" ng-if="file.fileType == 'MEDIA'"></i>
|
<!-- 이미지(업로드 전) -->
|
<i class="os-icon os-icon-documents-07"
|
ng-if="file.fileType == 'IMAGE' && !$root.isDefined(file.path)"></i>
|
<!-- 이미지(업로드 후) -->
|
<span class="attached-media-w"
|
ng-if="file.fileType == 'IMAGE' && $root.isDefined(file.path)">
|
<img ng-src="{{file.path}}">
|
</span>
|
<!-- 기타 -->
|
<i class="os-icon os-icon-ui-51" ng-if="file.fileType == 'ETC'"></i>
|
</div>
|
<div class="item-name">
|
<small>{{file.name}}</small>
|
</div>
|
<div class="item-amount">
|
({{file.size/1024/1024 | number:2}} MB)
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-lg-8 bdl1">
|
<div class="row">
|
<div class="col-md-12">
|
<div class="form-group mgb5" ng-show="vm.form.issueCustomFields.length < 1">
|
<label class="issue-label" translate="issue.notIssueTypeCustomFields">이슈 타입에 연결된 사용자 정의 필드가 없습니다.</label>
|
</div>
|
</div>
|
|
<div class="col-md-6" ng-repeat="issueCustomField in vm.form.issueCustomFields">
|
<div class="form-group mgb5">
|
<label class="issue-label">{{issueCustomField.customFieldVo.name}}</label>
|
|
<div ng-switch on="issueCustomField.customFieldVo.customFieldType">
|
<!-- 기본 입력 -->
|
<div ng-switch-when="INPUT">
|
<input type="text" class="form-control input-sm"
|
ng-model="issueCustomField.useValues"
|
maxlength="100"
|
autocomplete="off"
|
kr-input
|
ng-required="issueCustomField.fieldOption == '01'">
|
</div>
|
|
<!-- 단일 셀렉트 -->
|
<div ng-switch-when="SINGLE_SELECT">
|
<select class="form-control input-sm"
|
ng-required="issueCustomField.fieldOption == '01'"
|
ng-model="issueCustomField.useValues">
|
<option value="">선택하세요.</option>
|
<option ng-repeat="customFieldValueVo in issueCustomField.customFieldVo.customFieldValueVos"
|
value="{{customFieldValueVo.value}}"
|
ng-selected="$root.selectOption(issueCustomField.useValues, customFieldValueVo.value)">
|
{{customFieldValueVo.value}}
|
</option>
|
</select>
|
</div>
|
|
<!-- 멀티 셀렉트 -->
|
<div ng-switch-when="MULTI_SELECT">
|
<ng-dropdown-multiselect class="multiSelect cursor"
|
data-input-name=""
|
selected-model="issueCustomField.useValues"
|
extra-settings="{ 'idProp' : 'value', 'externalIdProp' : 'value', 'displayProp' : 'value', 'stringTypeOption' : 'true', stopRemoveBodyEvent : true }"
|
options="issueCustomField.customFieldVo.customFieldValueVos"></ng-dropdown-multiselect>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
<div class="modal-footer buttons-on-right">
|
<button type="button" class="btn btn-md btn-grey" ng-click="fn.cancel()" tabindex="-1"><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(issueModifyForm.$invalid) || $root.spinner) ? null : fn.formSubmit()"
|
ng-disabled="fn.formCheck(issueModifyForm.$invalid)"
|
ng-click="fn.formSubmit()"><span translate="common.save">저장</span>
|
</button>
|
</div>
|
</div>
|
