<h3>Registered events (elasticsearch)</h3>

<div class="row mt-4">
	<div class="col-xs-12 col-md-8">
		<form class="form-inline">
			<input type="text" class="form-control mr-2" ng-model="searchFilter.value" placeholder="Filter..."/>
			<div class="form-check">
				<input type="checkbox" ng-model="onlyWithSubscriptions" ng-change="reloadWithCondition()" />
				<label>only with registered subscriptions</label>
			</div>
		</form>
	</div>
	<div class="col-xs-12 col-md-4">
		<button class="btn btn-sm btn-primary float-right" ng-click="refresh()">
			<i class="fas fa-redo"></i>	refresh
		</button>
	</div>
</div>


<table class="table table-striped table-sm small mt-4">
	<thead>
		<tr>
			<th>Topic</th>
			<th class="text-right">Size</th>
		</tr>
	</thead>
	<tbody>
		<tr ng-if="list.length == 0">
			<td class="text-center text-muted" colspan="2">No events</td>		
		</tr>
		<tr ng-repeat="s in list | filter: searchFilter">
			<td style="font-family: monospace">
				<a href="#!/events/0/50/{{s.value}}">{{s.value}}</a>
			</td>
			<td class="text-right">{{s.count}}</td>
		</tr>
	</tbody>
</table>
