D-Net

<table class="table table-striped small">

	<thead>

		<tr>

			<th style="width: 40px">#</th>

			<th>Service ID</th>

			<th>Service Type</th>

			<th>Wsdl</th>

			<th class="text-center">Status <button type="button" class="btn btn-xs btn-primary" ng-click="pingServices()">verify</button></th>

			<th class="text-right">Subscriptions</th>

		</tr>

	</thead>

	<tbody ng-repeat="group in groups">

		<tr>

			<th colspan="5">

				Host: <i>{{group.host}}</i> - Port: <i>{{group.port}}</i> - Context: <i>{{group.context}}</i> 

			</th>

		</tr>

		<tr ng-show="group.services.length == 0">

			<td colspan="6">No services</td>

		</tr>

		<tr ng-repeat="s in group.services">

			<td>{{$index + 1}}</td>

			<td>

				<a href="#/service/{{s.id}}">{{s.id}}</a>

			</td>

			<td>

				<span>{{s.name}}</span>

			</td>

			<td>

				<a href="{{s.protocols.SOAP}}?wsdl" ng-show="s.protocols.SOAP">{{s.protocols.SOAP}}?wsdl</a>

			</td>

			<td class="text-center">

				<span class="label" ng-class="{'label-success' : s.status == 'ACTIVE', 'label-danger' : s.status == 'NOT_RESPONDING' || s.status == 'MISSING', 'label-default' : s.status == 'UNKNOWN', 'label-warning' : s.status == 'PENDING'}">{{s.status}}</span>

			</td>

			<td class="text-right">

				{{s.subscriptions.length}} subscription(s)

			</td>

		</tr>

	</tbody>

</table>