cobuild-angular-stack
Version:
Base stack angular sass jade gulp
101 lines • 6.75 kB
HTML
<!-- Form -->
<div class="row">
<div class="col-sm-10 col-sm-offset-1 col-xs-12">
<div class="text-center margin-top-4">
<h1 class="pay-title">{{'pricing' | translate}} </h1>
<h3 class="text-capitalize margin-top-2 payment-text" style=" margin-bottom: 0px;">{{'Paga tu mesa' | translate}}</h3>
<p class="text-cool-gray text-center" ng-if="!ccCtrl.isActiveCode && !ccCtrl.isCode">Tienes código de descuento <a href="#" ng-click="ccCtrl.isActiveCode = true">captúralo aquí</a></p>
<div class="row text-center" ng-if="ccCtrl.isActiveCode && !ccCtrl.isCode">
<div class="col-md-4"></div>
<div class="col-md-4">
<div class="input-group">
<input class="form-control" type="text" style="margin-top: 10px" placeholder="Código" ng-model="ccCtrl.discountCode">
<span class="input-group-btn">
<button class="btn btn-default" type="button" ng-click="ccCtrl.sendCode()" style="border: 1px solid #ccc;padding: 9px 13px;margin-bottom: -2px;">Enviar</button>
</span>
</div>
</div>
<div class="col-md-4"></div>
</div>
<div class="row text-center" ng-if="ccCtrl.isCode">
<div class="col-md-4"></div>
<div class="col-md-4">Código: {{ ccCtrl.code.code }}</div>
<div class="col-md-4"></div>
</div>
</div>
<div class="margin-top-4 row cont-card">
<div class="col-xs-12 col-sm-12 col-md-4">
<div class="panel panel-default" ng-click="ccCtrl.selectPercentagePay()">
<div class="panel-heading dark">
<h3 class="text-center no-margintop no-marginbottom prepay-title ng-binding">Comisión</h3>
</div>
<div class="panel-body">
<h4 class="text-center margin-top-2 margin-bottom-2 payment-pay ng-binding">Pagarás</h4>
<h1 class="color-dark text-center fs-val-2 ng-binding">
<span class="normal fontPay" >{{ dataUtils.payPrice.percent}}%</span>
</h1>
<h4 class="text-center margin-top-2 no-marginbottom payment-text-2 ng-binding" ng-bind-html="dataUtils.payPrice.percentDescription"></h4>
<h6 class="text-center no-marginbottom ng-binding"> </h6>
<div class="row">
<div class="col-md-12 text-center">
<button type="button" class="btn btn-inverse btn-lg ng-binding">Pagar</button>
</div>
</div>
</div>
</div>
<p class="text-center margin-top-2 no-marginbottom text-cool-gray ng-binding"></p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<div class="panel panel-default" ng-click="ccCtrl.prePay()">
<div class="panel-heading inverse">
<h3 class="text-center no-margintop no-marginbottom prepay-title ng-binding">Pago Único</h3>
</div>
<div class="panel-body">
<h4 class="color-inverse text-center ng-binding linePay title-x" ng-if="ccCtrl.isCode || ccCtrl.isDiscount">
<span class="normal fontPay">$ {{ dataUtils.payPrice.fixed }}</span>
</h4>
<h4 class="text-center margin-top-2 margin-bottom-2 payment-pay ng-binding">Pagarás</h4>
<h1 class="color-inverse text-center fs-val-2 ng-binding">
<span class="normal fontPay">$ </span>{{ ccCtrl.priceToDiscount(dataUtils.payPrice.fixed) }}
</h1>
<h4 class="text-center margin-top-2 no-marginbottom payment-text-2" ng-bind-html="dataUtils.payPrice.fixedDescription"></h4>
<h6 class="text-center no-marginbottom ng-binding"> </h6>
<div class="row">
<div class="col-md-12 text-center">
<button type="button" class="btn btn-inverse btn-lg ng-binding">Pagar</button>
</div>
</div>
</div>
</div>
<p class="text-center margin-top-2 no-marginbottom text-cool-gray ng-binding"></p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<div class="panel panel-default" ng-click="ccCtrl.prePayComplete()">
<div>
<img style="position: absolute; z-index: 1; right: -14px;top: -14px;" height="70" width="70" src="../img/TRIANGULITO.png" alt="">
</div>
<div class="panel-heading inverse" style="border-top-left-radius: 0px;border-top-right-radius: 0px;" >
<h3 class="text-center no-margintop no-marginbottom prepay-title ng-binding">Pago Premium</h3>
</div>
<div class="panel-body">
<h4 class="color-inverse text-center ng-binding linePay title-x" ng-if="ccCtrl.isCode || ccCtrl.isDiscount">
<span class="normal fontPay">$ {{ dataUtils.payPrice.fixedComplete }}</span>
</h4>
<h4 class="text-center margin-top-2 margin-bottom-2 payment-pay ng-binding">Pagarás</h4>
<h1 class="color-dark text-center fs-val-2 ng-binding">
<span class="normal fontPay" >$</span>{{ ccCtrl.priceToDiscount(dataUtils.payPrice.fixedComplete) }}
</h1>
<h4 class="text-center margin-top-2 no-marginbottom payment-text-2 ng-binding" ng-bind-html="dataUtils.payPrice.fixedCompleteDescription"></h4>
<h6 class="text-center no-marginbottom ng-binding"> </h6>
<div class="row">
<div class="col-md-12 text-center">
<button type="button" class="btn btn-inverse btn-lg ng-binding">Pagar</button>
</div>
</div>
</div>
</div>
<p class="text-center margin-top-2 no-marginbottom text-cool-gray ng-binding"></p>
</div>
</div>
</div>
</div>