<p>
	<button class="btn btn-sm btn-default" ng-click="refresh()"><span class="glyphicon glyphicon-refresh"></span> refresh</button>
</p>
<table class="table table-striped small">
	<thead>
		<tr>
			<th>Message Id</th>
			<th>Resource Type</th>
			<th class="text-center">Action</th>
			<th class="text-center">Date</th>
			<th class="text-center">Status</th>
			<th class="text-center">Error</th>
		</tr>
	</thead>
	<tbody>
		<tr ng-show="blackboards.length == 0">
			<td colspan="6">No blackboard messsages</td>
		</tr>
		<tr ng-repeat="b in blackboards">
			<td><a href="#/profile/{{b.profId}}">{{b.messageId}}</a></td>
			<td>{{b.resourceType}}</td>
			<td class="text-center">{{b.action}}</td>
			<td class="text-center">{{b.date}}</td>
			<td class="text-center"><span class="label label-default" ng-class="{'label-primary': b.actionStatus=='ASSIGNED', 'label-success': b.actionStatus=='ONGOING', 'label-success': b.actionStatus=='DONE', 'label-danger': b.actionStatus=='FAILED'}">{{b.actionStatus}}</span></td>
			<td class="text-center"><span class="text-danger glyphicon glyphicon-warning-sign" title="{{b.error}}" ng-show="b.error"></span></td>	
		</tr>
	</tbody>
</table>