D-Net

<div class="panel panel-default">

	<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-right"># Subscrs</th>

				<th class="text-right"># Blackboard</th>

				<th class="text-center">Status <button type="button" class="btn btn-xs btn-primary" ng-click="pingServices()">verify</button></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="#/srv/{{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-right">

					{{s.subscriptions.length}}

				</td>

				<td class="text-right">

					{{s.blackboard.length}}

				</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>

			</tr>

		</tbody>

	</table>

</div>