alberanid/eventman
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

nicer search fields

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

19
angular_app/events-list.html
View file

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

19
angular_app/persons-list.html
View file

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