<div class="row" ng-controller="workspacePaymentExecuteController">
|
<div class="col-lg-12">
|
<div class="projects-list">
|
<div class="project-box">
|
<div class="project-head">
|
<div class="project-title">
|
<h5 ng-show="!vm.edit">
|
<span class="text-primary bold">{{vm.workspaceVo.name}}</span> <span translate="common.information">정보</span>
|
<a href="" class="ml-10" title="업무공간 이름변경" ng-click="vm.edit = true">
|
<i class="os-icon os-icon-edit-1 fc-grey"></i>
|
</a>
|
</h5>
|
<div class="input-group mb-2 mr-sm-2 mb-sm-0" ng-show="vm.edit">
|
<input type="text" class="form-control" ng-model="vm.workspaceVo.name" kr-input maxlength="20">
|
<button type="button" class="btn btn-md btn-primary bold" ng-click="fn.modifyWorkspace()" ng-disabled="!$root.isDefined(vm.workspaceVo.name)"><span translate="common.save">저장</span></button>
|
</div>
|
</div>
|
</div>
|
|
<div class="project-info">
|
<div class="row align-items-center">
|
<div class="col-sm-12">
|
<div class="row">
|
<div class="col-lg-2 text-center b-r">
|
<div class="el-tablo highlight">
|
<div class="label" translate="managementWorkspace.serviceStatus">
|
서비스 상태
|
</div>
|
<div class="value2">
|
<span class="text-secondary" ng-if="vm.workspaceVo.packageType == '0'">OWL Trial</span>
|
<span class="text-secondary" ng-if="vm.workspaceVo.packageType == '1'">OWL Lite</span>
|
<span class="text-secondary" ng-if="vm.workspaceVo.packageType == '2'">OWL Medium</span>
|
<span class="text-secondary" ng-if="vm.workspaceVo.packageType == '3'">OWL Enterprise</span>
|
<br/>
|
<span class="text-primary" ng-show="vm.workspaceVo.serviceType == 'USE'" translate="managementWorkspace.inUse">사용중</span>
|
<span class="text-danger" ng-show="vm.workspaceVo.serviceType == 'UNUSED'" translate="managementWorkspace.expiredUse">사용 만료</span>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-lg-2 text-center b-r">
|
<div class="el-tablo highlight">
|
<div class="label" translate="managementWorkspace.numberOfUsers">
|
사용자 수
|
</div>
|
<div class="value2">
|
<span class="text-primary">{{vm.workspaceVo.activeUser | number}}<span translate="common.userNum">명</span></span>
|
/ {{vm.workspaceVo.maxUser | number}}<span translate="common.userNum">명</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-2 text-center b-r">
|
<div class="el-tablo highlight">
|
<div class="label" translate="managementWorkspace.useStorageSize">
|
사용 용량
|
</div>
|
<div class="value2">
|
<span class="text-primary">{{(vm.workspaceVo.useStorageSize/1024/1024/1024) | number : 1}}G</span>
|
<span ng-if="vm.workspaceVo.packageType == '0'">
|
/ {{(vm.workspaceVo.storageSize/1024/1024/1024) | number : 1}}G
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-3 text-center b-r">
|
<div class="el-tablo highlight">
|
<div class="label" translate="managementWorkspace.usageTraffic">
|
사용 트래픽
|
</div>
|
<div class="value2">
|
<span class="text-primary">{{(vm.workspaceVo.useTraffic/1024/1024) | number : 0}}MB</span>
|
<span ng-if="vm.workspaceVo.packageType == '0'">
|
/ {{((vm.workspaceVo.storageSize * 3)/1024/1024/1024) | number : 0}}G <br>
|
</span>
|
<span class="text-danger" ng-show="(vm.workspaceVo.useTraffic >= (vm.workspaceVo.storageSize * 3)) && (vm.workspaceVo.useTraffic > 0)">트래픽 초과</span>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-lg-3 text-center">
|
<div class="el-tablo highlight">
|
<div class="label" translate="managementWorkspace.duration">
|
사용 기간
|
</div>
|
<div class="value2">
|
<span ng-if="vm.workspaceVo.packageType == '0'">
|
{{vm.workspaceVo.startDate | limitTo : 10}} ~
|
{{vm.workspaceVo.expireDate | limitTo : 10}}<br/>
|
<span class="text-primary">({{vm.workspaceVo.totalDate}}<span translate="managementWorkspace.daysLeft">일 남음)</span></span>
|
</span>
|
<span ng-if="vm.workspaceVo.packageType != '0'">
|
<span class="text-primary"><span translate="managementWorkspace.daysLeftUnlimited"></span></span>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
|
<!--
|
<div class="col-lg-12">
|
<div class="projects-list">
|
<div class="project-box">
|
<div class="project-head">
|
<div class="project-title">
|
<h5 class="bold" translate="managementWorkspace.pay">
|
결제하기
|
</h5>
|
<span>(무통장입금이나 세금계산서 등 결제 관련 문의는 하단 <strong>문의하기</strong>를 이용해주세요.)</span>
|
</div>
|
</div>
|
|
<div class="project-info">
|
<div class="row align-items-center">
|
<div class="col-sm-12">
|
<div class="row">
|
<div class="col-xl-4" ng-if="vm.view.price == 0">
|
<table class="table table-lightborder">
|
<thead>
|
<tr>
|
<th colspan="2" class="text-center bold" translate="managementWorkspace.paymentInformation">
|
결제 정보
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<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">
|
<small translate="managementWorkspace.exampleBirthInput">생년월일은 6자리로 입력해주세요.</small>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<p>
|
<small>
|
<label><input type="checkbox" class="form-control"
|
style="vertical-align: middle"
|
ng-model="vm.form.confirm"> <span translate="managementWorkspace.agreeMyPersonalInformation">본인의 개인정보를 결제 서비스업체에 제공함에
|
동의합니다.</span></label>
|
<br> <a href="" class="btn-underlined" ng-click="fn.agreeTerm()"><span translate="managementWorkspace.termsAndConditions">약관</span></a><span translate="managementWorkspace.agreeToMakeThePayment">에 동의하셔야 결제가 가능합니다.</span>
|
</small>
|
</p>
|
</div>
|
|
<div class="col-xl-4" ng-if="vm.view.price == 0">
|
<table class="table table-lightborder">
|
<thead>
|
<tr>
|
<th class="text-center bold" colspan="2">
|
<span translate="managementWorkspace.productInformation">상품 정보</span>
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td width="30%">
|
<span translate="managementWorkspace.numberOfUsers">사용자 수</span>
|
</td>
|
<td>
|
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
|
<input class="form-control" ng-model="vm.form.buyUser"
|
type="number" number-only placeholder="{{'managementWorkspace.pleaseEnterNumberOfUsers' | translate}}"
|
maxlength="3">
|
<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 translate="managementWorkspace.paymentType">
|
결제 유형
|
</td>
|
<td>
|
<select class="form-control" ng-model="vm.form.type">
|
<option value="MONTH" translate="managementWorkspace.monthly">매월</option>
|
--> <!-- <option value="YEAR">매년</option> -->
|
<!--
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td translate="managementWorkspace.paymentMethod">
|
결제 수단
|
</td>
|
<td>
|
<select class="form-control">
|
<option selected translate="managementWorkspace.creditCard">신용카드</option>
|
</select>
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td colspan="2" class="text-right bold">
|
<span translate="managementWorkspace.paymentAmount">결제 금액</span> : <span class="text-danger">₩ {{vm.form.paymentAmountTemp | number}}</span> <span class="text-danger" translate="managementWorkspace.includesVAT">(부가세포함)</span>
|
</td>
|
</tr>
|
<tr>
|
<td colspan="2" class="text-right bold">
|
<button class="btn btn-lg btn-block btn-danger"
|
ng-click="fn.paymentOneTime()"
|
ng-disabled="fn.formCheck()"> <br/><span translate="managementWorkspace.regularPayment">정기 결제하기</span><br/>
|
</button>
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
|
<div class="col-xxl-4 col-xl-6 text-center" ng-if="vm.view.price > 0">
|
<table class="table table-lightborder">
|
<thead>
|
<tr>
|
<th class="text-center bold" colspan="2">
|
<span translate="managementWorkspace.regularPaymentInformation">정기 결제 정보</span>
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>
|
<span translate="managementWorkspace.numberOfUsers">사용자 수</span>
|
</td>
|
<td>
|
{{vm.view.buyUser | number}}
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<span translate="managementWorkspace.paymentType">결제 유형</span>
|
</td>
|
<td>
|
<span ng-if="vm.view.type == 'MONTH'" translate="managementWorkspace.monthly">매월</span>
|
<span ng-if="vm.view.type == 'YEAR'" translate="managementWorkspace.yearly">매년</span>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<span translate="managementWorkspace.paymentDate">결제일</span>
|
</td>
|
<td>
|
{{vm.workspaceVo.expireDate | limitTo : 10}}
|
</td>
|
</tr>
|
|
</tbody>
|
<tfoot>
|
<tr>
|
<td colspan="2" class="text-right bold">
|
<span translate="managementWorkspace.paymentScheduledAmount">결제 예정금액</span> : <span class="text-danger">₩ {{vm.view.price | number}} <span translate="managementWorkspace.includesVAT">(부가세포함)</span></span>
|
</td>
|
</tr>
|
<tr>
|
<td colspan="2" class="text-right bold">
|
<button class="btn btn-secondary" ng-click="fn.cancelNextPayment()">
|
<span translate="managementWorkspace.cancelRegularPayment">정기 결제 취소</span>
|
</button>
|
<button class="btn btn-primary" ng-click="fn.modify()">
|
<span translate="managementWorkspace.updateRegularPayment">정기 결제 변경</span>
|
</button>
|
<button class="btn btn-success" ng-click="fn.add()">
|
<span>사용자 추가 결제</span>
|
</button>
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
|
<div class="col-xxl4 col-xl-4">
|
<table class="table table-lightborder">
|
<thead>
|
<tr>
|
<th class="text-center bold" colspan="2">
|
<span translate="managementWorkspace.priceInformation">가격 정보</span>
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td class="bold">
|
<span class="text-danger" translate="managementWorkspace.1to10People">1 ~ 10 인</span>
|
</td>
|
<td class="bold">
|
₩ {{(9 * vm.workspaceVo.usdKrw) | number}}
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<span translate="managementWorkspace.11orMore">11인 이상 ~ </span>
|
</td>
|
<td>
|
<span translate="managementWorkspace.perPerson">1인당</span> - ₩ <span class="bold">{{(6 * vm.workspaceVo.usdKrw) | number}}</span>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div> -->
|
</div>
|
