OWL ITS + 탐지시스템(인터넷 진흥원)
blame | 히스토리 | 패치 | 커밋 | 커밋비교 | ignore whitespace
이민희
2022-01-28 f04c1ae0ff0388427f83a579002880d5dbb149d2 
 src/main/webapp/views/customField/customFieldAdd.html


@@ -23,17 +23,18 @@


                       ng-model="vm.form.name"


                       maxlength="15"


                       ng-maxlength="15"


                       input-regex="[^a-zA-Z0-9 가-힣ㄱ-ㅎㅏ-ㅣ\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"


                       input-regex="/[^?a-zA-Z0-9/]/"


                       required>


                <small ng-show="customFieldAddForm.name.$error.maxlength" translate="common.upTo15Characters">


                <small ng-if="customFieldAddForm.name.$error.maxlength" translate="common.upTo15Characters">


                    최대 15글자까지 입력할 수 있습니다.


                </small>


                <small translate="customField.limitNameToSpecialCharacters">사용자 정의 필드 명은 특수 문자를 입력할 수 없습니다.</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>


                <!--&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>


@@ -46,17 +47,23 @@


                    <option value="SITE" translate="common.siteField">홈페이지 주소 필드</option>


                    <option value="TEL" translate="common.telField">전화번호 필드</option>


                </select>


                <div class="mt-3">


                    <span class="custom-detail-label">필수 데이터</span>


                    <label class='switch'><input type='checkbox' ng-model="vm.form.requiredData">


                        <span class='slider round'></span>


                    </label>


                </div>


            </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


            <div class="form-group" ng-if="vm.form.customFieldType == 'SINGLE_SELECT' || vm.form.customFieldType == 'MULTI_SELECT'">


                <label ng-if="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


                <label ng-if="vm.form.customFieldType == 'MULTI_SELECT'"><span


                        translate="customField.createMultiFieldList">다중 선택 필드 목록 만들기</span> <code


                        class="highlighter-rouge">*</code></label>




                <div class="input-group" ng-show="vm.form.customFieldType == 'SINGLE_SELECT' || vm.form.customFieldType == 'MULTI_SELECT'">


                <div class="input-group" ng-if="vm.form.customFieldType == 'SINGLE_SELECT' || vm.form.customFieldType == 'MULTI_SELECT'">


                    <input id="optionAdd"


                           type="text"


                           name="options"


@@ -75,7 +82,7 @@


                </small>


            </div>




            <div ng-repeat="option in vm.form.options" ng-show="vm.form.customFieldType != 'INPUT'">


            <div ng-repeat="option in vm.form.options" ng-if="vm.form.customFieldType == 'SINGLE_SELECT' || vm.form.customFieldType == 'MULTI_SELECT'">


                <span class="select3-selection__choice">


                    <span>{{option}}</span>


                    <span class="select3-selection__choice__remove" ng-click="fn.removeOption($index)">×</span>


@@ -90,9 +97,7 @@


                       name="defaultValue"


                       class="form-control"


                       ng-model="vm.form.defaultValue"


                       maxlength="100"


                       kr-input


                       ng-maxlength="100"


                       autocomplete="off">






@@ -105,25 +110,27 @@


                       placeholder="숫자만 입력 가능합니다."


                       autocomplete="off"


                       ng-model="vm.form.defaultValue">


                <div ng-show="customFieldAddForm.ipAdress.$error.pattern" class="help-block form-text text-danger"


                <div ng-if="customFieldAddForm.numberType.$error.pattern" class="help-block form-text text-danger"


                     translate="common.invalidNumberFormat">숫자만 입력 가능합니다.


                </div>




                <input ng-if="vm.form.customFieldType == 'DATETIME'"


                       name="dateTime"


                       type="text"


                       class="form-control"


                       kr-input


                       ng-pattern="/^(19|20)\d{2}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[0-1])$/"


                       placeholder="날짜 형식만 입력 가능합니다."


                       autocomplete="off"


                       ng-model="vm.form.defaultValue">


                <div ng-show="customFieldAddForm.dateTime.$error.pattern" class="help-block form-text text-danger"


                     translate="common.invalidDateFormat">날짜 형식이 맞지 않습니다.(xxxx-xx-xx)


                       class="form-control input-readonly"


                       placeholder="{{'issue.clickToSelectDate' | translate}}"


                       ng-model="vm.form.defaultValue"


                       modal-form-auto-scroll


                       range-type="singleDate"


                       date-range-picker


                       autocomplete="off">


                <div class="row">


                    <div class="col-xs-12">


                        <div id="createdWidget" class="bootstrap-datepicker "></div>


                    </div>


                </div>




                <input ng-if="vm.form.customFieldType == 'IP_ADDRESS'"


                       name="ipAdress"


                       name="ipAddress"


                       type="text"


                       class="form-control"


                       kr-input


