<div class="col-xs-12 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4" ng-if="isEmpty()">
	No subscriptions
</div>


<div class="row" ng-repeat="(ds, list) in subscriptions">
	<div class="col-xs-12 col-md-8 col-lg-6 mt-4">
		<table class="table table-sm table-striped small">
			<thead>
				<tr>
					<th colspan="2" class="text-center">
						Datasource: <i>{{ds}}</i>
					</th>
				</tr>
				<tr>
					<th>Topic</th>
					<th class="text-right" style="white-space: nowrap;"># notifications</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="s in list">
					<td><a href="#!/ntf/0/{{s.id}}" title="{{s.id}}">{{s.topic}}</a></td>
					<td class="text-right">{{s.count}}</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>