<div class="container-fluid" ng-controller="runningController" >
        <section id="running-panel">
          <div class="active-test">
            <div class="header layout-clear">
              <div>
                <div class="name">Running: {{ testconfig.name }}</div>
                <div class="details-large">
                  <ul class="layout-clear">
                    <li><span class="text-mute">Elapsed Time: </span><span id="timeElapsed" class="text-mute">{{ test_status.timeElapsedText }}</span></li>
                    <li><span class="text-mute">Total Time: </span><span id="timeDuration" class="text-mute">{{ test_status.timeDurationText }}</span></li>
                  </ul>
                </div>
              </div>
              <div class="status"> <span class="text-caps text-mute">STATUS: </span><span class="current-status is-running">{{ $root.status.testProgressPercent }}% Complete</span>
                <span class="text-caps text-mute"></span><span class="current-status is-running">{{ $root.status.testProgressLabel }}</span>
                <div class="action"><button class="button var-red" ng-click="stopTest()">Stop Test</button></div>
              </div>
            </div>
            <div class="main">
              <div class="panel">
                <ul class="panel-list">
                  <li ng-class="{active:panel_control.isSelected(1)}">
                    <a href ng-click="panel_control.selectTab(1)">
                        <span class="label">Hits</span>
                        <span class="value" id="metricHitsPerSec">{{ metrics.summary.metrics[METRIC_ID.HITS_PER_SEC] | eventsPerSecond }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(2)}">
                    <a href ng-click="panel_control.selectTab(2)">
                        <span class="label">Average Page Duration</span>
                        <span class="value" id="metricPagesDurAvg">{{ metrics.summary.metrics[METRIC_ID.PAGES_DUR_AVG] | seconds }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(3)}">
                    <a href ng-click="panel_control.selectTab(3)">
                        <span class="label">Page Loads</span>
                        <span class="value" id="metricPagesPerSec">{{ metrics.summary.metrics[METRIC_ID.PAGES_PER_SEC] | eventsPerSecond }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(4)}">
                    <a href ng-click="panel_control.selectTab(4)">
                        <span class="label">Users</span>
                        <span class="value" id="metricUsers">{{ metrics.summary.metrics[METRIC_ID.VUS] }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(5)}">
                    <a href ng-click="panel_control.selectTab(5)">
                        <span class="label">Pages Completed</span>
                        <span class="value" id="metricPagesComplete">{{ metrics.summary.metrics[METRIC_ID.PAGES_COMPLETE] }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(6)}">
                    <a href ng-click="panel_control.selectTab(6)">
                        <span class="label">Pages failed</span>
                        <span class="value" id="metricPagesFail">{{ metrics.summary.metrics[METRIC_ID.PAGES_FAIL] }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(7)}">
                    <a href ng-click="panel_control.selectTab(7)">
                        <span class="label">Page Failure Rate</span>
                        <span class="value" id="metricPagesFailRate">{{ metrics.summary.metrics[METRIC_ID.PAGES_FAIL_RATE] | percent }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(8)}">
                    <a href ng-click="panel_control.selectTab(8)">
                      <span class="label">Waiting Users</span>
                      <span class="value" id="metricWaitingUsers">{{ metrics.summary.metrics[METRIC_ID.WAITING_USERS] }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(9)}">
                    <a href ng-click="panel_control.selectTab(9)">
                      <span class="label">Average Wait Time</span>
                      <span class="value" id="metricWaitTimeAvg">{{ metrics.summary.metrics[METRIC_ID.WAIT_TIME_AVG] | seconds }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(10)}">
                    <a href ng-click="panel_control.selectTab(10)">
                      <span class="label">Total Hits</span>
                      <span class="value" id="metricHits">{{ metrics.summary.metrics[METRIC_ID.HITS] }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(11)}">
                    <a href ng-click="panel_control.selectTab(11)">
                      <span class="label">Bandwidth (out)</span>
                      <span class="value" id="metricBandwidthOut">{{ metrics.summary.metrics[METRIC_ID.BANDWIDTH_OUT] | bandwidth }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(12)}">
                    <a href ng-click="panel_control.selectTab(12)">
                      <span class="label">Bandwidth (in)</span>
                      <span class="value" id="metricBandwidthIn">{{ metrics.summary.metrics[METRIC_ID.BANDWIDTH_IN] | bandwidth }}</span>
                    </a>
                  </li>
                  <li ng-class="{active:panel_control.isSelected(13)}">
                    <a href ng-click="panel_control.selectTab(13)">
                      <span class="label">Error Reports</span>
                      <span class="value">{{ errors.length }}</span>
                    </a>
                  </li>
                </ul>
                <div class="panel-view" >
                    <div ng-show="panel_control.isSelected(1)" class="graph" id="metricHitsPerSecGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="HITS_PER_SEC" decimals="1"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(2)" class="graph" id="metricPagesDurAvgGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="PAGES_DUR_AVG" decimals="1" units="duration"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(3)" class="graph" id="metricPagesPerSecGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="PAGES_PER_SEC" decimals=""1> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(4)" class="graph" id="metricVUsGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="VUS"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(5)" class="graph" id="metricPagesCompleteGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="PAGES_COMPLETE"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(6)" class="graph" id="metricPagesFailGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="PAGES_FAIL"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(7)" class="graph" id="metricPagesFailRateGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="PAGES_FAIL_RATE" decimals="2"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(8)" class="graph" id="metricWaitingUsersGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="WAITING_USERS"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(9)" class="graph" id="metricWaitTimeAvgGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="WAIT_TIME_AVG" decimals="1" units="duration"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(10)" class="graph" id="metricHitsGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="HITS"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(11)" class="graph" id="metricBandwidthOutGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="BANDWIDTH_OUT" units="bandwidth"> </div>
                        </div>
                    </div>
                    <div ng-show="panel_control.isSelected(12)" class="graph" id="metricBandwidthInGraph">
                        <div ng-controller="FlotLineChart" style="height:100%">
                            <div flot-line-chart class="linechart" metric="BANDWIDTH_IN" units="bandwidth"> </div>
                        </div>
                    </div>
                  <div ng-show="panel_control.isSelected(13)" class="panel-content">
                    <div class="error-log">
                      <div ng-repeat="error in errors track by $index" class="entry">
                      	<span class="index">{{ $index + 1 }}.</span>
                        <span class="timestamp">{{ error.timestampText }}</span>
                        <span class="summary">{{ error.summary }}</span>
                        <span class="message">{{ error.message }}</span>
                        <span class="where"><a href="{{error.urltext}}">{{error.pageTitle}}</a> <span class="url">({{error.urltext}})</span></span>
                      </div>
                    </div>
                  </div>
                    <div class="panel-info">
                      <ul>
                        <li><span class="text-mute">Current step:</span> <span id="currentStepName">{{ test_status.currentStepName }}</span></li>
                        <li><span class="text-mute">&rarr;</span></li>
                        <li><span class="text-mute">Next step:</span> <span id="nextStepName">{{ test_status.nextStepName }}</span></li>
                        <li><span class="text-mute">&rarr;</span></li>
                        <li><span class="text-mute">Wait:</span> <span id="timeToNextStep">{{ test_status.timeToNextStepText }}</span></li>
                      </ul>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
<!--
<div ng-controller="FakeMetricsController">
    <button ng-click="injectMetrics()">Inject a sample</button>
</div>
-->
