55 lines
1.8 KiB
HTML
55 lines
1.8 KiB
HTML
<div class="well col-xs-12 col-md-8 col-lg-6" ng-hide="eventsPage">
|
|
<input type="text" class="form-control" placeholder="filter..." ng-model="filterDatasource" />
|
|
|
|
<table class="table table-condensed table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Datasource</th>
|
|
<th class="text-right" style="white-space: nowrap;"># events</th>
|
|
</tr>
|
|
</thead>
|
|
<tr ng-repeat="ds in datasources | filter: filterDatasource">
|
|
<td><a href="javascript:void(0)" ng-click="browseTopics(ds.value)" data-target="#showTopicsModal" data-toggle="modal">{{ds.value}}</a></td>
|
|
<td class="text-right">{{ds.size}}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div id="showTopicsModal" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title">{{dsName}}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Topic</th>
|
|
<th class="text-right" style="white-space: nowrap;">#</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="t in topics">
|
|
<td><a href="javascript:void(0)" ng-click="gotoEventsPage(dsName, t.value)" data-dismiss="modal">{{t.value}}</a></td>
|
|
<td class="text-right">{{t.size}}</td>
|
|
</tr>
|
|
<tr>
|
|
<th><a href="javascript:void(0)" ng-click="gotoEventsPage(dsName, '*')" data-dismiss="modal">Total</a></th>
|
|
<th class="text-right">{{calculateTotal(topics)}}</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<back-top><span class="glyphicon glyphicon-chevron-up"></span> top</back-top>
|