D-Net

<div class="row">

	<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

		<span style="font-size: 16px"><b>Results of query</b>: <i>{{currentApiSelectionValue}}</i></span>

	</div>

	<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

		<form class="form-inline pull-right" role="form">

			<div class="form-group">

				<label class="sr-only" for="apiFilter">Filter...</label>

  				<input type="text" class="form-control input-sm" id="apiFilter" ng-model="filterApis" placeholder="Filter..." />

  			</div>

			<button ng-click="updateApis(true)" class="btn btn-sm btn-default" type="button"><span class="glyphicon glyphicon-refresh"></span></button>

			<a href="#" class="btn btn-sm btn-default">back</a>

		</form>

	</div>

</div>

<table class="table table-striped">

	<thead>

		<tr>

			<th class="col-xs-1">Country</th>

			<th class="col-xs-6">Datasource Api</th>

			<th class="col-xs-1 text-center">Namespace Prefix</th>

			<th class="col-xs-1 text-center">Protocol</th>

			<th class="col-xs-2 text-center">Last Aggregation Date</th>

			<th class="col-xs-1 text-right">Total</th>

		</tr>

	</thead>

	<tbody>

		<tr ng-repeat="row in apis | filter: filterApis">

			<td><img ng-src="/img/flags/{{row.country}}.gif" /> {{row.country}}</td>

			<td>

				<span class="label" 

					ng-class="{'label-success': row.active, 'label-danger': !row.active}"

					style="width: 100px; display: inline-block; padding: 3px;">

					{{row.compliance}}

				</span> 

				<a href="javascript:void(0)" ng-click="showApi(row.dsId, row.id)">

					{{row.dsName}}

				</a>

			</td>

			<td class="text-center"  style="font-family: monospace">{{row.prefix}}</td>

			<td class="text-center">{{row.protocol}}</td>

			<td class="text-center">

				<span ng-show="row.aggrDate">

					{{row.aggrDate | date:'yyyy-MM-dd HH:mm:ss'}}

				</span>

				<span ng-hide="row.aggrDate">

					<i>not yet available</i>

				</span>

			</td>

			<td class="text-right" ng-class="{'text-success' : row.aggrTotal > 0, 'text-danger' : row.aggrTotal == 0}">

				{{row.aggrTotal}}

			</td>

		</tr>		

	</tbody>

</table>