index.html

<div class="logs">
	<form class="form-group" ng-init="filter=''; currentPage=1">
		<div class="input-group">
			<span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>
			<input class="form-control" ng-model="filter" placeholder="Filter" type="search">
		</div>
	</form>
	<pagination ng-show="plugin.logs.length" total-items="plugin.logs.length | filter: filter" page="currentPage" items-per-page="200" boundary-links="true" rotate="false" max-size="7"></pagination>
	<p class="alert alert-info text-center" ng-hide="plugin.logs">Loading...</p>
	<p class="alert alert-danger text-center" ng-show="plugin.logs.length==0">No logs found</p>
	<ul class="list-unstyled">
		<li ng-repeat="log in (plugin.logs | filter: filter).slice((currentPage - 1) * 200, currentPage * 200)">
			<span class="text-muted">{{log.timestamp | date : 'short'}}</span>
			<strong>{{log.from}}:</strong> <span ng-bind="log.message"></span>
		</li>
	</ul>
</div>