<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"></input>
<span class="add-on">sec</span>
</div>
</div>
<ul class="timeline">
<li ng-repeat="trace in traces | orderBy:'timestamp':true" >
<div class="event" 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="muted">{{trace.info.method}}</span> {{trace.info.path}}</div>
<pre class="content" ng-show="trace.show">{{trace.info | json}}</pre>
</div>
</li>
</ul>
</div>