<div class="formModal">
|
<div class="modal-header faded smaller">
|
<div class="modal-title">
|
<strong translate="issue.registerExcelIssues">엑셀로 이슈 등록하기</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="issueExcelImportFrom">
|
<div class="row">
|
<div class="col-lg-5">
|
<div class="form-group">
|
<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)"
|
page="vm.autoCompletePage.project.page"
|
total-page="vm.autoCompletePage.project.totalPage"
|
input-disabled="false"
|
extra-settings="{ displayProp : 'name' , idProp : 'id', imageable : false, imagePathProp : '',
|
type : '', maxlength : 200, autoResize : true, stopRemoveBodyEvent : true }"></js-autocomplete-single>
|
</div>
|
|
<label><span translate="issue.parentIssue">상위 이슈</span> <code
|
class="highlighter-rouge">*</code></label>
|
<js-autocomplete-single data-input-name="issue"
|
selected-model="vm.form.issues"
|
search="vm.issueName"
|
source="fn.getRelIssueList(vm.issueName, vm.issueTypeId, vm.form.issues, vm.autoCompletePage.issue.page, fn.getIssueListCallBack)"
|
page="vm.autoCompletePage.issue.page"
|
total-page="vm.autoCompletePage.issue.totalPage"
|
input-disabled="false"
|
translation-texts="{ empty : 'common.emptyIssue' }"
|
extra-settings="{ displayProp : 'title' , idProp : 'id', imageable : false, imagePathProp : '',
|
type : '', maxlength : 200, autoResize : true, stopRemoveBodyEvent : true }"></js-autocomplete-single>
|
|
<div class="form-group mt-5">
|
<label for="issueExcelImportFrom3"> <span translate="issue.issueType">이슈 타입</span> <code
|
class="highlighter-rouge">*</code></label>
|
<select id="issueExcelImportFrom3"
|
name="issueType"
|
class="form-control input-sm"
|
ng-model="vm.form.issueTypeId"
|
ng-style="{ 'color' : fn.getOptionColor(vm.issueTypes, vm.form.issueTypeId) }">
|
<option value="" translate="common.selectTarget" ng-style="{ 'color' : '#353535' }">대상 선택
|
</option>
|
<option ng-repeat="issueType in vm.issueTypes"
|
ng-style="{ 'color' : issueType.color }"
|
value="{{issueType.id}}">● {{issueType.name}}
|
</option>
|
</select>
|
<small translate="issue.selectProjectAndIssueTypeDownloadExcel">프로젝트, 이슈 타입을 선택하면 해당 하는 양식의 엑셀을
|
다운로드 할 수 있습니다.
|
</small>
|
</div>
|
|
<button type="button"
|
class="btn btn-success"
|
ng-show="vm.form.projects.length > 0 && $root.isDefined(vm.form.issueTypeId)"
|
form-submit="issueExcelImportForm" make-search-conditions="fn.makeSearchConditions()"
|
style="width:100%;"><i class="fa fa-file-excel-o"></i> <span
|
translate="common.downloadExcel">엑셀 다운로드</span>
|
</button>
|
|
<div class="form-group pdt10">
|
<div class="filebox input-group">
|
<input class="upload-name form-control"
|
placeholder="{{'users.pleaseSelectFile' | translate}}"
|
tabindex="-1"
|
disabled="disabled"
|
ng-model="vm.form.fileName">
|
<label for="uploadFileField"><span translate="common.uploadExcel">엑셀 업로드</span></label>
|
<input id="uploadFileField"
|
class="form-control"
|
type="file"
|
ng-file-select="fn.onFileSelect($files)"/>
|
</div>
|
</div>
|
|
<button type="button" class="btn btn-md btn-primary bold"
|
ng-show="$root.isDefined(vm.form.file)"
|
style="width:100%;"
|
ng-disabled="fn.formCheck()"
|
ng-click="fn.formSubmit()"><span
|
translate="common.registerExcelUploadIssue">엑셀 업로드 이슈 등록</span>
|
</button>
|
</div>
|
|
<div class="col-lg-7 bdl1">
|
<div class="os-tabs-w">
|
<div class="os-tabs-controls">
|
<ul class="nav nav-tabs smaller">
|
<li class="nav-item cursor">
|
<a class="nav-link" ng-class="{ 'active' : vm.tab == 'VIDEO' }"
|
ng-click="vm.tab = 'VIDEO'"><span
|
translate="issue.videoExample">동영상 예제</span></a>
|
</li>
|
<!--<li class="nav-item cursor">
|
<a class="nav-link" ng-class="{ 'active' : vm.tab == 'DESCRIPTION' }"
|
ng-click="vm.tab = 'DESCRIPTION'"><span
|
translate="issue.writeWaring">작성 요령</span></a>
|
</li>-->
|
</ul>
|
</div>
|
|
<div class="tab-content">
|
<div ng-show="vm.tab == 'VIDEO'">
|
<video style="width:100%;" width="100%" height="300px"
|
src="/excelTemplate/excelExample_new.mp4" controls autoplay loop muted
|
preload="auto"></video>
|
</div>
|
|
<!--<div ng-show="vm.tab == 'DESCRIPTION'" class="pdt10">
|
<div class="excel-notice" translate="common.writeWaring2">
|
<ul>
|
<li>제목 컬럼은 최대 300글자까지 입력할 수 있습니다.</li>
|
<li>내용 컬럼은 최대 5000글자까지 입력할 수 있습니다.</li>
|
<li>프로젝트 컬럼은 프로젝트 키를 입력해야 합니다.
|
<dl>
|
<dt>프로젝트 키는 프로젝트 목록에서 확인할 수 있습니다.</dt>
|
</dl>
|
</li>
|
<li>이슈 타입 컬럼은 이슈 컬럼 명을 입력해야 합니다.
|
<dl>
|
<dt>이슈 타입 명은 이슈 타입 목록에서 확인할 수 있습니다.</dt>
|
</dl>
|
</li>
|
<li>우선순위 컬럼은 낮음, 보통, 높음 중에서 1개만 입력해야 합니다.</li>
|
<li>중요도 컬럼은 낮음, 보통, 심각 중에서 1개만 입력해야 합니다.</li>
|
<li>담당자는 이메일로 지정할 수 있습니다.
|
<dl>
|
<dt>여러 담당자를 지정하려면 #으로 구분하여 등록할 수 있습니다.</dt>
|
<dt>ex) wisestoneowl@gmail.com#support@wisestone.kr</dt>
|
<dt>해당 담당자가 등록하려는 이슈의 프로젝트에 참여하고 있어야 합니다.</dt>
|
</dl>
|
</li>
|
<li>시작일은 다음과 같은 형식으로 입력해야 합니다.
|
<dl>
|
<dt>날짜 입력 값 결과 2018-11-22 10:30:00 AM O</dt>
|
</dl>
|
</li>
|
<li>J 컬럼부터는 사용자 정의 필드 입니다. 원하는 필드 값을 입력해야 합니다.
|
<dl>
|
<dt>해당 사용자 정의 필드가 문자열 입력 필드일 경우 최대 100글자까지 입력 가능합니다.</dt>
|
<dt>해당 사용자 정의 필드가 다중 선택 필드면 #를 사용하여 여러 값을 입력할 수 있습니다.</dt>
|
<dt>ex) 옵션 값이 고양이, 강아지, 토끼일 경우 고양이와 토끼를 값으로 정하기 위해서는 <span
|
class="fc-blue">고양이#토끼</span>와 같이 입력해야 합니다.
|
</dt>
|
</dl>
|
</li>
|
</ul>
|
</div>
|
</div>-->
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
<!-- 이슈 Excel Import 템플릿 다운로드 폼 -->
|
<form class="form-inline justify-content-sm-end"
|
method="post"
|
action="/issue/downloadExcelTemplate"
|
name="issueExcelImportForm">
|
<input type="hidden" name="conditions">
|
</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.close">닫기</span></button>
|
</div>
|
</div>
|
