eventman/angular_app/events-list.html

45 lines
1.6 KiB
HTML
Raw Normal View History

2015-03-22 09:08:38 +01:00
<!-- show a list of Events -->
2015-03-22 17:08:25 +01:00
<div class="container">
2015-03-15 18:00:08 +01:00
<div class="row">
2015-03-22 17:08:25 +01:00
<div class="col-lg-12">
2015-03-23 21:59:35 +01:00
<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>
2015-03-22 09:08:38 +01:00
</div>
2015-03-15 22:13:06 +01:00
</div>
2015-03-22 17:08:25 +01:00
</div>
2015-03-15 22:13:06 +01:00
2015-03-22 17:08:25 +01:00
<div class="container">
<table class="table">
<thead>
<tr>
<td><strong>Event</strong></td>
<td><strong>Actions</strong></td>
</tr>
</thead>
<tbody>
<tr ng-repeat="event in events | filter:query | orderBy:orderProp">
<td>
<span><strong><a href="/#/events/{{event._id}}">{{event.title}}</a></strong></span>
<p>Begins: {{event['begin-datetime']}}<br/>
Ends: {{event['end-datetime']}}</p>
</td>
<td>
<button ng-click="remove(event._id)" type="button" class="btn btn-link glyphicon glyphicon-trash" aria-hidden="true"></button>
</td>
</tr>
</tbody>
</table>
2015-03-22 09:08:38 +01:00
</div>
2015-03-15 18:00:08 +01:00