@@ -131,7 +138,7 @@


                       placeholder="IP 주소 형식만 입력 가능합니다."


                       autocomplete="off"


                       ng-model="vm.form.defaultValue">


                <div ng-show="customFieldAddForm.ipAdress.$error.pattern" class="help-block form-text text-danger"


                <div ng-if="customFieldAddForm.ipAddress.$error.pattern" class="help-block form-text text-danger"


                     translate="common.invalidipAdressFormat">IP주소 형식이 맞지 않습니다.


                </div>




@@ -145,7 +152,7 @@


                       placeholder="이메일 형식만 입력 가능합니다."


                       autocomplete="off"


                       ng-model="vm.form.defaultValue">


                <div ng-show="customFieldAddForm.email.$error.pattern" class="help-block form-text text-danger"


                <div ng-if="customFieldAddForm.email.$error.pattern" class="help-block form-text text-danger"


                     translate="common.invalidEmailFormat">이메일 형식이 맞지 않습니다.


                </div>




@@ -153,39 +160,40 @@


                       name="site"


                       type="text"


                       class="form-control"


                       maxlength="30"


                       maxlength="100"


                       kr-input


                       ng-pattern="/(http(s)?:\/\/)([a-z0-9\w]+\.*)+[a-z0-9]{2,4}/gi"


                       ng-pattern="/(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/"


                       placeholder="홈페이지 주소 형식만 입력 가능합니다."


                       autocomplete="off"


                       ng-model="vm.form.defaultValue">


                <div ng-show="customFieldAddForm.site.$error.pattern" class="help-block form-text text-danger"


                <div ng-if="customFieldAddForm.site.$error.pattern" class="help-block form-text text-danger"


                     translate="common.invalidSiteFormat">홈페이지 주소 형식이 맞지 않습니다.(http://로 시작하셔야합니다)


                </div>






                <input ng-if="vm.form.customFieldType == 'TEL'"


                       name="tel"


                       type="text"


                       maxlength="30"


                       class="form-control"


                       kr-input


                       ng-pattern="/^\d{2,3}-\d{3,4}-\d{4}$/"


                       placeholder="연락처 형식만 입력 가능합니다."


                       autocomplete="off"


                       ng-model="vm.form.defaultValue">


                <div ng-show="customFieldAddForm.tel.$error.pattern" class="help-block form-text text-danger"




                <div ng-if="customFieldAddForm.tel.$error.pattern" class="help-block form-text text-danger"


                     translate="common.invalidTelFormat">전화번호 형식이 맞지 않습니다.


                </div>




                <small ng-show="vm.form.customFieldType == 'INPUT'" translate="common.upTo100Characters">


                <!--<small ng-if="vm.form.customFieldType == 'INPUT'" translate="common.upTo100Characters">


                    최대 100글자까지 입력할 수 있습니다.


                </small>


                </small>-->




                <div class="help-block form-text text-danger" ng-show="vm.form.customFieldType == 'SINGLE_SELECT'"


                <div class="help-block form-text text-danger" ng-if="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'"


                <div class="help-block form-text text-danger" ng-if="vm.form.customFieldType == 'MULTI_SELECT'"


                     translate="customField.selectMultiFieldListHashTag">


                    다중 선택 필드 목록에 있는 값을 기본적으로 선택하고 싶을 때는 해시태그를 사용해야합니다. ex) #대상값#대상값


                </div>


@@ -204,4 +212,4 @@


                ng-click="fn.formSubmit()"><span translate="common.save">저장</span>


        </button>


    </div>


</div>


</div>