Files
www-POC/app/static/templates/events.html
2016-11-17 14:39:56 -06:00

48 lines
1.2 KiB
HTML

<div class='container'>
<div class="row">
<div class="col-md-12">
<h1>Event History</h1>
<div ng-if="num_pages>1" style="text-align:center;">
<ul class="pagination">
<li>
<a ng-click="loadEventPageData(page_num_prev)" aria-label="Previous">
<span aria-hidden="true">&laquo;</span>
</a>
</li>
<li ng-repeat="p in page_list" ng-class="{'active':p==page_num}"><a ng-click="loadEventPageData(p)">{{p}}</a></li>
<li>
<a ng-click="loadEventPageData(page_num_next)" aria-label="Next">
<span aria-hidden="true">&raquo;</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class='row'>
<div class='col-md-12'>
<table class="table table-striped">
<thead>
<tr>
<th>Date</th>
<th>Device Name</th>
<th>Type</th>
<th>Condition</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="e in event_data">
<td nowrap>{{ e.created_on | date:'medium'}}</td>
<td nowrap>{{ e.event.name }}</td>
<td nowrap>{{ e.event_type }}</td>
<td nowrap>{{ e.event_condition }}</td>
</tr>
</tbody>
</table>
<div ng-if="event_data.length==0" class="well" style="text-align:center">No stored events yet.</div>
</div>
</div>
</div>