<div class="container content">
	<div class="alert alert-error" ng-if="error">
		<b>Error:</b> {{ error }}
	</div>
	<div class="form-inline">
		<button title="refresh" class="btn" ng-click="refresh()"><i class="icon-refresh"></i></button>
		<div class="input-prepend input-append">
			<button title="auto refresh" class="btn" ng-click="toggleAutoRefresh()" ng-class="{'active':refresher != null}">
				<i ng-class="{'icon-play':refresher == null, 'icon-pause':refresher != null}"></i>
			</button>
			<input class="input-mini" type="number" min="1" ng-model="refreshInterval" ng-disabled="refresher != null" />
			<span class="add-on">sec</span>
		</div>
	</div>
	<ul class="timeline">
		<li ng-repeat="trace in traces | orderBy:'timestamp':true" >
			<div class="event" ng-class="getStatusClass(trace)" ng-click="trace.show = !trace.show">
				<div class="time">
					{{trace.timestamp | date:'HH:mm:ss.sss'}}
					<small class="muted">{{trace.timestamp | date:'dd.MM.yyyy'}}</small><br/>
				</div>
				<div class="title">
					<span class="status">{{trace.info.headers.response.status || '???' }}</span>
					<span class="muted"> - {{trace.info.method}}</span>
					{{trace.info.path}}
				</div>
				<pre class="content" ng-show="trace.show">{{trace.info | json}}</pre>
			</div>
		</li>
	</ul>
</div>

