<div class="formModal">
|
<div class="modal-header faded smaller">
|
<div class="modal-title">
|
<strong>사용자 추가 결제</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="paymentAddForm">
|
<table class="table table-lightborder">
|
<tr>
|
<td>
|
<span translate="managementWorkspace.numberOfUsers">사용자 수</span>
|
</td>
|
<td>
|
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
|
<input class="form-control" placeholder="{{'managementWorkspace.pleaseEnterNumberOfUsers' | translate}}"
|
type="number"
|
number-only
|
ng-model="vm.form.buyUser"
|
maxlength="3"
|
autofocus
|
required>
|
<button class="btn btn-primary ml-1" type="button" ng-click="fn.changeBuyUser('PLUS')"><i class="os-icon os-icon-plus"></i></button>
|
<button class="btn btn-info ml-1" type="button" ng-click="fn.changeBuyUser('MINUS')"><i class="os-icon os-icon-minus"></i></button>
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td colspan="2" class="text-right bold">
|
<span translate="managementWorkspace.paymentScheduledAmount">결제 예정금액</span> : <span class="text-danger">₩ {{vm.form.paymentAmountTemp | number}} <span translate="managementWorkspace.includesVAT">(부가세포함)</span></span>
|
<br><small>사용자 추가 결제를 진행하시면 다음 정기 결제부터 결제 금액이 변동됩니다.</small>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<span translate="managementWorkspace.paymentType">결제 유형</span>
|
</td>
|
<td>
|
<select class="form-control" ng-model="vm.form.type">
|
<option value="MONTH" translate="managementWorkspace.monthly">매월</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td translate="managementWorkspace.cardNumber">
|
카드번호
|
</td>
|
<td>
|
<div class="input-group">
|
<input class="form-control width-20-p" type="tel"
|
number-only ng-model="vm.form.cardNumber1"
|
maxlength="4"> <span
|
class="mt-2 mr-1 ml-1"> - </span>
|
<input class="form-control width-20-p" type="tel"
|
number-only ng-model="vm.form.cardNumber2"
|
maxlength="4"> <span
|
class="mt-2 mr-1 ml-1"> - </span>
|
<input class="form-control width-20-p" type="tel"
|
number-only ng-model="vm.form.cardNumber3"
|
maxlength="4"> <span
|
class="mt-2 mr-1 ml-1"> - </span>
|
<input class="form-control width-20-p" type="tel"
|
number-only ng-model="vm.form.cardNumber4"
|
maxlength="4">
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td translate="managementWorkspace.validity">
|
유효기간
|
</td>
|
<td>
|
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
|
<input class="form-control width-20-p" type="tel" number-only
|
placeholder="MM" ng-model="vm.form.expireMonth"
|
maxlength="2">
|
<span class="mt-2 mr-2 ml-2"> / </span>
|
<input class="form-control width-20-p" type="tel" number-only
|
placeholder="YY" ng-model="vm.form.expireYearTmp"
|
maxlength="2">
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td translate="common.password">
|
비밀번호
|
</td>
|
<td>
|
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
|
<input class="form-control width-20-p" type="tel" number-only
|
placeholder="{{'managementWorkspace.FirstTwoDigits' | translate}}" ng-model="vm.form.cardPwd"
|
maxlength="2"> <span
|
class="mt-2 mr-2 ml-2"> ** </span>
|
</div>
|
</td>
|
|
</tr>
|
<tr>
|
<td>
|
<span translate="managementWorkspace.dateOfOnesBirth">생년월일</span><br>
|
<small translate="managementWorkspace.brn">(사업자번호)</small>
|
</td>
|
<td>
|
<input class="form-control" type="tel" number-only
|
ng-model="vm.form.birth" maxlength="10">
|
</td>
|
</tr>
|
<tr>
|
<td colspan="2">
|
<!--<small>사용자 추가 결제를 진행하시면 다음달 정기 결제 금액이 변경됩니다.</small>-->
|
<div class="mt-10 text-center">
|
<label for="paymentAddForm9">
|
<input id="paymentAddForm9" type="checkbox" class="form-control agree-term"
|
ng-model="vm.form.confirm">
|
<small for="paymentAddForm9" translate="managementWorkspace.agreeMyPersonalInformation">본인의 개인정보를 결제 서비스업체에 제공함에 동의합니다.</small>
|
<a href="" ng-click="vm.viewAgreeTerm = !vm.viewAgreeTerm">
|
<small translate="managementWorkspace.termsAndConditions" >약관</small>
|
</a>
|
<small translate="managementWorkspace.agreeToMakeThePayment">에 동의하셔야 결제가 가능합니다.</small>
|
</label>
|
</div>
|
<div style="border:1px solid #eee; height:200px; overflow-y: scroll; padding:10px; font-size:0.71rem;" ng-if="vm.viewAgreeTerm">
|
<strong translate="users.privacyPolicy"></strong><br><br>
|
<span translate="users.privacyPolicy1"></span>
|
</div>
|
<div style="border:1px solid #eee; height:200px; overflow-y: scroll; padding:10px; font-size:0.71rem; margin-top:15px;" ng-if="vm.viewAgreeTerm">
|
<strong translate="managementWorkspace.termsOfUse"></strong><br><br>
|
<span translate="managementWorkspace.termsOfUse1"></span>
|
</div>
|
</td>
|
</tr>
|
</table>
|
</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(paymentAddForm.$invalid) || $root.spinner) ? null : fn.formSubmit()"
|
ng-disabled="fn.formCheck(paymentAddForm.$invalid)"
|
ng-click="fn.formSubmit()"><span translate="common.save">저장</span>
|
</button>
|
</div>
|
</div>
|
