<div class="container-fluid content">
	<h2 >Spring-Boot applications<br>
	<small>Here you'll find all Spring-Boot applications that registered themselves at this admin application.</small>
	</h2>
	<div>
		<input placeholder="Filter" class="input-xxlarge" type="search" ng-model="searchFilter" />
	</div>
	<table class="table table-hover">
		<col>
		<col>
		<col>
		<col>
		<col style="width: 250px;">
		<thead>
			<tr>
				<th><span class="sortable" ng-class="orderByCssClass('name')" ng-click="orderBy('name')">Application</span>
					/
					<span class="sortable" ng-class="orderByCssClass('healthUrl')" ng-click="orderBy('healthUrl')">URL</span>
				</th>
				<th><span class="sortable" ng-class="orderByCssClass('info.version')" ng-click="orderBy('info.version')">Version</span></th>
				<th>Info</th>
				<th colspan="2">Status</th>
			</tr>
		</thead>
		<tbody>
			<tr ng-repeat="application in applications|orderBy:order.column:order.descending|orderBy:'statusInfo.status':false|filter:searchFilter track by application.id"
			ng-click="$state.go('apps.details.metrics', {id: application.id})"
			>
				<td>{{ application.name }}<br/><span class="muted">{{ application.serviceUrl || application.managementUrl || application.healthUrl }}</span></td>
				<td>{{ application.version }}</td>
				<td><span style="white-space: pre" ng-init="collapsed = true">{{application.infoShort}}</span>
					<a class="btn btn-mini" ng-show="application.infoDetails" ng-click="collapsed = !collapsed">...</a><br/>
					<span style="white-space: pre" ng-hide="collapsed">{{application.infoDetails}}</span></td>
				<td><span class="status-{{application.statusInfo.status}}" title="{{application.statusInfo.timestamp  | date:'dd.MM.yyyy HH:mm:ss' }}">{{ application.statusInfo.status }}</span>
				<span ng-show="application.refreshing" class="refresh"></span></td>
				<td>
					<div class="pull-right">
						<div class="btn-group" ng-hide="application.managementUrl == null || application.statusInfo.status == null || application.statusInfo.status == 'OFFLINE'">
							<a ng-if="application.capabilities.logfile" target="_self" class="btn btn-success" ng-href="{{application.capabilities.logfile ? 'api/applications/' + application.id + '/logfile' :''}}"><i class="icon-file icon-white"></i>Log</a>
							<a ui-sref="apps.details.metrics({id: application.id})" class="btn btn-success">Details</a>
							<a class="btn btn-success dropdown-toggle" data-toggle="dropdown">
								<span class="caret"></span>
							</a>
							<ul class="dropdown-menu">
								<li><a ui-sref="apps.env({id: application.id})" >Environment</a></li>
								<li><a ui-sref="apps.logging({id: application.id})" >Logging</a></li>
								<li><a ui-sref="apps.jmx({id: application.id})" >JMX</a></li>
								<li><a ui-sref="apps.threads({id: application.id})" >Threads</a></li>
								<li><a ui-sref="apps.trace({id: application.id})" >Trace</a></li>
								<li ng-show="application.capabilities.activiti"><a ui-sref="apps.activiti({id: application.id})" >Activiti</a></li>
							</ul>
						</div>
						<div class="btn-group" title="remove">
							<a class="btn btn-danger" ng-click="remove(application)"><i class="icon-remove icon-white"></i></a>
						</div>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
</div>
