cobuild-angular-stack
Version:
Base stack angular sass jade gulp
133 lines (130 loc) • 8.84 kB
HTML
<header class="header-list">
<div class="section-description row">
<div>
<h2>{{'orders' | 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.coupleAccounts">{{ 'home' | translate }}</span> /
<span class="active">{{ 'orders' | translate }}</span>
</li>
</ul>
</div>
</div>
</header>
<div class="body-list">
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-header">
<div class="row">
<div class="col-md-3">
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">
<i class="glyphicon glyphicon-search"></i>
</span>
<input ng-model="data.filterName" id="search" type="text" class="form-control" aria-label="...">
</div>
</div>
<div class="col-md-3 p-t-10">
<select class="form-control" ng-model="data.month" style="border: 1px solid #ccc;">
<option value="01">Enero</option>
<option value="02">Febrero</option>
<option value="03">Marzo</option>
<option value="04">Abril</option>
<option value="05">Mayo</option>
<option value="06">Junio</option>
<option value="07">Julio</option>
<option value="08">Agosto</option>
<option value="09">Septiembre</option>
<option value="10">Octubre</option>
<option value="11">Noviembre</option>
<option value="12">Diciembre</option>
</select>
</div>
<div class="col-md-2 p-t-10">
<select class="form-control" ng-model="data.year" style="border: 1px solid #ccc;">
<option ng-repeat="year in data.years" value="{{year}}">{{ year }}</option>
</select>
</div>
<div class="col-md-4">
<button type="button" ng-if="advancedSearch.isActive == true" class="btn btn-uniko pull-right" ng-click="onSearch()"><i class="glyphicon glyphicon-search"></i> {{ 'search' | translate }}</button>
<button type="button" class="btn btn-uniko pull-right" ng-click="exportData()"><i class="glyphicon glyphicon-save-file"></i> {{ 'export-list' | translate }}</button>
</div>
</div>
</div>
<div class="panel-body panel-table">
<div class="row">
<div class="col-md-12">
<table class="table table-striped">
<thead>
<tr>
<th>Id</th>
<th sort-control="sortBy.selected" field-name="created">{{'create-date' | translate}}</th>
<th sort-control="sortBy.selected" field-name="payDate">{{'payment-date' | translate}}</th>
<th sort-control="sortBy.selected" field-name="coupleAccountId">{{'couple' | translate}}</th>
<th sort-control="sortBy.selected" field-name="paymentData.payer.fullname">{{'buyer' | translate}}</th>
<th sort-control="sortBy.selected" field-name="paymentData.payer.email">{{'email' | translate}}</th>
<th sort-control="sortBy.selected" field-name="paymentData.payer.tel">{{'phone' | translate}}</th>
<th sort-control="sortBy.selected" field-name="paymentData.amount">{{'amount' | translate}}</th>
<th sort-control="sortBy.selected" field-name="paymentMethod">{{'payment-method' | translate}}</th>
<th sort-control="sortBy.selected" field-name="isPaid">{{'state' | translate}}</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="order in orders">
<td ng-if="!order.isGiftAdmin"><a ui-sref="admin.orders.show({orderId:order.id})">{{order.fakeid || order.id}}</a></td>
<td ng-if="!order.isGiftAdmin">{{order.created | date:'dd-MM-yyyy'}}</td>
<td ng-if="!order.isGiftAdmin">{{order.payDate | date:'dd-MM-yyyy'}}</td>
<td ng-if="!order.isGiftAdmin">
<a ui-sref="admin.coupleAccounts.show({url:order.coupleAccount.url})">
{{(order.coupleAccount.weddingData.nameP1 || 'No Definido') | truncate:15:'...':false}}
<br/>
{{(order.coupleAccount.weddingData.nameP2 || 'No Definido') | truncate:15:'...':false}}
</a>
</td>
<td ng-if="!order.isGiftAdmin">{{order.paymentData.message.givers|map:'text'|join:', '| truncate:30:'...':false}}</td>
<td ng-if="!order.isGiftAdmin">{{order.paymentData.message.emails|map:'text'|join:', '| truncate:30:'...':false}}</td>
<td ng-if="!order.isGiftAdmin">{{order.paymentData.message.tel}}</td>
<td ng-if="!order.isGiftAdmin">{{order.paymentData.amount|currency:'':2}}</td>
<td ng-if="!order.isGiftAdmin">
<img ng-if="order.paymentMethod && order.paymentMethod != 'Manual'" style="width: 45px;" src="img/{{ order.paymentData.method == 'paypal' ? 'paypal2' : (order.paymentData.method == 'ox' ? 'oxxo' : (order.paymentMethod == 'Tarjeta' ? order.paymentData.otro.pay_type : order.paymentMethod )) }}.png">
<span ng-if="order.paymentMethod == 'Manual'">
{{ order.paymentMethod }}
</span>
</td>
<td ng-if="!order.isGiftAdmin && order.paymentMethod !== 'OXXO'">
<label class="label" style="display: block" ng-class="{'label-warning': !order.isPaid, 'label-success': order.isPaid }">{{
order.isPaid ? 'Pago': order.paymentMethod === 'Manual' ? 'Pendiente':'Stand by'
}}</label>
</td>
<td ng-if="!order.isGiftAdmin && order.paymentMethod == 'OXXO'">
<label class="label" style="display: block" ng-class="{'label-warning': !order.isPaid, 'label-success': order.isPaid }">
{{
order.isPaid ? 'Pago': 'Reservada'
}}
</label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<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>