cobuild-angular-stack
Version:
Base stack angular sass jade gulp
77 lines (75 loc) • 3.46 kB
HTML
<header class="header-list">
<div class="section-description row">
<div>
<h2>{{'discountcodes-payments' | translate }}</h2>
</div>
<div class="m-r-20 m-t-20">
<ul class="breadcrumb">
<li class="">
<i class="glyphicon glyphicon-home"></i>
<span ui-sref="admin.discount.categories">{{ 'home' | translate }}</span> /
<span ui-sref="admin.discount.categories">{{ 'categories' | translate }}</span> /
<span ui-sref="admin.discount.subcategories({id: view.discountCode.discountSubCategory.discountCategoryIdid})">{{ view.discountCode.discountSubCategory.description }} - {{ 'subcategories' | translate}} </span> /
<span ui-sref="admin.discount.subcategories.discountcode({discountSubCategoryId: discountCode.discountSubCategory.id })"> {{ 'discountcodes' | translate}} </span> /
<span class="active">{{ 'payments' | translate}} </span>
</li>
</ul>
</div>
</div>
</header>
<div class="body-list">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-header">
<div class="row">
<div class="col-md-6">
<div class="input-group" ng-if="!advancedSearch.isActive">
<label class="control-label" style="font-size: 13px;padding-right: 15px;color: #337ab7;font-weight: 600;">
Total de pagos: {{ view.discountCode.numberPayments | currency : "": 2 }}
</label>
<label class="control-label" style="font-size: 13px;padding-right: 15px;color: #337ab7;font-weight: 600;">
Pagos realizados: {{ view.paymentsTotals | currency : "": 2 }}
</label>
<label class="control-label" style="font-size: 13px;padding-right: 15px;color: #337ab7;font-weight: 600;">
Monto pagado: {{ view.totalPayment | currency : "": 2 }}
</label>
</div>
</div>
<div class="col-md-6">
<button type="button" ng-if="view.paymentsTotals < view.discountCode.numberPayments" class="btn btn-uniko pull-right" ng-click="add()"><i class="glyphicon glyphicon-plus"></i>
{{ 'add' | translate }}</button>
<button type="button" class="btn btn-uniko pull-right" ng-click="reports()"><i class="glyphicon glyphicon-save-file"></i> {{ 'reports' | translate }}</button>
</div>
</div>
</div>
<div class="panel-body panel-table">
<div class="row p-t-20 p-b-20">
<div class="col-md-12">
<table class="table table-striped border">
<thead>
<tr>
<th class="text-center">{{ 'payment-date' | translate }}</th>
<th class="text-center">{{ 'payment-number' | translate }}</th>
<th class="text-right">{{ 'amount' | translate }}</th>
<th class="text-right">{{ 'costs' | translate }}</th>
<th class="text-right">{{ 'balance' | translate }}</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="payment in view.discountCode.discountPayments">
<td class="text-center">{{ payment.paymentAt | date : 'dd-MM-yyyy' }}</td>
<td class="text-center">{{ payment.numberPayment | currency : '' : 2 }}</td>
<td class="text-right">{{ payment.amount | currency : '$' : 2 }}</td>
<td class="text-right">{{ payment.costs | currency : '$' : 2 }}</td>
<td class="text-right">{{ payment.balance | currency : '$' : 2 }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>