cobuild-angular-stack
Version:
Base stack angular sass jade gulp
219 lines (218 loc) • 14.6 kB
HTML
<header class="header-list">
<div class="section-description row">
<div>
<h2>{{'couples' | 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">{{ 'couples' | 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-4">
<div class="input-group" ng-if="!advancedSearch.isActive">
<span class="input-group-addon" id="basic-addon1">
<i class="glyphicon glyphicon-search"></i>
</span>
<input ng-model="filter.name" ng-keyup="refresh()" type="text" class="form-control" aria-label="...">
</div>
<div class="font-dark" ng-if="advancedSearch.isActive">
{{ 'advanced-search' | translate }}
</div>
</div>
<div class="col-md-8">
<button type="button" class="btn btn-uniko pull-right" ng-click="advancedSearch.isActive = advancedSearch.isActive ? false : true"><i class="glyphicon glyphicon-filter"></i></button>
<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" ng-if="advancedSearch.isActive == true" class="btn btn-uniko pull-right" ng-click="onClear()"><i class="glyphicon glyphicon-erase"></i> {{ 'clear' | 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 p-t-20 p-b-20">
<div class="col-lg-12 col-xs-12 col-md-12 col-sm-12" ng-if="advancedSearch.isActive == true">
<div class="col-xs-2 form-inline">
<label for="" class="control-label">
{{ 'Id' | translate }}
</label>
</div>
<div class="row" style="padding-left: 15px">
<div class="col-xs-3" >
<label class="control-label" for="search">{{'wedding-date' | translate}}</label>
</div>
<div class="col-xs-3">
<label for="" class="control-label">
{{ 'name' | translate }}s
</label>
</div>
<div class="col-xs-3">
<label for="" class="control-label">
{{ 'email' | translate }}
</label>
</div>
</div>
<div class="row" style="padding-left: 15px">
<div class="col-xs-2">
<input type="text" class="form-control" type="text" ng-model="advancedSearch.fakeid" style="width: 100%"/>
</div>
<div class="col-xs-3">
<input date-range-picker class="form-control date-picker" type="text" ng-model="advancedSearch.date" options='optionsDate' style="width: 100%"/>
</div>
<div class="col-xs-3">
<input type="text" class="form-control" type="text" ng-model="advancedSearch.names" style="width: 100%"/>
</div>
<div class="col-xs-3">
<input type="text" class="form-control" type="text" ng-model="advancedSearch.email" style="width: 100%"/>
</div>
</div>
<div class="row" style="padding-left: 15px">
<div class="col-xs-2">
<label for="" class="control-label">
{{ 'contact-numbers' | translate }}
</label>
</div>
<div class="col-xs-3">
<label for="" class="control-label">
{{ 'payment-state' | translate }}
</label>
</div>
<div class="col-xs-3">
<label for="" class="control-label">
{{ 'type-pay' | translate }}
</label>
</div>
<div class="col-xs-3">
<label for="" class="control-label">
{{ 'is-active' | translate }}
</label>
</div>
</div>
<div class="row" style="padding-left: 15px">
<div class="col-xs-2">
<input type="text" class="form-control" type="text" ng-model="advancedSearch.phone" style="width: 100%"/>
</div>
<div class="col-xs-3">
<select class="form-control" ng-model="advancedSearch.payment_state" style="width: 100%">
<option value="">Ambos</option>
<option value="1">Pendiente</option>
<option value="2">Pagado</option>
</select>
</div>
<div class="col-xs-3">
<select class="form-control" ng-model="advancedSearch.type_pay" style="width: 100%">
<option value="">Ninguno</option>
<option value="1">Único</option>
<option value="3">Premium</option>
<option value="2">Porcentaje</option>
</select>
</div>
<div class="col-xs-3">
<select class="form-control" ng-model="advancedSearch.is_active" style="width: 100%">
<option value="">Ambos</option>
<option value="1">Activo</option>
<option value="2">Inactivo</option>
</select>
</div>
</div>
<div class="row" style="padding-left: 15px">
<div class="col-xs-2">
<label for="" class="control-label">
{{ 'Id Hubspot' }}
</label>
</div>
<div class="col-xs-3" >
<label class="control-label" for="search">{{'recruiting-date' | translate}}</label>
</div>
<div class="col-xs-3">
<label for="" class="control-label">
{{ 'creating-date' | translate }}
</label>
</div>
</div>
<div class="row" style="padding-left: 15px">
<div class="col-xs-2">
<input type="text" class="form-control" type="text" ng-model="advancedSearch.hubspotId" style="width: 100%"/>
</div>
<div class="col-xs-3">
<input date-range-picker class="form-control date-picker" type="text" ng-model="advancedSearch.dateRecruiting" options='optionsDateRecruiting' style="width: 100%"/>
</div>
<div class="col-xs-3">
<input date-range-picker class="form-control date-picker" type="text" ng-model="advancedSearch.dateCreated" options='optionsDateCreated' style="width: 100%"/>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-striped border">
<thead>
<tr>
<th>Id</th>
<th sort-control="sortBy.selected" field-name="weddingData.nameP1">{{'name' | translate}}s</th>
<th sort-control="sortBy.selected" field-name="email">{{'email' | translate}}s</th>
<th sort-control="sortBy.selected" field-name="phoneNumber1">{{'contact-numbers' | translate}}</th>
<th sort-control="sortBy.selected" field-name="weddingData.date">{{'wedding-date' | translate}}</th>
<th sort-control="sortBy.selected" field-name="createdAt">{{'active-since' | translate}}</th>
<th sort-control="sortBy.selected" field-name="isActive">{{'active' | translate}}</th>
<th sort-control="sortBy.selected" field-name="payInformationData.payPerPercentage">{{'type-pay' | translate}}</th>
<th sort-control="sortBy.selected" field-name="payInformationData.payPerPercentage">{{'amount' | translate}}</th>
<th></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="coupleAccount in coupleAccounts" ng-if="!loader">
<td>{{coupleAccount.fakeid}}</td>
<td>
<a ui-sref="admin.coupleAccounts.show.profile({url:coupleAccount.url})">{{coupleAccount.weddingData.nameP1 || 'No Definido'}}<br/>{{coupleAccount.weddingData.nameP2 || 'No Definido'}}</a></td>
<td>{{(coupleAccount.email || 'No Definido')|truncate:30:'...':false}}<br/>{{(coupleAccount.email2 || 'No Definido')|truncate:30:'...':false}}</td>
<td>{{coupleAccount.phoneNumber1 || 'No Definido'}}<br/>{{coupleAccount.phoneNumber2 || 'No Definido'}}</td>
<td>{{coupleAccount.weddingData.date | date:'dd-MM-yyyy'}}</td>
<td>{{coupleAccount.createdAt | date:'dd-MM-yyyy'}}</td>
<td>{{coupleAccount.isActive ? 'Si': 'No' }}</td>
<td>{{!coupleAccount.payInformationData.isPaid ? '' : ((coupleAccount.payInformationData.payPerPercentage ? 'percent':( coupleAccount.payInformationData.isPremium ? 'Pago premium' :'fixed')) | translate)}}</td>
<td class="text-right text-bold text-red"><span ng-if="coupleAccount.payInformationData.isPaid">{{ getPayment(coupleAccount) }}</span></td>
<td style="padding-right: 0px !important">
<div ng-if="coupleAccount.codeId" class="flag-right">Descuento</div>
</td>
</tr>
<tr ng-if="loader">
<td colspan="10" >
<div class="admin-loader text-center"></div>
</td>
</tr>
<tr ng-if="discountCodes.length == 0 && !loader ">
<td colspan="10">
<div class="text-center">No existen registros</div>
</td>
</tr>
</tbody>
</table>
</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>
</div>
</div>
</div>
</div>