cobuild-angular-stack
Version:
Base stack angular sass jade gulp
47 lines (46 loc) • 2.52 kB
HTML
<div class="search-table-form">
<div class="row">
<div class="col-md-7 col-sm-10 col-xs-11">
<h2 class="text-center margin-top-7 margin-bottom-2 dark-font">{{'search_table_label' | translate}}</h2>
<form>
<div class="row">
<div class="col-sm-5">
<div class="form-group has-feedback">
<input type="text" ng-model="filterName" ng-model-options="{debounce:1000}"
placeholder="{{'search_table_placeholder' | translate}}"
required="" autofocus="" class="form-control input-lg"/>
<span class="ion-at form-control-feedback"></span>
</div>
</div>
<div class="col-sm-5">
<div class="form-group has-feedback">
<input date-range-picker min="{minDate}" class="form-control date-picker" placeholder="{{'wedding-date' | translate}}" type="text" ng-model="date" options='optionsDate' style="width: 100%"/>
</div>
</div>
<div class="col-sm-2 pull-right">
<button class="btn btn-inverse" type="button" ng-click="startSearch()">Nueva búsqueda</button>
</div>
</div>
<br/>
<table class="table search-table">
<tbody>
<tr ng-repeat="couple in coupleAccounts">
<td class="image-container" ng-style="!couple.weddingData.profilePhoto ? {padding:'15px'}:{}">
<img ng-src="{{couple.weddingData.profilePhoto || 'img/wedding-avatar-1.png'}}"/>
</td>
<td class="data-container">
<h4>
{{couple.weddingData.nameP1}} & {{couple.weddingData.nameP2}}
</h4>
<div>{{couple.weddingData.date | date:'dd-MM-yyyy' }}</div>
</td>
<td class="btn-container">
<a ng-click="goToTable(couple.url, couple)" class="btn btn-lg btn-inverse">{{'search_table_show_btn'|translate}}</a>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>