<div class="content-box">
|
<div class="row">
|
<div class="join-box">
|
<a href="http://owlsolution.co.kr" target="_self"><img alt="" src="/assets/images/logo-kisa-ko.png" class="join-logo"></a>
|
<div class="join">
|
<h4 translate="users.setupOWLITSMembership">OWL ITS 최고관리자 생성</h4>
|
<form name="userAddForm">
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label for="userAddForm1"> <span translate="common.email">이메일</span> <code
|
class="highlighter-rouge">*</code></label>
|
<input id="userAddForm1"
|
type="email"
|
class="form-control"
|
name="email"
|
autocomplete="off"
|
maxLength="50"
|
autofocus
|
owl-auto-focus
|
ng-model="vm.form.account"
|
kr-input
|
ng-pattern="/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/"
|
required>
|
<div ng-show="userAddForm.email.$error.pattern" class="help-block form-text text-danger"
|
translate="users.invalidEmailFormat">이메일 형식이 맞지 않습니다.
|
</div>
|
<small class="fc-grey" translate="users.enterYourEmailAddress">입력한 이메일로 알림이 발송됩니다. 꼭 사용하시는 이메일로
|
입력하세요.
|
</small>
|
</div>
|
</div>
|
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label for="userAddForm5"> <span translate="common.name">이름</span> <code
|
class="highlighter-rouge">*</code></label>
|
<input id="userAddForm5"
|
type="text"
|
class="form-control"
|
input-regex="[^a-zA-Z0-9 가-힣ㄱ-ㅎㅏ-ㅣ\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
|
ng-model="vm.form.name"
|
kr-input
|
autocomplete="off"
|
maxLength="10"
|
required>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label for="userAddForm3"> <span translate="common.password">비밀번호</span> <code
|
class="highlighter-rouge">*</code></label>
|
<input id="userAddForm3"
|
type="password"
|
class="form-control"
|
name="password"
|
kr-input
|
autocomplete="off"
|
ng-model="vm.form.password"
|
ng-pattern="/^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,}$/"
|
minlength="8"
|
maxLength="20"
|
required>
|
<div ng-show="userAddForm.password.$error.pattern" class="help-block form-text text-danger"
|
translate="users.least8CharactersPassword">비밀번호는 특수문자 포함 최소 8자 이상 입력해야 합니다.
|
</div>
|
<small class="fc-grey" translate="users.enter8CharactersPassword">비밀번호는 특수문자 포함 8자 이상으로 입력하세요.</small>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label for="userAddForm4"><span translate="users.checkPassword">비밀번호확인</span> <code
|
class="highlighter-rouge">*</code></label>
|
<input id="userAddForm4"
|
type="password"
|
class="form-control"
|
name="passwordConfirm"
|
kr-input
|
autocomplete="off"
|
ng-model="vm.form.passwordConfirm"
|
minlength="4"
|
maxLength="20"
|
required>
|
<div class="help-block form-text text-danger" ng-show="(vm.form.password != vm.form.passwordConfirm) &&
|
(vm.form.password.length > 3 && vm.form.passwordConfirm.length > 3)"
|
translate="users.differentPassword">비밀번호가 다릅니다.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<div class="form-group">
|
<label for="userAddForm10"> <span>License Key</span></label>
|
<input id="userAddForm10"
|
type="text"
|
class="form-control"
|
ng-model="vm.form.licensekey"
|
kr-input
|
autocomplete="off"
|
maxLength="20">
|
<small class="fc-grey">Insert License Key.
|
</small>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label for="userAddForm7"> <span translate="common.workspace">업무공간</span></label>
|
<input id="userAddForm7"
|
type="text"
|
class="form-control"
|
ng-model="vm.form.workspaceName"
|
kr-input
|
autocomplete="off"
|
maxLength="20">
|
<small class="fc-grey" translate="users.enterTheNameInWorkspace">사용하고 싶은 업무공간의 이름을 입력하세요.
|
</small>
|
</div>
|
</div>
|
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label for="userAddForm6"><span translate="users.phoneNumber">연락처</span> </label>
|
<input id="userAddForm6"
|
type="text"
|
name="phone"
|
maxlength="11"
|
minlength="10"
|
class="form-control"
|
input-regex="[^0-9]"
|
kr-input
|
autocomplete="off"
|
ng-model="vm.form.phone">
|
<small class="fc-grey"><span translate="users.contactedEnterPhone">연락가능한 핸드폰 번호를 입력하세요.</span></small>
|
<div ng-show="userAddForm.phone.$error.minlength" class="help-block form-text text-danger"
|
translate="common.least10CharactersPhone">핸드폰 번호 형식이 맞지 않습니다.(10자리 이상)
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label for="userAddForm8"> <span translate="common.profilePicture">프로필 사진</span> </label>
|
<div class="filebox input-group">
|
<input class="upload-name form-control"
|
placeholder="{{'users.pleaseSelectFile' | translate}}" disabled="disabled"
|
ng-model="vm.form.profileImageName" tabindex="-1">
|
<label for="userAddForm8"><span translate="common.selectFile">파일선택</span></label>
|
<input type="file"
|
id="userAddForm8"
|
class="form-control"
|
accept=".jpg, .png"
|
tabindex="-1"
|
ng-file-select="fn.onFileSelect($files)">
|
<div class="fc-blue mt-5">
|
{{::vm.form.profileImageName}}
|
</div>
|
</div>
|
|
<small class="fc-grey" translate="users.selectProfileShowOther">다른 사용자들에게 보여줄 프로필을 선택하세요.
|
</small>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
<button class="btn btn-lg btn-block btn-primary joinbtn"
|
js-short-cut
|
js-short-cut-action="(fn.formCheck(userAddForm.$invalid) || $root.spinner) ? null : fn.formSubmit()"
|
ng-disabled="fn.formCheck(userAddForm.$invalid)"
|
type="button"
|
ng-click="fn.formSubmit()"><span translate="users.superJoin">최고관리자 계정 생성</span></button>
|
</div>
|
</div>
|
</div>
|
</div>
|
