Add links in prods,projects and results pages

Add links for the redirection
Created Result page

Change-Id: I7ba80f6a8d774d6fde33280f701c1188cb5c32d9
Signed-off-by: thuva4 <tharma.thuva@gmail.com>

2 files changed, 189 insertions, 0 deletions

diff --git a/testapi/opnfv_testapi/ui/components/results/result/result.html b/testapi/opnfv_testapi/ui/components/results/result/result.html
new file mode 100644
index 0000000..b435dce
--- /dev/null
+++ b/testapi/opnfv_testapi/ui/components/results/result/result.html
@@ -0,0 +1,115 @@
+<legend>Result</legend>
+<div style="padding-right:0px">
+    <div class="table-responsive">
+        <table class="table"  ng-data="ctrl.data.pods">
+            <tbody>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Id&nbsp;:</td>
+                    <td class="podsTableLeftTd">{{ctrl.data._id}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Pod&nbsp;Name:</td>
+                    <td  width="90%" class="podsTableLeftTd">{{ctrl.data.pod_name}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Project&nbsp;Name:</td>
+                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.project_name}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Case&nbsp;Name&nbsp;:</td>
+                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.case_name}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Installer&nbsp;:</td>
+                    <td  width="90%" class="podsTableLeftTd">{{ctrl.data.installer}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Version&nbsp;:</td>
+                    <td  width="90%" class="podsTableLeftTd">{{ctrl.data.version}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Scenario&nbsp;:</td>
+                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.scenario}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Build&nbsp;tag&nbsp;:</td>
+                    <td width="90%" class="podsTableLeftTd">{{ctrl.data['build_tag']}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Criteria&nbsp;:</td>
+                    <td  width="90%" class="podsTableLeftTd">{{ctrl.data.criteria}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Start&nbsp;Date:</td>
+                    <td  width="90%" class="podsTableLeftTd">{{ctrl.data.start_date}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Stop&nbsp;Date&nbsp;:</td>
+                    <td width="90%"  class="podsTableLeftTd">{{ctrl.data.stop_date}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Trust&nbsp;Indicator&nbsp;:</td>
+                    <td width="90%"  class="podsTableLeftTd">
+                        <a ng-click="ctrl.showTrustIndicator()">
+                            <p ng-if="ctrl.trust_indicator">Hide</p>
+                            <p ng-if="!ctrl.trust_indicator">Show</p>
+                        </a>
+                        <table class="table" ng-class="{'hidden' : !ctrl.trust_indicator}" style="margin:10px">
+                            <tbody>
+                                <tr style="padding:9px"></tr>
+                                <tr style="padding:9px" >
+                                    <td class="podsTableTd">Current&nbsp;:</td>
+                                    <td width="90%"  class="podsTableLeftTd">{{ctrl.data.trust_indicator.current}}</td>
+                                </tr>
+                                <tr style="padding:9px" >
+                                    <td class="podsTableTd">Histories&nbsp;:</td>
+                                    <td width="90%"  class="podsTableLeftTd">{{ctrl.data.trust_indicator.histories}}</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Details&nbsp;:</td>
+                    <td width="90%" class="podsTableLeftTd">
+                            <a ng-click="ctrl.showDetails()">
+                                <p ng-if="ctrl.details">Hide</p>
+                                <p ng-if="!ctrl.details">Show</p>
+                            </a>
+                            <table class="table" ng-class="{'hidden' : !ctrl.details}" style="margin:10px">
+                            <tbody>
+                                <tr style="padding:9px"></tr>
+                                <tr style="padding:9px">
+                                    <td class="podsTableTd">Failures&nbsp;:</td>
+                                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.details.failures}}</td>
+                                </tr>
+                                <tr style="padding:9px">
+                                    <td class="podsTableTd">Details&nbsp;:</td>
+                                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.details.errors}}</td>
+                                </tr>
+                                <tr style="padding:9px">
+                                    <td class="podsTableTd">Stream&nbsp;:</td>
+                                    <td width="90%" class="podsTableLeftTd"><p>{{ctrl.data.details.stream}}</p></td>
+                                </tr>
+                                <tr style="padding:9px">
+                                    <td class="podsTableTd">TestsRun&nbsp;:</td>
+                                    <td width="90%" class="podsTableLeftTd"><p>{{ctrl.data.details.testsRun}}</p></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+<div class="col-md-12">
+        <div ng-show="ctrl.showError" class="col-md-12 alert alert-danger" role="alert">
+            <span class="pull-right">&nbsp;{{ctrl.error}}</span>
+            <span class="glyphicon glyphicon-exclamation-sign pull-right" aria-hidden="true" >Error:</span>
+        </div>
+        <div ng-show="ctrl.showSuccess" class="col-md-12 alert alert-success" role="alert">
+            <span class="pull-right">&nbsp;{{ctrl.success}}</span>
+            <span class="glyphicon glyphicon-ok pull-right" aria-hidden="true"></span>
+        </div>
+    </div>
\ No newline at end of file
diff --git a/testapi/opnfv_testapi/ui/components/results/result/resultController.js b/testapi/opnfv_testapi/ui/components/results/result/resultController.js
new file mode 100644
index 0000000..028e5d8
--- /dev/null
+++ b/testapi/opnfv_testapi/ui/components/results/result/resultController.js
@@ -0,0 +1,74 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+(function () {
+    'use strict';
+
+    angular
+        .module('testapiApp')
+        .controller('ResultController', ResultController);
+
+    ResultController.$inject = [
+        '$scope', '$http', '$filter', '$state', '$window', '$uibModal', 'testapiApiUrl','raiseAlert',
+        'confirmModal'
+    ];
+
+    /**
+     * TestAPI ResultController
+     * This controller is for the '/result/:_id' page where a user can browse
+     * through result declared in TestAPI.
+     */
+    function ResultController($scope, $http, $filter, $state, $window, $uibModal, testapiApiUrl,
+        raiseAlert, confirmModal) {
+        var ctrl = this;
+        ctrl.url = testapiApiUrl + '/results';
+        ctrl._id = $state.params['_id'];
+        ctrl.loadDetails = loadDetails
+        ctrl.showTrustIndicator = showTrustIndicator
+        ctrl.showDetails = showDetails
+
+        /**
+         *Contact the testapi and retrevie the result details
+         */
+        function loadDetails(){
+            var resultUrl = ctrl.url + '/' + ctrl._id;
+            ctrl.showError = false;
+            ctrl.podsRequest =
+                $http.get(resultUrl).success(function (data) {
+                    ctrl.data = data;
+                }).catch(function (error) {
+                    ctrl.data = null;
+                    ctrl.showError = true;
+                    ctrl.error = error.statusText;
+                });
+        }
+
+        function showTrustIndicator(){
+            if(ctrl.trust_indicator){
+                ctrl.trust_indicator = false
+            }else{
+                ctrl.trust_indicator = true
+            }
+        }
+
+        function showDetails(){
+            if(ctrl.details){
+                ctrl.details = false
+            }else{
+                ctrl.details = true
+            }
+        }
+        ctrl.loadDetails();
+    }
+})();
\ No newline at end of file