84 lines
2.5 KiB
HTML
84 lines
2.5 KiB
HTML
<h3>Registered Events - topic <span style="font-family: monospace;">{{topic}}</span></h3>
|
|
|
|
<form style="margin-top:40px;">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-4">
|
|
<input type="text" class="form-control" ng-model="searchFilter" placeholder="Filter..."/>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-4">
|
|
<ul class="pager">
|
|
<li class="disabled" ng-if="page <= 0">
|
|
<a href="javascript:void(0)">← Prev</a>
|
|
</li>
|
|
<li ng-if="page > 0">
|
|
<a href="#/events/{{(page*1) - 1}}/{{pageSize}}/{{topic}}">← Prev</a>
|
|
</li>
|
|
<li class="disabled" ng-if="list.length < pageSize">
|
|
<a href="javascript:void(0)">Next →</a>
|
|
</li>
|
|
<li ng-if="list.length == pageSize">
|
|
<a href="#/events/{{(page*1) + 1}}/{{pageSize}}/{{topic}}">Next →</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-4 text-right">
|
|
<a href="#/events" class="btn btn-primary">
|
|
<span class="glyphicon glyphicon-chevron-left"></span>
|
|
back
|
|
</a>
|
|
<button class="btn btn-default" ng-click="refresh()">
|
|
<span class="glyphicon glyphicon-refresh"></span>
|
|
refresh
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<p>
|
|
<table class="table table-striped table-condensed" style="font-size: 12px">
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Producer</th>
|
|
<th class="text-center">Creation date</th>
|
|
<th class="text-center">Expiry date</th>
|
|
<th>Payload</th>
|
|
<th>Map</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-if="list.length == 0">
|
|
<td colspan="6" class="text-center text-muted">No events</td>
|
|
</tr>
|
|
<tr ng-repeat="s in list | filter: searchFilter">
|
|
<th style="font-family: monospace;">{{s.eventId}}</th>
|
|
<td style="font-family: monospace;">{{s.producerId}}</td>
|
|
<td class="text-center">{{s.creationDate | date:'yyyy-MM-dd HH:mm'}}</td>
|
|
<td class="text-center">{{s.expiryDate ? (s.expiryDate | date:'yyyy-MM-dd HH:mm') : 'never'}}</td>
|
|
<td>{{s.payload}}</td>
|
|
<td style="white-space: pre; font-size: 12px; font-family: monospace;">{{s.map | json}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</p>
|
|
|
|
<nav>
|
|
<ul class="pager">
|
|
<li class="disabled" ng-if="page <= 0">
|
|
<a href="javascript:void(0)">← Prev</a>
|
|
</li>
|
|
<li ng-if="page > 0">
|
|
<a href="#/events/{{(page*1) - 1}}/{{pageSize}}/{{topic}}">← Prev</a>
|
|
</li>
|
|
|
|
<li class="disabled" ng-if="list.length < pageSize">
|
|
<a href="javascript:void(0)">Next →</a>
|
|
</li>
|
|
<li ng-if="list.length == pageSize">
|
|
<a href="#/events/{{(page*1) + 1}}/{{pageSize}}/{{topic}}">Next →</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|