<div class="modal-header">
	<h3 class="modal-title">{{ 'tsrhTitle' | translate }}</h3>
</div>
<div class="modal-body">
	
	<form class="form-horizontal" role="form">

		<table class="table table-striped table-hover">
			<tr>
				<th class="fit">Date</th>
				<th class="fit">Success</th>
				<th class="fit">Algorithm</th>
				<th>Digest</th>
			</tr>
			<tr ng-repeat="request in requests" class="clickable" ng-class="{ info: requests.selected == request }" ng-click="requests.selected = request">
				<td class="fit">{{ request.date | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
				<td class="fit text-center">
					<i class="glyphicon glyphicon-ok" style="color: green" ng-show="request.success === true"></i>
					<i class="glyphicon glyphicon-remove" style="color: red" ng-show="request.success === false"></i>
				</td>
				<td class="fit">{{ request.digest.algorithm }}</td>
				<td style="font-family: monospace">
					<!--{{ requests.selected == request ? request.digest.value : request.digest.compact }}-->
					{{ request.digest.value }}
				</td>
			</tr>
		</table>

		<div class="row">
			<div class="col-md-12">
				<em class="text-muted" style="position: relative; top: 8px">
					{{ 'tsrhShowingXOfN' | translate: itemRange }}
				</em>
				<nav class="pull-right">
					<ul class="pagination" style="margin: 0">
						<li ng-if="currentPage > 1">
							<a href="" ng-click="previousPage()">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li ng-repeat="index in pageRange()" ng-class="{ active: currentPage == index }">
							<a href="" ng-click="goTo(index)">{{ index }}</a>
						</li>
						<li ng-if="currentPage < pageCount">
							<a href="" ng-click="nextPage()">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</ul>
				</nav>
			</div>
		</div>

	</form>

</div>
<div class="modal-footer">
	<button class="btn btn-primary" ng-click="close()">{{ 'close' | translate }}</button>
</div>
