stackviz/app/views/test-details.html

<header class="bs-header">
    <div class="container">
        <h1 class="page-header">Test Details</h1>
        <ol class="breadcrumb">
            <li><a ui-sref="home">Home</a></li>
            <li>
                <a ui-sref="home({artifactName: testDetails.artifactName})">
                    {{ testDetails.artifactName }}
                </a>
            </li>
            <li class="active">Test Details: {{ testDetails.item.name | split:'.' | pickRight:1 }}</li>
        </ol>
    </div>
</header>

<div class="container">
  <div class="row">
    <div class="col-lg-12">
      <div class="panel panel-default">
          <div class="panel-heading">
              <h3 class="panel-title">
                {{testDetails.testName | split:'.' | slice:-2 | join:'.'}}
                <test-details-search class="pull-right" filter="testDetails.parsePythonLogging"></test-details-search>
              </h3>
          </div>

          <div class="panel-body">
            <uib-tabset class="nav-tabs">
              <uib-tab heading="Summary">
                <table class="table table-bordered table-hover table-striped">
                    <tr>
                        <td>Name</td>
                        <td>{{testDetails.item.name | split:'.' | pickRight:1}}</td>
                    <tr>
                        <td>Full Name</td>
                        <td><a href="{{testDetails.healthRoot}}/#/test/{{testDetails.item.name}}"
                               target="_blank"
                               uib-tooltip="Show in OpenStack-health">
                          {{testDetails.item.name}}
                          <fa name="external-link"></fa></a></td>
                    </tr>
                    <tr>
                        <td>Status</td>
                        <td>{{testDetails.item.status}}</td>
                    </tr>
                    <tr>
                        <td>Tags</td>
                        <td>{{testDetails.item.tags | join:', '}}</td>
                    </tr>
                    <tr>
                        <td>Duration</td>
                        <td>{{testDetails.item.duration | number:1}} seconds</td>
                    </tr>
                </table>
              </uib-tab>
              <uib-tab ng-repeat="(entry,log) in testDetails.itemDetails" heading="{{entry}}">
                <pre style="height: 400px; overflow-y: scroll;">{{log}}</pre>
              </uib-tab>
            </uib-tabset>
          </div>

          <div class="panel-footer clearfix">
            <a class="btn btn-default pull-right"
               ui-sref="timeline({artifactName: testDetails.artifactName, test: testDetails.item.name})">
                Timeline
            </a>
          </div>
      </div>
    </div>
  </div>
</div>