nicer search fields

This commit is contained in:
Davide Alberani 2015-03-23 21:59:35 +01:00
parent 550ff7c45f
commit a0344514f3
2 changed files with 26 additions and 12 deletions

View file

@ -2,13 +2,20 @@
<div class="container">
<div class="row">
<div class="col-lg-12">
Search: <input ng-model="query">
Sort by:
<select ng-model="orderProp">
<form class="form-inline">
<div class="form-group">
<label for="query-events">Search:</label>
<input type="text" id="query-events" class="form-control" placeholder="Event title" ng-model="query">
</div>
<div class="form-group">
<label for="events-order">Sort by:</label>
<select id="events-order" class="form-control" ng-model="orderProp">
<option value="title">Alphabetical</option>
<option value="begin-datetime">Date</option>
</select>
</div>
</form>
</div>
</div>
</div>

View file

@ -2,13 +2,20 @@
<div class="container">
<div class="row">
<div class="col-lg-12">
Search: <input ng-model="query">
Sort by:
<select ng-model="orderProp">
<form class="form-inline">
<div class="form-group">
<label for="query-persons">Search:</label>
<input type="text" id="query-persons" class="form-control" placeholder="Name or email" ng-model="query">
</div>
<div class="form-group">
<label for="persons-order">Sort by:</label>
<select id="persons-order" class="form-control" ng-model="orderProp">
<option value="name">Alphabetical</option>
<option value="id">ID</option>
<option value="_id">ID</option>
</select>
</div>
</form>
</div>
</div>
</div>