cobuild-angular-stack
Version:
Base stack angular sass jade gulp
72 lines (69 loc) • 3.4 kB
HTML
<!-- Bar -->
<div ng-if="!showHeader">
<div class="row">
<div class="col-md-12">
<header class="header-checkout-user">
<div class="section-main-tools">
<div class="col-md-12" style="padding: 0px">
<button type="button" class="btn col-sm-6 col-md-6 btn-default" ng-disable="true">
<div></div>
1. {{'order' | translate}}
</button>
<button type="button" class="btn col-sm-6 col-md-6 btn-active" ng-disable="true">
<div></div>
2. {{'confirmation' | translate}}
</button>
</div>
</div>
</header>
</div>
</div>
</div>
<!-- Form -->
<div class="row">
<div class="col-md-12 text-center">
<h4>¡Bienvenido a Uniko!</h4>
<p>Empieza a agregar productos de nuestro catálogo y comparte tu mesa con tus invitados.</p>
</div>
</div>
<div class="row mobile-btn p-b-20">
<div class="col-md-12 text-center">
<button type="button" ui-sref="registry" class="btn btn-inverse btn-lg">ver mesa</button>
</div>
</div>
<div class="row" id="detail-payment" ng-if="!order.payPerPercentage">
<div class="col-md-12">
<div class="card">
<div class="row header">
<div class="col-md-6 col-xs-8">
<h4>
{{'payment-detail' | translate}}
</h4>
</div>
<div class="col-md-6 col-xs-4 text-right">
<h4>
#{{ account.payInformationData.transactionData.payment_method.auth_code }}
</h4>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-4 col-sm-12 col-xs-12 margin-boot">
<ul>
<li><i class="fa fa-user"></i> {{ order.paymentData.payer.fullname }}</li>
<li><i class="fa fa-envelope"></i> {{ order.paymentData.payer.email }}</li>
<li><i class="fa fa-phone"></i> {{ order.paymentData.payer.phone }}</li>
</ul>
</div>
<div class="col-lg-6 col-md-4 col-sm-12 col-xs-12">
<ul ng-if="fullAccount && !order.payPerPercentage">
<li><strong>{{'payment-method' | translate}}: </strong>{{ order.paymentMethod }}</li>
<li><strong>{{'payment-reference' | translate}}: </strong>{{ order.transactionData.id }}</li>
<li ng-if="order.paymentMethod =='Tarjeta' && order.transactionData.payment_method.brand"><strong>{{ 'last4' | translate }}: </strong>{{ order.transactionData.payment_method.last4 }}</li>
<li><strong>Fecha de pago:</strong> {{ order.payDate | date : 'dd-MM-yyyy' : 'utc' }}</li>
<li><strong>Total: </strong>{{(order.paymentMethod =='Tarjeta' ? order.transactionData.amount/100 : order.transactionData.amount)|currency:'$ ':2}} </li>
</ul>
</div>
</div>
</div>
</div>
</div>