cobuild-angular-stack
Version:
Base stack angular sass jade gulp
86 lines (84 loc) • 3.86 kB
HTML
<header class="header-list">
<div class="section-description row">
<div class="col-md-12">
<div>
<h2>{{'retirement' | translate}}</h2>
</div>
</div>
<div class="col-md-6">
</div>
</div>
<div class="section-main-tools form-inline">
<div class="row" style="margin:0">
<div class="col-sm-4 form-group floating-label">
<label class="control-label" for="search">{{'search' | translate}}</label>
<input ng-model="filterName" id="search" type="text" class="form-control" ng-model-options="{'debounce':500}" style="width: 100%">
</div>
<div style="position: absolute; right: 40px">
<a ng-click="exportData()" class="btn btn-info btn-raised">{{'export-list' | translate}}</a>
</div>
</div>
</div>
</header>
<div class="table-responsive body-list">
<table class="table table-striped">
<thead>
<tr>
<th>Id</th>
<th>{{'date' | translate}}</th>
<th>{{'couple' | translate}}</th>
<th>{{'bank' | translate}}</th>
<th>Cuenta CLABE</th>
<th>{{'to-name' | translate}}</th>
<th>{{'required-amount' | translate}}</th>
<th>{{'total-amount' | translate}}</th>
<th>{{'type-pay' | translate}}</th>
<th># {{'retirements' | translate}}</th>
<th>{{'pay-amount' | translate}}</th>
<th>{{'state' | translate}}</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="cashout in cashouts">
<td>{{cashout.id}}</td>
<td>{{cashout.date | date:'dd-MM-yyyy'}}</td>
<td>
<a ui-sref="admin.coupleAccounts.show({url:cashout.coupleAccount.url})">
{{cashout.coupleAccount.weddingData.nameP1 || 'No Definido'}}
<br/>
{{cashout.coupleAccount.weddingData.nameP2 || 'No Definido'}}
</a>
</td>
<td>{{cashout.bank}}</td>
<td>{{cashout.clabe}}</td>
<td>{{cashout.target}}</td>
<td>{{cashout.requiredAmount|currency:'MXN ':2}}</td>
<td>{{cashout.totalGiftCollectedAmount|currency:'MXN ':2}}</td>
<td>{{(cashout.coupleAccount.payInformationData.payPerPercentage?'percent':'plan-premium-heading')|translate}}</td>
<td>{{cashout.number}}</td>
<td>{{cashout.approvedAmount|currency:'MXN ':2}}</td>
<td style="padding-bottom: 0; padding-top: 0">
<select
title="Estado"
ng-model="cashout.isPaid"
class="form-control"
ng-options="s.val as s.label for s in [{val:true,label:'Completado'},{val:false,label:'Pendiente'}]"
ng-change="updateCashout(cashout)"
>
</select>
</td>
</tr>
</tbody>
</table>
<div class="row p-t-20" ng-show="numberOfPages">
<nav aria-label="Page navigation">
<ul class="pagination pull-right">
<li ng-class="{'disabled': curPage == 0 || curPage == 1}"><a href="#" ng-click="goToPagedirect(1)">1</a></li>
<li ng-class="{'disabled': curPage == 0 || curPage == 1}"><a href="#" ng-click="goToPage(false)">Ant</a></li>
<li ng-repeat="page in arrayPages"><a ng-class="{'active': (curPage == 0 ? 1 : curPage) == page }" href="#" ng-click="goToPagedirect(page)">{{ page }}</a></li>
<li><a href="#" ng-click="goToPage(true)">></a></li>
<li><a href="#" ng-click="goToPagedirect(numberOfPages - 1)">>></a></li>
</ul>
</nav>
</div>
</div>