<div class="formModal">
|
<div class="modal-header faded smaller">
|
<div class="modal-title">
|
<strong translate="customField.createCustomField">사용자 정의 필드 만들기</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="customFieldAddForm">
|
<div class="form-group">
|
<label for="customFieldAddForm1"><span translate="customField.customFieldName">사용자 정의 필드 명</span> <code
|
class="highlighter-rouge">*</code></label>
|
<input id="customFieldAddForm1"
|
name="name"
|
type="text"
|
class="form-control"
|
autofocus
|
kr-input
|
autocomplete="off"
|
ng-model="vm.form.name"
|
maxlength="15"
|
ng-maxlength="15"
|
input-regex="[^a-zA-Z0-9 가-힣ㄱ-ㅎㅏ-ㅣ\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
|
required>
|
<small ng-show="customFieldAddForm.name.$error.maxlength" translate="common.upTo15Characters">
|
최대 15글자까지 입력할 수 있습니다.
|
</small>
|
<small translate="customField.limitNameToSpecialCharacters">사용자 정의 필드 명은 특수 문자를 입력할 수 없습니다.</small>
|
</div>
|
|
<div class="form-group">
|
<label for="customFieldAddForm2"><span translate="customField.fieldType">필드 유형</span> <code
|
class="highlighter-rouge">*</code></label>
|
<select id="customFieldAddForm2" class="form-control" ng-model="vm.form.customFieldType"
|
ng-change="fn.changeFieldType()">
|
<option value="INPUT" translate="common.stringField">문자열 필드</option>
|
<option value="SINGLE_SELECT" translate="common.singleSelectionField">단일 선택 필드</option>
|
<option value="MULTI_SELECT" translate="common.multipleSelectionField">다중 선택 필드</option>
|
<option value="NUMBER" translate="common.numberField">숫자 필드</option>
|
<option value="DATETIME" translate="common.datetimeField">날짜 필드</option>
|
<option value="IP_ADDRESS" translate="common.ipAddressField">IP 주소 필드</option>
|
<option value="EMAIL" translate="common.emailField">이메일 필드</option>
|
<option value="SITE" translate="common.siteField">홈페이지 주소 필드</option>
|
<option value="TEL" translate="common.telField">전화번호 필드</option>
|
</select>
|
</div>
|
|
<div class="form-group" ng-show="vm.form.customFieldType == 'SINGLE_SELECT' || vm.form.customFieldType == 'MULTI_SELECT'">
|
<label ng-show="vm.form.customFieldType == 'SINGLE_SELECT'"><span
|
translate="customField.createSingleFieldList">단일 선택 필드 목록 만들기</span> <code
|
class="highlighter-rouge">*</code></label>
|
<label ng-show="vm.form.customFieldType == 'MULTI_SELECT'"><span
|
translate="customField.createMultiFieldList">다중 선택 필드 목록 만들기</span> <code
|
class="highlighter-rouge">*</code></label>
|
<div class="input-group">
|
<input id="optionAdd"
|
type="text"
|
name="options"
|
class="form-control"
|
maxlength="15"
|
kr-input
|
ng-model="vm.form.optionText"
|
autocomplete="off">
|
<div class="input-group-prepend">
|
<button type="button" class="btn btn-secondary" ng-click="fn.addOption()"><span
|
translate="common.add">추가</span></button>
|
</div>
|
</div>
|
<small translate="common.upTo15Characters">
|
목록 값은 최대 15글자까지 입력할 수 있습니다.
|
</small>
|
</div>
|
|
<div ng-repeat="option in vm.form.options" ng-show="vm.form.customFieldType != 'INPUT'">
|
<span class="select3-selection__choice">
|
<span>{{option}}</span>
|
<span class="select3-selection__choice__remove" ng-click="fn.removeOption($index)">×</span>
|
</span>
|
</div>
|
|
<div class="form-group">
|
<label for="customFieldAddForm3"><span translate="customField.defaultValue">기본값</span> </label>
|
<input id="customFieldAddForm3"
|
type="text"
|
name="defaultValue"
|
class="form-control"
|
ng-model="vm.form.defaultValue"
|
maxlength="100"
|
kr-input
|
ng-maxlength="100"
|
autocomplete="off">
|
<small ng-show="vm.form.customFieldType == 'INPUT'" translate="common.upTo100Characters">
|
최대 100글자까지 입력할 수 있습니다.
|
</small>
|
<div class="help-block form-text text-danger" ng-show="vm.form.customFieldType == 'SINGLE_SELECT'"
|
translate="customField.selectSingleFieldListHashTag">
|
단일 선택 필드 목록에 있는 값을 기본적으로 선택하고 싶을 때는 해시태그를 사용해야합니다. ex) #대상값
|
</div>
|
<div class="help-block form-text text-danger" ng-show="vm.form.customFieldType == 'MULTI_SELECT'"
|
translate="customField.selectMultiFieldListHashTag">
|
다중 선택 필드 목록에 있는 값을 기본적으로 선택하고 싶을 때는 해시태그를 사용해야합니다. ex) #대상값#대상값
|
</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(customFieldAddForm.$invalid) || $root.spinner) ? null : fn.formSubmit()"
|
ng-disabled="fn.formCheck(customFieldAddForm.$invalid)"
|
ng-click="fn.formSubmit()"><span translate="common.save">저장</span>
|
</button>
|
</div>
|
</div>
|
