Add links of openstack-health on Timeline and Test details

This commit adds links of the openstack-health on the Timeline and Test
details.

Change-Id: I7fd65dbbd6068b5cfc3a9b48b6d034ebd2f768f9

app/js/constants.js

@@ -1,7 +1,8 @@
 'use strict';
 
 var AppSettings = {
-  appTitle: 'StackViz'
+  appTitle: 'StackViz',
+  healthRoot: 'http://status.openstack.org/openstack-health'
 };
 
 module.exports = AppSettings;

app/js/controllers/test-details.js

@@ -13,10 +13,11 @@ var controllersModule = require('./_index');
  */
 function TestDetailsCtrl(
     $scope, $location, $stateParams, $log, $q,
-    datasetService, progressService) {
+    datasetService, progressService, AppSettings) {
   var vm = this;
   vm.artifactName = $stateParams.artifactName;
   vm.testName = $stateParams.test;
+  vm.healthRoot = AppSettings.healthRoot;
 
   progressService.start({ parent: 'div[role="main"] .panel-body' });
 

app/js/directives/timeline-details.js

@@ -5,12 +5,13 @@ var directivesModule = require('./_index.js');
 /**
  * @ngInject
  */
-function timelineDetails() {
+function timelineDetails(AppSettings) {
 
   /**
    * @ngInject
    */
   var controller = function($scope) {
+    $scope.healthRoot = AppSettings.healthRoot;
   };
 
   return {

app/views/directives/timeline-details.html

@@ -12,7 +12,10 @@
      ng-class="item | contextClass:'panel'">
     <div class="panel-heading">
         <h3 class="panel-title">
-            Details: {{item.name | split:'.' | pickRight:1}}
+            Details: <a href="{{healthRoot}}/#/test/{{item.name}}"
+                        target="_blank" uib-tooltip="Show in OpenStack-health">
+              {{item.name | split:'.' | pickRight:1}}
+              <fa name="external-link"></fa></a>
             <span class="label label-{{item | contextClass}}">
                 {{item.status}}
             </span>

app/views/test-details.html

@@ -33,7 +33,11 @@
                         <td>{{testDetails.item.name | split:'.' | pickRight:1}}</td>
                     <tr>
                         <td>Full Name</td>
-                        <td>{{testDetails.item.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>