From df42d5ea79517047f128fac992bb85fd70d95c92 Mon Sep 17 00:00:00 2001
From: chenjiankun <chenjiankun1@huawei.com>
Date: Mon, 20 Feb 2017 09:35:22 +0000
Subject: [PATCH] Create Test Reporting landing page

JIRA: RELENG-165

In this patch, I upload the backend code

usage:
docker run -itd -p 8000:8000 -e SERVER_URL=server_ip:8000 opnfv/reporting:<tag>

note: must point SERVER_URL, it is the api server.

visit landing page:
http://server_ip:8000/reporting/index.html

Change-Id: I10121574e0c4b2733a8084c986d7a2746e7ce2a4
Signed-off-by: chenjiankun <chenjiankun1@huawei.com>
---
 utils/test/reporting/api/handlers/landing.py       | 167 +++++-
 utils/test/reporting/api/install.sh                |   3 +
 utils/test/reporting/docker/reporting.sh           |   6 -
 utils/test/reporting/docker/supervisor.conf        |   6 +
 utils/test/reporting/pages/angular.sh              |  10 +
 utils/test/reporting/pages/app/images/green.png    | Bin 0 -> 5064 bytes
 utils/test/reporting/pages/app/images/green@2x.png | Bin 0 -> 7708 bytes
 utils/test/reporting/pages/app/index.html          |  50 +-
 .../test/reporting/pages/app/scripts/app.config.js |   0
 utils/test/reporting/pages/app/scripts/app.js      |  17 +-
 utils/test/reporting/pages/app/scripts/config.js   |  11 +-
 .../reporting/pages/app/scripts/config.router.js   |   2 +-
 .../app/scripts/controllers/main.controller.js     |  32 ++
 .../app/scripts/controllers/table.controller.js    | 593 ++++++++-------------
 utils/test/reporting/pages/app/scripts/data.json   |  76 ---
 .../pages/app/scripts/factory/table.factory.js     |  20 +-
 utils/test/reporting/pages/app/styles/custome.css  |  72 ++-
 .../styles/fonts/glyphicons-halflings-regular.svg  |   2 +-
 .../reporting/pages/app/views/commons/table.html   |  92 ++--
 utils/test/reporting/pages/app/views/main.html     | 296 +++++-----
 utils/test/reporting/pages/bower.json              |  75 +--
 utils/test/reporting/pages/test/karma.conf.js      |   1 +
 22 files changed, 805 insertions(+), 726 deletions(-)
 create mode 100755 utils/test/reporting/api/install.sh
 create mode 100755 utils/test/reporting/pages/angular.sh
 create mode 100644 utils/test/reporting/pages/app/images/green.png
 create mode 100644 utils/test/reporting/pages/app/images/green@2x.png
 create mode 100644 utils/test/reporting/pages/app/scripts/app.config.js
 create mode 100644 utils/test/reporting/pages/app/scripts/controllers/main.controller.js
 delete mode 100644 utils/test/reporting/pages/app/scripts/data.json

diff --git a/utils/test/reporting/api/handlers/landing.py b/utils/test/reporting/api/handlers/landing.py
index 137c05007..ae1fd2037 100644
--- a/utils/test/reporting/api/handlers/landing.py
+++ b/utils/test/reporting/api/handlers/landing.py
@@ -6,15 +6,172 @@
 # which accompanies this distribution, and is available at
 # http://www.apache.org/licenses/LICENSE-2.0
 ##############################################################################
+import requests
+
 from tornado.web import RequestHandler
 from tornado.escape import json_encode
+from tornado.escape import json_decode
 
 
-class FiltersHandler(RequestHandler):
-    def get(self):
-        return self.write(json_encode({'status': 'SUCCESS'}))
+class BaseHandler(RequestHandler):
+    def _set_header(self):
+        self.set_header('Access-Control-Allow-Origin', '*')
+        self.set_header('Access-Control-Allow-Headers',
+                        'Content-Type, Content-Length, Authorization, \
+                        Accept, X-Requested-With , PRIVATE-TOKEN')
+        self.set_header('Access-Control-Allow-Methods',
+                        'PUT, POST, GET, DELETE, OPTIONS')
 
 
-class ScenariosHandler(RequestHandler):
+class FiltersHandler(BaseHandler):
     def get(self):
-        return self.write(json_encode({'status': 'SUCCESS'}))
+        self._set_header()
+
+        filters = {
+            'filters': {
+                'status': ['success', 'warning', 'danger'],
+                'projects': ['functest', 'yardstick'],
+                'installers': ['apex', 'compass', 'fuel', 'joid'],
+                'version': ['colorado', 'master'],
+                'loops': ['daily', 'weekly', 'monthly'],
+                'time': ['10 days', '30 days']
+            }
+        }
+        return self.write(json_encode(filters))
+
+
+class ScenariosHandler(BaseHandler):
+    def post(self):
+        self._set_header()
+
+        body = json_decode(self.request.body)
+        args = self._get_args(body)
+
+        scenarios = self._get_result_data(self._get_scenarios(), args)
+
+        return self.write(json_encode(dict(scenarios=scenarios)))
+
+    def _get_result_data(self, data, args):
+        data = self._filter_status(data, args)
+        return {s: self._get_scenario_result(s, data[s], args) for s in data}
+
+    def _filter_status(self, data, args):
+        return {k: v for k, v in data.items() if v['status'] in args['status']}
+
+    def _get_scenario_result(self, scenario, data, args):
+        result = {
+            'status': data.get('status'),
+            'installers': self._get_installers_result(data['installers'], args)
+        }
+        return result
+
+    def _get_installers_result(self, data, args):
+        func = self._get_installer_result
+        return {k: func(k, data.get(k, {}), args) for k in args['installers']}
+
+    def _get_installer_result(self, installer, data, args):
+        projects = data.get(args['version'], [])
+        return [self._get_project_data(projects, p) for p in args['projects']]
+
+    def _get_project_data(self, projects, project):
+        atom = {
+            'project': project,
+            'score': None,
+            'status': None
+        }
+        for p in projects:
+            if p['project'] == project:
+                return p
+        return atom
+
+    def _get_scenarios(self):
+        url = 'http://testresults.opnfv.org/test/api/v1/scenarios'
+        resp = requests.get(url).json()
+        data = self._change_to_utf8(resp).get('scenarios', {})
+        return {a.get('name'): self._get_scenario(a.get('installers', [])
+                                                  ) for a in data}
+
+    def _get_scenario(self, data):
+        installers = {a.get('installer'): self._get_installer(a.get('versions',
+                                                                    [])
+                                                              ) for a in data}
+        scenario = {
+            'status': self._get_status(),
+            'installers': installers
+        }
+        return scenario
+
+    def _get_status(self):
+        return 'success'
+
+    def _get_installer(self, data):
+        return {a.get('version'): self._get_version(a) for a in data}
+
+    def _get_version(self, data):
+        try:
+            scores = data.get('score', {}).get('projects')[0]
+            trusts = data.get('trust_indicator', {}).get('projects')[0]
+        except (TypeError, IndexError):
+            return []
+        else:
+            scores = {key: [dict(date=a.get('date')[:10],
+                                 score=a.get('score')
+                                 ) for a in scores[key]] for key in scores}
+            trusts = {key: [dict(date=a.get('date')[:10],
+                                 status=a.get('status')
+                                 ) for a in trusts[key]] for key in trusts}
+            atom = self._get_atom(scores, trusts)
+            return [dict(project=k,
+                         score=sorted(atom[k], reverse=True)[0].get('score'),
+                         status=sorted(atom[k], reverse=True)[0].get('status')
+                         ) for k in atom if atom[k]]
+
+    def _get_atom(self, scores, trusts):
+        s = {k: {a['date']: a['score'] for a in scores[k]} for k in scores}
+        t = {k: {a['date']: a['status'] for a in trusts[k]} for k in trusts}
+        return {k: [dict(score=s[k][a], status=t[k][a], data=a
+                         ) for a in s[k] if a in t[k]] for k in s}
+
+    def _change_to_utf8(self, obj):
+        if isinstance(obj, dict):
+            return {str(k): self._change_to_utf8(v) for k, v in obj.items()}
+        elif isinstance(obj, list):
+            return [self._change_to_utf8(ele) for ele in obj]
+        else:
+            try:
+                new = eval(obj)
+                if isinstance(new, int):
+                    return obj
+                return self._change_to_utf8(new)
+            except (NameError, TypeError, SyntaxError):
+                return str(obj)
+
+    def _get_args(self, body):
+        status = self._get_status_args(body)
+        projects = self._get_projects_args(body)
+        installers = self._get_installers_args(body)
+
+        args = {
+            'status': status,
+            'projects': projects,
+            'installers': installers,
+            'version': body.get('version', 'master').lower(),
+            'loops': body.get('loops', 'daily').lower(),
+            'time': body.get('times', '10 days')[:2].lower()
+        }
+        return args
+
+    def _get_status_args(self, body):
+        status_all = ['success', 'warning', 'danger']
+        status = [a.lower() for a in body.get('status', ['all'])]
+        return status_all if 'all' in status else status
+
+    def _get_projects_args(self, body):
+        project_all = ['functest', 'yardstick']
+        projects = [a.lower() for a in body.get('projects', ['all'])]
+        return project_all if 'all' in projects else projects
+
+    def _get_installers_args(self, body):
+        installer_all = ['apex', 'compass', 'fuel', 'joid']
+        installers = [a.lower() for a in body.get('installers', ['all'])]
+        return installer_all if 'all' in installers else installers
diff --git a/utils/test/reporting/api/install.sh b/utils/test/reporting/api/install.sh
new file mode 100755
index 000000000..55d6b77ec
--- /dev/null
+++ b/utils/test/reporting/api/install.sh
@@ -0,0 +1,3 @@
+apt-get install -y python-pip
+pip install tornado
+pip install requests
diff --git a/utils/test/reporting/docker/reporting.sh b/utils/test/reporting/docker/reporting.sh
index 78bcc4e82..1de13ae32 100755
--- a/utils/test/reporting/docker/reporting.sh
+++ b/utils/test/reporting/docker/reporting.sh
@@ -79,10 +79,4 @@ echo "daemon off;" >> /etc/nginx/nginx.conf
 # supervisor config
 cp /home/opnfv/utils/test/reporting/docker/supervisor.conf /etc/supervisor/conf.d/
 
-# build pages
-cd pages
 ln -s /usr/bin/nodejs /usr/bin/node
-npm install
-npm install -g grunt bower
-bower install --allow-root
-grunt build
diff --git a/utils/test/reporting/docker/supervisor.conf b/utils/test/reporting/docker/supervisor.conf
index 0c2207793..1e0eed9c8 100644
--- a/utils/test/reporting/docker/supervisor.conf
+++ b/utils/test/reporting/docker/supervisor.conf
@@ -14,3 +14,9 @@ autorestart = true
 user = root
 command = service nginx restart
 autorestart = true
+
+[program:reporting_angular]
+user = root
+directory = /home/opnfv/utils/test/reporting/pages
+command = bash angular.sh
+autorestart = true
diff --git a/utils/test/reporting/pages/angular.sh b/utils/test/reporting/pages/angular.sh
new file mode 100755
index 000000000..a7f167516
--- /dev/null
+++ b/utils/test/reporting/pages/angular.sh
@@ -0,0 +1,10 @@
+: ${SERVER_URL:='http://testresults.opnfv.org/reporting/api'}
+
+echo "var BASE_URL = 'http://${SERVER_URL}/landing-page'" > app/scripts/app.config.js
+
+apt-get install -y nodejs
+apt-get install -y npm
+npm install
+npm install -g grunt bower
+bower install --allow-root
+grunt build
diff --git a/utils/test/reporting/pages/app/images/green.png b/utils/test/reporting/pages/app/images/green.png
new file mode 100644
index 0000000000000000000000000000000000000000..57fc599275b31237e71fbcac924f1aef9affe311
GIT binary patch
literal 5064
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

literal 0
HcmV?d00001

diff --git a/utils/test/reporting/pages/app/images/green@2x.png b/utils/test/reporting/pages/app/images/green@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..3bda5beb69adf499b384073430434a4ce6c2f23a
GIT binary patch
literal 7708
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
M4FmNiRfm`V1G@PUWB>pF

literal 0
HcmV?d00001

diff --git a/utils/test/reporting/pages/app/index.html b/utils/test/reporting/pages/app/index.html
index 7673a4cc2..1159c2176 100644
--- a/utils/test/reporting/pages/app/index.html
+++ b/utils/test/reporting/pages/app/index.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <html ng-app="opnfvApp">
-  <head>
+
+<head>
     <meta charset="utf-8">
     <title>OPNFV-DASHBOARD EXAMPLE</title>
     <meta name="description" content="">
@@ -13,17 +14,22 @@
     <link rel="stylesheet" href="bower_components/chosen/chosen.css" />
     <link rel="stylesheet" href="bower_components/selectize/dist/css/selectize.css" />
     <link rel="stylesheet" href="bower_components/components-font-awesome/css/font-awesome.css" />
+    <link rel="stylesheet" href="bower_components/angular-tooltips/dist/angular-tooltips.min.css" />
+    <link rel="stylesheet" href="bower_components/animate.css/animate.css" />
+    <link rel="stylesheet" href="bower_components/ng-dialog/css/ngDialog.css" />
+    <link rel="stylesheet" href="bower_components/ng-dialog/css/ngDialog-theme-default.css" />
+    <link rel="stylesheet" href="bower_components/inspiniacss/style.css" />
     <!-- endbower -->
     <!-- endbuild -->
     <!-- build:css(.tmp) styles/style.css -->
-    <!--<link rel="stylesheet" href="styles/main.css">-->
-    <link rel="stylesheet" href="styles/animate.css">
-    <link rel="stylesheet" href="styles/style.css">
+
     <link rel="stylesheet" href="styles/custome.css">
 
+
     <!-- endbuild -->
-  </head>
-  <body class="{{$state.current.data.specialClass}}" id="page-top">
+</head>
+
+<body class="{{$state.current.data.specialClass}}" id="page-top">
     <!--[if lte IE 8]>
       <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
     <![endif]-->
@@ -31,7 +37,7 @@
     <!-- Add your site or application content here -->
     <div ui-view></div>
     <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
-     <!--<script>
+    <!--<script>
        !function(A,n,g,u,l,a,r){A.GoogleAnalyticsObject=l,A[l]=A[l]||function(){
        (A[l].q=A[l].q||[]).push(arguments)},A[l].l=+new Date,a=n.createElement(g),
        r=n.getElementsByTagName(g)[0],a.src=u,r.parentNode.insertBefore(a,r)
@@ -59,17 +65,27 @@
     <script src="bower_components/microplugin/src/microplugin.js"></script>
     <script src="bower_components/selectize/dist/js/selectize.js"></script>
     <script src="bower_components/angular-selectize2/dist/angular-selectize.js"></script>
+    <script src="bower_components/angular-tooltips/dist/angular-tooltips.min.js"></script>
+    <script src="bower_components/jQuery-rwdImageMaps/jquery.rwdImageMaps.min.js"></script>
+    <script src="bower_components/ng-dialog/js/ngDialog.js"></script>
     <!-- endbower -->
     <!-- endbuild -->
 
-        <!-- build:js({.tmp,app}) scripts/scripts.js -->
-        <script src="scripts/app.js"></script>
-        <!--<script src="scripts/controllers/main.js"></script>-->
-        <script src="scripts/config.router.js"></script>
-        <script src="scripts/controllers/table.controller.js"></script>
-        <script src="scripts/config.js"></script>
-        <script src="scripts/directives/mydirective.js"></script>
-        <script src="scripts/factory/table.factory.js"></script>
-        <!-- endbuild -->
+    <!-- build:js({.tmp,app}) scripts/scripts.js -->
+    <script src="scripts/app.js"></script>
+    <!--<script src="scripts/controllers/main.js"></script>-->
+    <script src="scripts/config.router.js"></script>
+    <script src="scripts/controllers/table.controller.js"></script>
+    <script src="scripts/config.js"></script>
+    <script src="scripts/factory/table.factory.js"></script>
+    <script src="scripts/controllers/case.controller.js"></script>
+    <script src="scripts/controllers/auth.controller.js"></script>
+    <script src="scripts/controllers/admin.controller.js"></script>
+    <script src="scripts/controllers/main.controller.js"></script>
+    <script src="scripts/app.config.js"></script>
+    <script src="scripts/controllers/testvisual.controller.js"></script>
+
+    <!-- endbuild -->
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/utils/test/reporting/pages/app/scripts/app.config.js b/utils/test/reporting/pages/app/scripts/app.config.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/utils/test/reporting/pages/app/scripts/app.js b/utils/test/reporting/pages/app/scripts/app.js
index 6e99ce3d7..d06019c55 100644
--- a/utils/test/reporting/pages/app/scripts/app.js
+++ b/utils/test/reporting/pages/app/scripts/app.js
@@ -9,12 +9,13 @@
  * Main module of the application.
  */
 angular
-  .module('opnfvApp', [
-    'ngAnimate',
-    'ui.router',
-    'oc.lazyLoad',
-    'ui.bootstrap',
-    'ngResource',
-    'selectize'
+    .module('opnfvApp', [
+        'ngAnimate',
+        'ui.router',
+        'oc.lazyLoad',
+        'ui.bootstrap',
+        'ngResource',
+        'selectize',
+        '720kb.tooltips'
 
-  ]);
+    ]);
\ No newline at end of file
diff --git a/utils/test/reporting/pages/app/scripts/config.js b/utils/test/reporting/pages/app/scripts/config.js
index 838460a38..1010169d3 100644
--- a/utils/test/reporting/pages/app/scripts/config.js
+++ b/utils/test/reporting/pages/app/scripts/config.js
@@ -7,8 +7,13 @@
  * Main config file of the application.
  */
 angular
-    .module('opnfvApp').config(function () {
+    .module('opnfvApp').config(['$httpProvider', '$qProvider', function($httpProvider, $qProvider) {
 
-    }
+            $httpProvider.defaults.useXDomain = true;
+            delete $httpProvider.defaults.headers.common['X-Requested-With'];
 
-    )
+            $qProvider.errorOnUnhandledRejections(false);
+
+        }
+
+    ]);
\ No newline at end of file
diff --git a/utils/test/reporting/pages/app/scripts/config.router.js b/utils/test/reporting/pages/app/scripts/config.router.js
index 641ea6a74..d38ad7507 100644
--- a/utils/test/reporting/pages/app/scripts/config.router.js
+++ b/utils/test/reporting/pages/app/scripts/config.router.js
@@ -23,7 +23,7 @@ angular.module('opnfvApp')
             $stateProvider
                 .state('landingpage', {
                     url: "/landingpage",
-                    //controller: 'MainCtrl',
+                    controller: 'MainController',
                     templateUrl: "views/main.html",
                     data: { pageTitle: '首页', specialClass: 'landing-page' },
                     resolve: {
diff --git a/utils/test/reporting/pages/app/scripts/controllers/main.controller.js b/utils/test/reporting/pages/app/scripts/controllers/main.controller.js
new file mode 100644
index 000000000..2054dc2dd
--- /dev/null
+++ b/utils/test/reporting/pages/app/scripts/controllers/main.controller.js
@@ -0,0 +1,32 @@
+'use strict';
+
+/**
+ * @ngdoc function
+ * @name opnfvdashBoardAngularApp.controller:MainPageController
+ * @description
+ * # TableController
+ * Controller of the opnfvdashBoardAngularApp
+ */
+angular.module('opnfvApp')
+    .controller('MainController', ['$scope', '$state', '$stateParams', function($scope, $state, $stateParams) {
+
+        init();
+
+        function init() {
+            $scope.goTest = goTest;
+            $scope.goLogin = goLogin;
+
+        }
+
+        function goTest() {
+            $state.go("select.selectTestCase");
+        }
+
+        function goLogin() {
+            $state.go("login");
+        }
+
+
+
+
+    }]);
\ No newline at end of file
diff --git a/utils/test/reporting/pages/app/scripts/controllers/table.controller.js b/utils/test/reporting/pages/app/scripts/controllers/table.controller.js
index 8ca1e474c..0f3a17a03 100644
--- a/utils/test/reporting/pages/app/scripts/controllers/table.controller.js
+++ b/utils/test/reporting/pages/app/scripts/controllers/table.controller.js
@@ -8,255 +8,131 @@
  * Controller of the opnfvdashBoardAngularApp
  */
 angular.module('opnfvApp')
-    .controller('TableController', ['$scope', '$state', '$stateParams', 'TableFactory', function ($scope, $state, $stateParams, TableFactory) {
+    .controller('TableController', ['$scope', '$state', '$stateParams', '$http', 'TableFactory', function($scope, $state, $stateParams, $http, TableFactory) {
 
         $scope.filterlist = [];
         $scope.selection = [];
-        $scope.statusList = ["Success", "Warning", "Danger"];
-        $scope.projectList = ["Deployment", "Functest", "Yardstick"];
-        $scope.installerList = ["apex", "compass", "fuel", "joid"];
-        $scope.versionlist = ["Colorado", "Master"];
-        $scope.loopci = ["Daily", "Weekly", "Monthly"];
-        $scope.time = ["10 days", "1 Month"];
+        $scope.statusList = [];
+        $scope.projectList = [];
+        $scope.installerList = [];
+        $scope.versionlist = [];
+        $scope.loopci = [];
+        $scope.time = [];
         $scope.tableDataAll = {};
         $scope.tableInfoAll = {};
+        $scope.scenario = {};
 
+        $scope.VersionConfig = {
+            create: true,
+            valueField: 'title',
+            labelField: 'title',
+            delimiter: '|',
+            maxItems: 1,
+            placeholder: 'Version',
+            onChange: function(value) {
+                checkElementArrayValue($scope.selection, $scope.VersionOption);
+                $scope.selection.push(value);
+                // console.log($scope.selection);
+                getScenarioData();
 
+            }
+        }
 
-        $scope.scenario =
-            {
-                "scenarios": {
-                    "os-nosdn-kvm-noha": {
-                        "status": "Success",
-                        "installers": {
-                            "apex": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS",
-
-
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "null",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ],
-                            "compass": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ],
-                            "fuel": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ],
-                            "joid": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ]
-                        }
-                    },
-                    "os-nosdn-ovs-ha": {
-                        "status": "Danger",
-                        "installers": {
-                            "apex": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS",
-
-
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ],
-                            "compass": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ],
-                            "fuel": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ],
-                            "joid": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ]
-                        }
-                    },
-                    "os-nosdn-ovs-noha": {
-                        "status": "Warning",
-                        "installers": {
-                            "apex": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS",
-
-
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ],
-                            "compass": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ],
-                            "fuel": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ],
-                            "joid": [
-                                {
-                                    "project": "Deployment",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Functest",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                },
-                                {
-                                    "project": "Yardstick",
-                                    "score": "13/14",
-                                    "status": "SUCCESS"
-                                }
-                            ]
-                        }
-                    }
+        $scope.LoopConfig = {
+            create: true,
+            valueField: 'title',
+            labelField: 'title',
+            delimiter: '|',
+            maxItems: 1,
+            placeholder: 'Loop',
+            onChange: function(value) {
+                checkElementArrayValue($scope.selection, $scope.LoopOption);
+                $scope.selection.push(value);
+                // console.log($scope.selection);
+                getScenarioData();
+
+            }
+        }
+
+        $scope.TimeConfig = {
+            create: true,
+            valueField: 'title',
+            labelField: 'title',
+            delimiter: '|',
+            maxItems: 1,
+            placeholder: 'Time',
+            onChange: function(value) {
+                checkElementArrayValue($scope.selection, $scope.TimeOption);
+                $scope.selection.push(value);
+                // console.log($scope.selection)
+                getScenarioData();
+
+
+            }
+        }
+
+
+        init();
+
+        function init() {
+            $scope.toggleSelection = toggleSelection;
+            getScenarioData();
+            // radioSetting();
+            getFilters();
+        }
+
+        function getFilters() {
+            TableFactory.getFilter().get({
+
+
+            }).$promise.then(function(response) {
+                if (response != null) {
+                    $scope.statusList = response.filters.status;
+                    $scope.projectList = response.filters.projects;
+                    $scope.installerList = response.filters.installers;
+                    $scope.versionlist = response.filters.version;
+                    $scope.loopci = response.filters.loops;
+                    $scope.time = response.filters.time;
+
+                    $scope.statusListString = $scope.statusList.toString();
+                    $scope.projectListString = $scope.projectList.toString();
+                    $scope.installerListString = $scope.installerList.toString();
+                    $scope.VersionSelected = $scope.versionlist[1];
+                    $scope.LoopCiSelected = $scope.loopci[0];
+                    $scope.TimeSelected = $scope.time[0];
+                    radioSetting($scope.versionlist, $scope.loopci, $scope.time);
+
+                } else {
+                    alert("网络错误");
                 }
+            })
+        }
+
+        function getScenarioData() {
+
+            var utl = BASE_URL + '/scenarios';
+            var data = {
+                'status': ['success', 'danger', 'warning'],
+                'projects': ['functest', 'yardstick'],
+                'installers': ['apex', 'compass', 'fuel', 'joid'],
+                'version': $scope.VersionSelected,
+                'loops': $scope.LoopCiSelected,
+                'time': $scope.TimeSelected
             };
+            var config = {
+                headers: {
+                    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
+                }
+            }
+            $http.post(utl, data, config).then(function(response) {
+                if (response.status == 200) {
+                    $scope.scenario = response.data;
+                    constructJson();
+                }
+            })
+        }
 
-        // var headData = Object.keys($scope.scenario.scenarios.os_nosdn_kvm_noha.installers);
-        // $scope.headData = headData;
-        //construct json
+        //construct json 
         function constructJson() {
 
             var colspan;
@@ -267,19 +143,22 @@ angular.module('opnfvApp')
 
             for (var item in $scope.scenario.scenarios) {
 
-
-
-
-                var headData = Object.keys($scope.scenario.scenarios[item].installers);
+                var headData = Object.keys($scope.scenario.scenarios[item].installers).sort();
                 var scenarioStatus = $scope.scenario.scenarios[item].status;
-
+                var scenarioStatusDisplay;
+                if (scenarioStatus == "success") {
+                    scenarioStatusDisplay = "navy";
+                } else if (scenarioStatus == "danger") {
+                    scenarioStatusDisplay = "danger";
+                } else if (scenarioStatus == "warning") {
+                    scenarioStatusDisplay = "warning";
+                }
 
                 InstallerData = headData;
                 var projectData = [];
                 var datadisplay = [];
                 var projects = [];
 
-
                 for (var j = 0; j < headData.length; j++) {
 
                     projectData.push($scope.scenario.scenarios[item].installers[headData[j]]);
@@ -289,9 +168,30 @@ angular.module('opnfvApp')
                     for (var k = 0; k < projectData[j].length; k++) {
                         projects.push(projectData[j][k].project);
                         var temArray = [];
-                        temArray.push(projectData[j][k].score);
-                        temArray.push(projectData[j][k].project);
-                        temArray.push(headData[j]);
+                        if (projectData[j][k].score == null) {
+                            temArray.push("null");
+                            temArray.push(projectData[j][k].project);
+                            temArray.push(headData[j]);
+                        } else {
+                            temArray.push(projectData[j][k].score);
+                            temArray.push(projectData[j][k].project);
+                            temArray.push(headData[j]);
+                        }
+
+
+                        if (projectData[j][k].status == "platinium") {
+                            temArray.push("primary");
+                            temArray.push("P");
+                        } else if (projectData[j][k].status == "gold") {
+                            temArray.push("danger");
+                            temArray.push("G");
+                        } else if (projectData[j][k].status == "silver") {
+                            temArray.push("warning");
+                            temArray.push("S");
+                        } else if (projectData[j][k].status == null) {
+                            temArray.push("null");
+                        }
+
                         datadisplay.push(temArray);
 
                     }
@@ -301,13 +201,21 @@ angular.module('opnfvApp')
                 colspan = projects.length / headData.length;
 
                 var tabledata = {
-                    scenarioName: item, Installer: InstallerData, projectData: projectData, projects: projects,
-                    datadisplay: datadisplay, colspan: colspan, status: scenarioStatus
+                    scenarioName: item,
+                    Installer: InstallerData,
+                    projectData: projectData,
+                    projects: projects,
+                    datadisplay: datadisplay,
+                    colspan: colspan,
+                    status: scenarioStatus,
+                    statusDisplay: scenarioStatusDisplay
                 };
 
                 JSON.stringify(tabledata);
                 $scope.tableDataAll.scenario.push(tabledata);
 
+                // console.log(tabledata);
+
             }
 
 
@@ -315,15 +223,13 @@ angular.module('opnfvApp')
 
             var tempHeadData = [];
 
-
-
             for (var i = 0; i < InstallerData.length; i++) {
                 for (var j = 0; j < colspan; j++) {
                     tempHeadData.push(InstallerData[i]);
                 }
             }
 
-            console.log(tempHeadData);
+            //console.log(tempHeadData);
 
             var projectsInfoAll = [];
 
@@ -334,13 +240,14 @@ angular.module('opnfvApp')
                 projectsInfoAll.push(tempA);
 
             }
-            console.log(projectsInfoAll);
+            //console.log(projectsInfoAll);
 
             $scope.tableDataAll["colspan"] = colspan;
             $scope.tableDataAll["Installer"] = InstallerData;
             $scope.tableDataAll["Projects"] = projectsInfoAll;
 
-            console.log($scope.tableDataAll);
+            // console.log($scope.tableDataAll);
+            $scope.colspan = $scope.tableDataAll.colspan;
 
         }
 
@@ -353,58 +260,11 @@ angular.module('opnfvApp')
             return size;
         }
 
-        init();
-        function init() {
-            $scope.toggleSelection = toggleSelection;
-
-            constructJson();
-
-        }
-
-        // $scope.test=false;
+        $scope.colspan = $scope.tableDataAll.colspan;
+        // console.log($scope.colspan);
 
-        var statusListString = $scope.statusList.toString();
-        var projectListString = $scope.projectList.toString();
-        var installerListString = $scope.installerList.toString();
 
-
-        $scope.colspan=$scope.tableDataAll.colspan;
-        //filter function
-        function filterData() {
-
-
-            $scope.selectInstallers = [];
-            $scope.selectProjects = [];
-            $scope.selectStatus = [];
-            for (var i = 0; i < $scope.selection.length; i++) {
-                if (statusListString.indexOf($scope.selection[i]) > -1) {
-                    $scope.selectStatus.push($scope.selection[i]);
-                }
-                if (projectListString.indexOf($scope.selection[i]) > -1) {
-                    $scope.selectProjects.push($scope.selection[i]);
-                }
-                if (installerListString.indexOf($scope.selection[i]) > -1) {
-                    $scope.selectInstallers.push($scope.selection[i]);
-                }
-            }
-
-            $scope.colspan=$scope.selectProjects.length;
-            //when some selection is empty, we set it full
-            if($scope.selectInstallers.length==0){
-                $scope.selectInstallers=$scope.installerList;
-
-            }
-            if($scope.selectProjects.length==0){
-                $scope.selectProjects=$scope.projectList;
-                $scope.colspan=$scope.tableDataAll.colspan;
-            }
-            if($scope.selectStatus.length==0){
-                $scope.selectStatus=$scope.statusList
-            }
-        }
-
-
-        //find all same element index
+        //find all same element index 
         function getSameElementIndex(array, element) {
             var indices = [];
             var idx = array.indexOf(element);
@@ -424,64 +284,31 @@ angular.module('opnfvApp')
 
         }
 
-
-        $scope.VersionOption = [
-            { title: 'Colorado' },
-            { title: 'Master' }
-        ];
-        $scope.VersionConfig = {
-            create: true,
-            valueField: 'title',
-            labelField: 'title',
-            delimiter: '|',
-            maxItems: 1,
-            placeholder: 'Version',
-            onChange: function (value) {
-                checkElementArrayValue($scope.selection, $scope.VersionOption);
-                $scope.selection.push(value);
-                // console.log($scope.selection);
-
+        function radioSetting(array1, array2, array3) {
+            var tempVersion = [];
+            var tempLoop = [];
+            var tempTime = [];
+            for (var i = 0; i < array1.length; i++) {
+                var temp = {
+                    title: array1[i]
+                };
+                tempVersion.push(temp);
             }
-
-        }
-
-        $scope.LoopOption = [
-            { title: 'Daily' },
-            { title: 'Weekly' },
-            { title: 'Monthly' }
-        ];
-        $scope.LoopConfig = {
-            create: true,
-            valueField: 'title',
-            labelField: 'title',
-            delimiter: '|',
-            maxItems: 1,
-            placeholder: 'Loop',
-            onChange: function (value) {
-                checkElementArrayValue($scope.selection, $scope.LoopOption);
-                $scope.selection.push(value);
-                // console.log($scope.selection);
-
+            for (var i = 0; i < array2.length; i++) {
+                var temp = {
+                    title: array2[i]
+                };
+                tempLoop.push(temp);
             }
-        }
-
-        $scope.TimeOption = [
-            { title: '10 days' },
-            { title: '1 month' }
-        ];
-        $scope.TimeConfig = {
-            create: true,
-            valueField: 'title',
-            labelField: 'title',
-            delimiter: '|',
-            maxItems: 1,
-            placeholder: 'Time',
-            onChange: function (value) {
-                checkElementArrayValue($scope.selection, $scope.TimeOption);
-                $scope.selection.push(value);
-                // console.log($scope.selection)
-
+            for (var i = 0; i < array3.length; i++) {
+                var temp = {
+                    title: array3[i]
+                };
+                tempTime.push(temp);
             }
+            $scope.VersionOption = tempVersion;
+            $scope.LoopOption = tempLoop;
+            $scope.TimeOption = tempTime;
         }
 
         //remove element in the array
@@ -508,13 +335,51 @@ angular.module('opnfvApp')
 
             if (idx > -1) {
                 $scope.selection.splice(idx, 1);
-            }
-            else {
+                filterData($scope.selection)
+            } else {
                 $scope.selection.push(status);
+                filterData($scope.selection)
             }
-            console.log($scope.selection);
-            filterData();
+            // console.log($scope.selection);
 
         }
 
-    }]);
+        //filter function
+        function filterData(selection) {
+
+            $scope.selectInstallers = [];
+            $scope.selectProjects = [];
+            $scope.selectStatus = [];
+            for (var i = 0; i < selection.length; i++) {
+                if ($scope.statusListString.indexOf(selection[i]) > -1) {
+                    $scope.selectStatus.push(selection[i]);
+                }
+                if ($scope.projectListString.indexOf(selection[i]) > -1) {
+                    $scope.selectProjects.push(selection[i]);
+                }
+                if ($scope.installerListString.indexOf(selection[i]) > -1) {
+                    $scope.selectInstallers.push(selection[i]);
+                }
+            }
+
+            $scope.colspan = $scope.selectProjects.length;
+            //when some selection is empty, we set it full
+            if ($scope.selectInstallers.length == 0) {
+                $scope.selectInstallers = $scope.installerList;
+
+            }
+            if ($scope.selectProjects.length == 0) {
+                $scope.selectProjects = $scope.projectList;
+                $scope.colspan = $scope.tableDataAll.colspan;
+            }
+            if ($scope.selectStatus.length == 0) {
+                $scope.selectStatus = $scope.statusList
+            }
+
+            // console.log($scope.selectStatus);
+            // console.log($scope.selectProjects);
+
+        }
+
+
+    }]);
\ No newline at end of file
diff --git a/utils/test/reporting/pages/app/scripts/data.json b/utils/test/reporting/pages/app/scripts/data.json
deleted file mode 100644
index a15fdf37e..000000000
--- a/utils/test/reporting/pages/app/scripts/data.json
+++ /dev/null
@@ -1,76 +0,0 @@
-
-{"scenarios": {
-    "os-nosdn-kvm-noha": {
-        "status": "Success",
-        "installers": {
-            "apex": [
-                {
-                    "project": "Deployment",
-                    "score": "13/14",
-                    "status": "SUCCESS"
-                },
-                {
-                    "project": "Functest",
-                    "score": "13/14",
-                    "status": "SUCCESS"
-                },
-                {
-                    "project": "Yardstick",
-                    "socre": "13/14",
-                    "status": "SUCCESS"
-                }
-            ],
-            "compass": [
-                {
-                    "project": "Deployment",
-                    "score": "13/14",
-                    "status": "SUCCESS"
-                },
-                {
-                    "project": "Functest",
-                    "score": "13/14",
-                    "status": "SUCCESS"
-                },
-                {
-                    "project": "Yardstick",
-                    "socre": "13/14",
-                    "status": "SUCCESS"
-                }
-            ],
-            "fuel": [
-                {
-                    "project": "Deployment",
-                    "score": "13/14",
-                    "status": "SUCCESS"
-                },
-                {
-                    "project": "Functest",
-                    "score": "13/14",
-                    "status": "SUCCESS"
-                },
-                {
-                    "project": "Yardstick",
-                    "socre": "13/14",
-                    "status": "SUCCESS"
-                }
-            ],
-            "joid": [
-                {
-                    "project": "Deployment",
-                    "score": "13/14",
-                    "status": "SUCCESS"
-                },
-                {
-                    "project": "Functest",
-                    "score": "13/14",
-                    "status": "SUCCESS"
-                },
-                {
-                    "project": "Yardstick",
-                    "socre": "13/14",
-                    "status": "SUCCESS"
-                }
-            ]
-        }
-    }
-}}
diff --git a/utils/test/reporting/pages/app/scripts/factory/table.factory.js b/utils/test/reporting/pages/app/scripts/factory/table.factory.js
index 22443221e..a2e2aeff0 100644
--- a/utils/test/reporting/pages/app/scripts/factory/table.factory.js
+++ b/utils/test/reporting/pages/app/scripts/factory/table.factory.js
@@ -4,17 +4,23 @@
  * get data factory
  */
 angular.module('opnfvApp')
-    .factory('TableFactory', function ($resource, $rootScope) {
-        // var baseUrl = base_Url;
+    .factory('TableFactory', function($resource, $rootScope) {
 
         return {
-            getFilter: function () {
-                return $resource(baseUrl + '/', {}, {
-                    'post': {
-                        method: 'POST',
+            getFilter: function() {
+                return $resource(BASE_URL + '/filters', {}, {
+                    'get': {
+                        method: 'GET',
 
                     }
                 });
+            },
+            getScenario: function() {
+                return $resource(BASE_URL + '/scenarios', {}, {
+                    'post': {
+                        method: 'POST',
+                    }
+                })
             }
         };
-    });
+    });
\ No newline at end of file
diff --git a/utils/test/reporting/pages/app/styles/custome.css b/utils/test/reporting/pages/app/styles/custome.css
index dadc68a03..b498cf04d 100644
--- a/utils/test/reporting/pages/app/styles/custome.css
+++ b/utils/test/reporting/pages/app/styles/custome.css
@@ -1,8 +1,8 @@
 .container-tablesize {
-     margin: auto 5%;
+    margin: auto 5%;
 }
 
-.btn-outline  {
+.btn-outline {
     border-color: white;
 }
 
@@ -29,6 +29,68 @@
 }
 
 .myhr {
-    border:0.5px dashed #e7eaec;
-    border-top:1px;margin-bottom: 3px;
-}
\ No newline at end of file
+    border: 0.5px dashed #e7eaec;
+    border-top: 1px;
+    margin-bottom: 3px;
+}
+
+td.null {
+    background-color: #e7eaec;
+    color: #e7eaec;
+}
+
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"].disabled,
+input[type="checkbox"].disabled,
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"] {
+    cursor: not-allowed;
+    display: none;
+}
+
+body,
+html {
+    margin: 0;
+    padding: 0;
+    min-height: 100%;
+}
+
+
+/*img[usemap] {
+    border: none;
+    height: auto;
+    max-width: 100%;
+    width: auto;
+}*/
+
+.popup {
+    position: absolute;
+    display: none;
+    /*background-color: #dd8;*/
+    border-radius: 5px 5px 5px 5px;
+    background-color: #f3f3f4;
+    opacity: 0.9;
+}
+
+
+/*
+body {
+    height: 1200px;
+}
+
+html {
+    min-height: 100%;
+}*/
+
+
+/*html,
+body {
+    height: 100%;
+}
+
+#page-wrapper {
+    position: inherit;
+    margin: 0 0 0 220px;
+    min-height: 773px;
+}*/
\ No newline at end of file
diff --git a/utils/test/reporting/pages/app/styles/fonts/glyphicons-halflings-regular.svg b/utils/test/reporting/pages/app/styles/fonts/glyphicons-halflings-regular.svg
index 187805af6..94fb5490a 100644
--- a/utils/test/reporting/pages/app/styles/fonts/glyphicons-halflings-regular.svg
+++ b/utils/test/reporting/pages/app/styles/fonts/glyphicons-halflings-regular.svg
@@ -285,4 +285,4 @@
 <glyph unicode="&#x1f511;" d="M250 1200h600q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-150v-500l-255 -178q-19 -9 -32 -1t-13 29v650h-150q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM400 1100v-100h300v100h-300z" />
 <glyph unicode="&#x1f6aa;" d="M250 1200h750q39 0 69.5 -40.5t30.5 -84.5v-933l-700 -117v950l600 125h-700v-1000h-100v1025q0 23 15.5 49t34.5 26zM500 525v-100l100 20v100z" />
 </font>
-</defs></svg>
+</defs></svg> 
\ No newline at end of file
diff --git a/utils/test/reporting/pages/app/views/commons/table.html b/utils/test/reporting/pages/app/views/commons/table.html
index ed9300edd..f504bd76b 100644
--- a/utils/test/reporting/pages/app/views/commons/table.html
+++ b/utils/test/reporting/pages/app/views/commons/table.html
@@ -29,81 +29,85 @@
                     <div class=" col-md-12" data-toggle="buttons" aria-pressed="false">
 
                         <label> Status </label> &nbsp;&nbsp; &nbsp;
-                          <label class="btn btn-outline btn-success btn-sm" style="height:25px; margin-right: 5px;" ng-repeat="status in statusList"
-                           value={{status}} ng-checked="selection.indexOf(status)>-1" ng-click="toggleSelection(status)">
+                        <label class="btn btn-outline btn-success btn-sm" style="height:25px; margin-right: 5px;" ng-repeat="status in statusList" value={{status}} ng-checked="selection.indexOf(status)>-1" ng-click="toggleSelection(status)">
                               <input type="checkbox"  disabled="disabled" > {{status}}
+                            
                           </label>
                     </div>
 
-                <hr class="myhr">
+                    <hr class="myhr">
 
                     <div class=" col-md-12" data-toggle="buttons">
-                     <label> Projects </label> &nbsp;
-                        <label class="btn btn-outline btn-success btn-sm " style="height:25px;margin-right: 5px;" ng-repeat="project in projectList"
-                        value={{project}} ng-checked="selection.indexOf(project)>-1" ng-click="toggleSelection(project)">
+                        <label> Projects </label> &nbsp;
+                        <label class="btn btn-outline btn-success btn-sm " style="height:25px;margin-right: 5px;" ng-repeat="project in projectList" value={{project}} ng-checked="selection.indexOf(project)>-1" ng-click="toggleSelection(project)">
                             <input type="checkbox" disabled="disabled"> {{project}}
                         </label>
 
                     </div>
-              <hr class="myhr">
+                    <hr class="myhr">
                     <div class=" col-md-12" data-toggle="buttons">
                         <label> Installers </label>
-                            <label class="btn btn-outline btn-success btn-sm" style="height:25px;margin-right: 5px;" ng-repeat="installer in installerList"
-                            value={{installer}} ng-checked="selection.indexOf(installer)" ng-click="toggleSelection(installer)">
+                        <label class="btn btn-outline btn-success btn-sm" style="height:25px;margin-right: 5px;" ng-repeat="installer in installerList" value={{installer}} ng-checked="selection.indexOf(installer)>-1" ng-click="toggleSelection(installer)">
                             <input type="checkbox" disabled="disabled"> {{installer}}
                             </label>
-                   </div>
+                    </div>
 
-                <hr style="border:0.5px dashed #e7eaec;border-top:1px;margin-bottom:10px;">
+                    <hr style="border:0.5px dashed #e7eaec;border-top:1px;margin-bottom:10px;">
 
 
-                <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
-                    <selectize options="VersionOption" ng-model="VersionSelected" config="VersionConfig"></selectize>
+                    <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
+                        <selectize options="VersionOption" ng-model="VersionSelected" config="VersionConfig"></selectize>
 
-                </div>
+                    </div>
 
-                <div class=" col-md-1" style="margin-top:5px;margin-left: 5px;margin-right: 5px;">
-                     <selectize options="LoopOption" ng-model="LoopCiSelected" config="LoopConfig"></selectize>
+                    <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
+                        <selectize options="LoopOption" ng-model="LoopCiSelected" config="LoopConfig"></selectize>
 
-                </div>
+                    </div>
 
-                <div class=" col-md-1" style="margin-top:5px;margin-left: 5px;margin-right: 5px;">
-                     <selectize options="TimeOption" ng-model="TimeSelected" config="TimeConfig"></selectize>
+                    <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
+                        <selectize options="TimeOption" ng-model="TimeSelected" config="TimeConfig"></selectize>
+                    </div>
                 </div>
+                <div class="table-responsive">
+
+                    <table class="table table-bordered" id="table" ng-model="tableDataAll">
+                        <thead class="thead">
+                            <tr>
+                                <th>Scenario </th>
+                                <th colspan={{colspan}} ng-show="selectInstallers.indexOf(key)!=-1" value={{key}} ng-repeat="key in tableDataAll.Installer"><a href="notfound.html">{{key}}</a> </th>
+                            </tr>
 
+                            <tr>
 
-</div>
+                                <td></td>
+                                <td ng-show="selectProjects.indexOf(project[0])!=-1 && selectInstallers.indexOf(project[1])!=-1" ng-repeat="project in tableDataAll.Projects track by $index" data={{project[1]}} value={{project[0]}}>{{project[0]}}</td>
 
-<table class="table table-bordered" id="table" ng-model="tableDataAll">
-    <thead class="thead">
-        <tr >
-            <th>Scenario </th>
-            <th colspan={{colspan}} ng-show="selectInstallers.indexOf(key)!=-1" value={{key}} ng-repeat="key in tableDataAll.Installer"><a href="notfound.html">{{key}}</a> </th>
-        </tr>
+                            </tr>
+                        </thead>
+                        <tbody class="tbody">
+                            <tr ng-repeat="scenario in tableDataAll.scenario" ng-show="selectStatus.indexOf(scenario.status)!=-1">
 
-        <tr>
+                                <td nowrap="nowrap" data={{scenario.status}}><span class="fa fa-circle text-{{scenario.statusDisplay}}"></span> <a href="notfound.html">{{scenario.scenarioName}}</a> </td>
 
-            <td align="justify"></td>
-            <td align="justify" ng-show="selectProjects.indexOf(project[0])!=-1 && selectInstallers.indexOf(project[1])!=-1" ng-repeat="project in tableDataAll.Projects track by $index" data={{project[1]}} value={{project[0]}}>{{project[0]}}</td>
-        </tr>
-    </thead>
-    <tbody class="tbody">
-        <tr ng-repeat="scenario in tableDataAll.scenario" ng-show="selectStatus.indexOf(scenario.status)!=-1" >
+                                <!--<td style="background-color:#e7eaec" align="justify" ng-if="data[0]=='Not Support'" ng-repeat="data in scenario.datadisplay track by $index" data={{data[1]}} value={{data[2]}}></td>-->
 
-            <td align="justify" data={{scenario.status}}><span class="fa fa-circle text-warning"><a href="notfound.html">{{scenario.scenarioName}}</a></span> </td>
-            <td align="justify" ng-show="selectInstallers.indexOf(data[2])!=-1 && selectProjects.indexOf(data[1])!=-1" ng-repeat="data in scenario.datadisplay track by $index" data={{data[1]}} value={{data[2]}} ><span class="label label-danger">D<a href="notfound.html"></a></span> {{data[0]}}</td>
-        </tr>
-    </tbody>
-</table>
+                                <td nowrap="nowrap" ng-show="selectInstallers.indexOf(data[2])!=-1 && selectProjects.indexOf(data[1])!=-1" ng-repeat="data in scenario.datadisplay track by $index" data={{data[1]}} value={{data[2]}} class={{data[0]}}>
+                                    <span class="label label-{{data[3]}}">{{data[4]}}</a></span> {{data[0]}}</td>
 
-                <div class="pull-right">
-                <span class="label label-danger">D</span>danger<span style="padding-left:20px"></span>
-                <span class="label label-primary">S</span><span>success</span><span style="padding-left:20px"></span>
-                <span class="label label-warning">W</span><span>warning</span>
 
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+
+                <div class="pull-right" style="margin-top: 5px">
+                    <span class="label label-danger">G</span>gold<span style="padding-left:20px"></span>
+                    <span class="label label-primary">P</span><span>platinium</span><span style="padding-left:20px"></span>
+                    <span class="label label-warning">S</span><span>silver</span>
                 </div>
+            </div>
         </div>
     </div>
-</div>
 
-</section>
+</section>
\ No newline at end of file
diff --git a/utils/test/reporting/pages/app/views/main.html b/utils/test/reporting/pages/app/views/main.html
index 1e3fe9e5a..cca893713 100644
--- a/utils/test/reporting/pages/app/views/main.html
+++ b/utils/test/reporting/pages/app/views/main.html
@@ -1,186 +1,171 @@
-
 <div class="navbar-wrapper">
-  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
-    <div class="container">
-      <div class="navbar-header page-scroll">
-        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
-          aria-controls="navbar">
+    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+        <div class="container">
+            <div class="navbar-header page-scroll">
+                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                         <span class="sr-only">Toggle navigation</span>
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                     </button>
-        <a class="navbar-brand" href="index.html">OPNFV-DASHBOARD</a>
-      </div>
-      <div id="navbar" class="navbar-collapse collapse">
-        <ul class="nav navbar-nav navbar-right">
-          <li><a href="#page-top">Home</a></li>
-          <li><a href="#DashBoard">DashBoard</a></li>
-          <!--<li><a href="#team">Team</a></li>
+                <a class="navbar-brand" href="index.html">OPNFV-DASHBOARD</a>
+            </div>
+            <div class="navbar-collapse collapse">
+                <ul class="nav navbar-nav navbar-right">
+                    <li><a href="#page-top">Home</a></li>
+                    <li><a href="#DashBoard">DashBoard</a></li>
+                    <li><a ui-sref="select.selectTestCase">TestCase</a></li>
+                    <li><a ui-sref="login">Login</a></li>
+                    <!--<li><a href="#team">Team</a></li>
                         <li><a href="#testimonials">Testimonials</a></li>
                         <li><a href="#pricing">Pricing</a></li>
                         <li><a href="#contact">Contact</a></li>-->
-        </ul>
-      </div>
-    </div>
-  </nav>
+                </ul>
+            </div>
+        </div>
+    </nav>
 </div>
 
 
 <div id="inSlider" class="carousel carousel-fade" data-ride="carousel">
-  <ol class="carousel-indicators">
-    <!--<li data-target="#inSlider" data-slide-to="0" class="active"></li>
+    <ol class="carousel-indicators">
+        <!--<li data-target="#inSlider" data-slide-to="0" class="active"></li>
         <li data-target="#inSlider" data-slide-to="1"></li>-->
-  </ol>
-  <div class="carousel-inner" role="listbox">
-    <div class="item active">
-      <div class="container">
-        <div class="carousel-caption">
-          <h1>OPNFV<br/> facilitates the development and evolution<br/> of NFV components across<br/> various open source ecosystems<br/>
-          </h1>
-          <!--<p>Lorem Ipsum is simply dummy text of the printing.</p>
+    </ol>
+    <div class="carousel-inner" role="listbox">
+        <div class="item active">
+            <div class="container">
+                <div class="carousel-caption">
+                    <h1>OPNFV<br/> facilitates the development and evolution<br/> of NFV components across<br/> various open source ecosystems<br/>
+                    </h1>
+                    <!--<p>Lorem Ipsum is simply dummy text of the printing.</p>
                     <p>-->
-          <a class="btn btn-lg btn-primary" href="#" role="button">READ MORE</a>
-          <!--<a class="caption-link" href="#" role="button">Inspinia Theme</a>-->
-          <!--</p>-->
+                    <a class="btn btn-lg btn-primary" href="#" role="button">READ MORE</a>
+                    <!--<a class="caption-link" href="#" role="button">Inspinia Theme</a>-->
+                    <!--</p>-->
+                </div>
+
+            </div>
+            <!-- Set background for slide in css -->
+            <div class="header-back one" style="background: url('images/header_one.jpg') 50% 0 no-repeat;"></div>
+
         </div>
-        <!--<div class="carousel-image wow zoomIn">
-                    <img src="img/landing/laptop.png" alt="laptop"/>
-                </div>-->
-      </div>
-      <!-- Set background for slide in css -->
-      <div class="header-back one" style="background: url('images/header_one.jpg') 50% 0 no-repeat;"></div>
 
     </div>
-    <!--<div class="item">
-            <div class="container">
-                <div class="carousel-caption blank">
-                    <h1>We create meaningful <br/> interfaces that inspire.</h1>
-                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
-                    <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
-                </div>
-            </div>-->
-    <!-- Set background for slide in css -->
-    <!--<div class="header-back two"></div>
-        </div>-->
-  </div>
-  <!--<a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
-        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-        <span class="sr-only">Previous</span>
-    </a>
-    <a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
-        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-        <span class="sr-only">Next</span>
-    </a>-->
+
 </div>
 
-  <section id="DashBoard" class="container services">
-        <div class="row">
+<section id="DashBoard" class="container services">
+    <div class="row">
 
-            <h1>
-                OPNFV’s goals are to:
-            </h1>
-            <div class="col-sm-3">
+        <h1>
+            OPNFV’s goals are to:
+        </h1>
+        <div class="col-sm-3">
 
-                <p>Develop an integrated and tested open source platform that can be used to build NFV functionality--accelerating
-                    the introduction of new products and services</p>
-                <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
-            </div>
-            <div class="col-sm-3">
+            <p>Develop an integrated and tested open source platform that can be used to build NFV functionality--accelerating the introduction of new products and services</p>
+            <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
+        </div>
+        <div class="col-sm-3">
 
-                <p>Include participation of leading end users to validate that OPNFV meets the needs of user community</p>
-                <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
-            </div>
-            <div class="col-sm-3">
+            <p>Include participation of leading end users to validate that OPNFV meets the needs of user community</p>
+            <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
+        </div>
+        <div class="col-sm-3">
 
-                <p>Contribute to and participate in relevant open source projects that will be leveraged in the OPNFV platform;
-                    ensuring consistency, performance and interoperability among open source components</p>
-                <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
-            </div>
-            <div class="col-sm-3">
+            <p>Contribute to and participate in relevant open source projects that will be leveraged in the OPNFV platform; ensuring consistency, performance and interoperability among open source components</p>
+            <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
+        </div>
+        <div class="col-sm-3">
 
-                <p>Establish an ecosystem for NFV solutions based on open standards and software to meet the needs of end users</p>
-                <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
-            </div>
-            <div class="col-sm-3">
+            <p>Establish an ecosystem for NFV solutions based on open standards and software to meet the needs of end users</p>
+            <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
+        </div>
+        <div class="col-sm-3">
 
-                <p>Promote OPNFV as the preferred platform and community for open source NFV</p>
-                <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
-            </div>
+            <p>Promote OPNFV as the preferred platform and community for open source NFV</p>
+            <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
         </div>
-    </section>
+    </div>
+</section>
 
 
 <div ui-view></div>
 
 <section id="contact" class="gray-section contact" style="background-image: url(images/word_map.png)">
-  <div class="container">
-    <div class="row m-b-lg">
-      <div class="col-lg-12 text-center">
-        <div class="navy-line"></div>
-        <h1>Contact Us</h1>
-      </div>
-    </div>
-    <div class="row m-b-lg">
-      <div class="col-lg-3 col-lg-offset-3">
-        <address>
+    <div class="container">
+        <div class="row m-b-lg">
+            <div class="col-lg-12 text-center">
+                <div class="navy-line"></div>
+                <h1>Contact Us</h1>
+            </div>
+        </div>
+        <div class="row m-b-lg">
+            <div class="col-lg-3 col-lg-offset-3">
+                <address>
           <strong><span class="navy">Press, Analyst, or Speaking Inquiries</span></strong><br/> pr@opnfv.org
           <br/>
         </address>
-        <address>
+                <address>
           <strong><span class="navy">OPNFV Events</span></strong><br/> events@opnfv.org
           <br/>
         </address>
-        <address>
+                <address>
           <strong><span class="navy">IT Support</span></strong><br/>opnfv-helpdesk@rt.linuxfoundation.org
           <br/>
         </address>
-      </div>
+            </div>
 
-      <div class="col-lg-4">
-        <address>
+            <div class="col-lg-4">
+                <address>
           <strong><span class="navy">To submit and track bugs related to OPNFV</span></strong><br/>Please visit https://jira.opnfv.org
           <br/>
         </address>
-        <address>
+                <address>
           <strong><span class="navy">Newsletter</span></strong><br/>Sign up for the OPNFV newsletter
           <br/>
         </address>
-        <address>
+                <address>
           <strong><span class="navy">Membership</span></strong><br/>Please visit the Join as a Member page
           <br/>
         </address>
 
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-lg-12 text-center">
-        <img src="images/logo.png" />
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-lg-12 text-center">
+                <img src="images/logo.png" />
 
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
-        <p><strong>&copy; 2016 Open Platform for NFV Project, Inc</strong><br/> A Linux Foundation Collaborative Project. All
-          Rights Reserved. Open Platform for NFV and OPNFV are trademarks of the Open Platform for NFV Project, Inc. Linux
-          Foundation is a registered trademark of The Linux Foundation. Linux is a registered trademark of Linus Torvalds.
-          Please see our terms of use, trademark policy, and privacy policy.
-        </p>
-      </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
+                <p><strong>&copy; 2016 Open Platform for NFV Project, Inc</strong><br/> A Linux Foundation Collaborative Project. All Rights Reserved. Open Platform for NFV and OPNFV are trademarks of the Open Platform for NFV Project, Inc. Linux Foundation
+                    is a registered trademark of The Linux Foundation. Linux is a registered trademark of Linus Torvalds. Please see our terms of use, trademark policy, and privacy policy.
+                </p>
+            </div>
+        </div>
     </div>
-  </div>
 </section>
 
 <script>
+    $(document).ready(function() {
 
-    $(document).ready(function () {
+        // $('body').scrollspy({
+        //     target: '.navbar-fixed-top',
+        //     offset: 80
+        // });
 
-        $('body').scrollspy({
-            target: '.navbar-fixed-top',
-            offset: 80
+        //Page scrolling feature
+        $('a.page-scroll').bind('click', function(event) {
+            var link = $(this);
+            $('html, body').stop().animate({
+                scrollTop: $(link.attr('href')).offset().top - 50
+            }, 500);
+            event.preventDefault();
+            $("#navbar").collapse('hide');
         });
 
-        // Page scrolling feature
         $('a.page-scroll').bind('click', function(event) {
             var link = $(this);
             $('html, body').stop().animate({
@@ -190,63 +175,56 @@
             $("#navbar").collapse('hide');
         });
 
-
-          console.log(  $("selectVersion").val());
-
     });
 
-            // $(".select2_demo_1").select2();
-            // $(".select2_demo_2").select2();
-            // $(".select2_demo_3").select2({
-            //     placeholder: "Version",
-            //     allowClear: true
-            // });
-            //   $(".select2_demo_4").select2({
-            //     placeholder: "Period",
-            //     allowClear: true
-            // });
-
-
     var config = {
-                '.chosen-select'           : {},
-                '.chosen-select-deselect'  : {allow_single_deselect:true},
-                '.chosen-select-no-single' : {disable_search_threshold:10},
-                '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
-                '.chosen-select-width'     : {width:"95%"}
-                }
-            for (var selector in config) {
-                $(selector).chosen(config[selector]);
-            }
+        '.chosen-select': {},
+        '.chosen-select-deselect': {
+            allow_single_deselect: true
+        },
+        '.chosen-select-no-single': {
+            disable_search_threshold: 10
+        },
+        '.chosen-select-no-results': {
+            no_results_text: 'Oops, nothing found!'
+        },
+        '.chosen-select-width': {
+            width: "95%"
+        }
+    }
+    for (var selector in config) {
+        $(selector).chosen(config[selector]);
+    }
 
     var cbpAnimatedHeader = (function() {
         var docElem = document.documentElement,
-                header = document.querySelector( '.navbar-default' ),
-                didScroll = false,
-                changeHeaderOn = 200;
+            header = document.querySelector('.navbar-default'),
+            didScroll = false,
+            changeHeaderOn = 200;
+
         function init() {
-            window.addEventListener( 'scroll', function( event ) {
-                if( !didScroll ) {
+            window.addEventListener('scroll', function(event) {
+                if (!didScroll) {
                     didScroll = true;
-                    setTimeout( scrollPage, 250 );
+                    setTimeout(scrollPage, 250);
                 }
-            }, false );
+            }, false);
         }
+
         function scrollPage() {
             var sy = scrollY();
-            if ( sy >= changeHeaderOn ) {
+            if (sy >= changeHeaderOn) {
                 $(header).addClass('navbar-scroll')
-            }
-            else {
+            } else {
                 $(header).removeClass('navbar-scroll')
             }
             didScroll = false;
         }
+
         function scrollY() {
             return window.pageYOffset || docElem.scrollTop;
         }
         init();
 
     })();
-
-
-</script>
+</script>
\ No newline at end of file
diff --git a/utils/test/reporting/pages/bower.json b/utils/test/reporting/pages/bower.json
index dd0996d18..bfc4df3d9 100644
--- a/utils/test/reporting/pages/bower.json
+++ b/utils/test/reporting/pages/bower.json
@@ -1,32 +1,47 @@
 {
-  "name": "opnfv",
-  "version": "0.0.0",
-  "dependencies": {
-    "angular": "^1.4.0",
-    "bootstrap": "^3.2.0",
-    "angular-animate": "^1.4.0",
-    "jquery-slimscroll": "slimscroll#^1.3.8",
-    "metisMenu": "~2.0.2",
-    "chosen": "^1.6.2",
-    "oclazyload": "^1.0.9",
-    "angular-bootstrap": "~1.1.2",
-    "angular-ui-router": "~0.2.15",
-    "angular-resource": "^1.6.0",
-    "angular-selectize2": "^3.0.1",
-    "components-font-awesome": "^4.7.0"
-  },
-  "devDependencies": {
-    "angular-mocks": "^1.4.0"
-  },
-  "appPath": "app",
-  "moduleName": "opnfvApp",
-  "overrides": {
-    "bootstrap": {
-      "main": [
-        "less/bootstrap.less",
-        "dist/css/bootstrap.css",
-        "dist/js/bootstrap.js"
-      ]
+    "name": "opnfv",
+    "version": "0.0.0",
+    "dependencies": {
+        "angular": "^1.4.0",
+        "bootstrap": "^3.2.0",
+        "angular-animate": "^1.4.0",
+        "jquery-slimscroll": "slimscroll#^1.3.8",
+        "metisMenu": "~2.0.2",
+        "chosen": "^1.6.2",
+        "oclazyload": "^1.0.9",
+        "angular-bootstrap": "~1.1.2",
+        "angular-ui-router": "~0.2.15",
+        "angular-resource": "^1.6.0",
+        "angular-selectize2": "^3.0.1",
+        "components-font-awesome": "^4.7.0",
+        "angular-tooltips": "^1.1.8",
+        "jQuery-rwdImageMaps": "*",
+        "animate.css": "^3.5.2",
+        "ng-dialog": "^1.0.0",
+        "inspiniacss": "^0.0.1"
+    },
+    "devDependencies": {
+        "angular-mocks": "^1.4.0"
+    },
+    "appPath": "app",
+    "moduleName": "opnfvApp",
+    "overrides": {
+        "bootstrap": {
+            "main": [
+                "less/bootstrap.less",
+                "dist/css/bootstrap.css",
+                "dist/js/bootstrap.js"
+            ]
+        },
+        "jQuery-rwdImageMaps": {
+            "main": [
+                "jquery.rwdImageMaps.min.js"
+            ]
+        },
+        "inspiniacss": {
+            "main": [
+                "style.css"
+            ]
+        }
     }
-  }
-}
+}
\ No newline at end of file
diff --git a/utils/test/reporting/pages/test/karma.conf.js b/utils/test/reporting/pages/test/karma.conf.js
index 2b0f41cd3..5c2e79b9f 100644
--- a/utils/test/reporting/pages/test/karma.conf.js
+++ b/utils/test/reporting/pages/test/karma.conf.js
@@ -36,6 +36,7 @@ module.exports = function(config) {
       'bower_components/microplugin/src/microplugin.js',
       'bower_components/selectize/dist/js/selectize.js',
       'bower_components/angular-selectize2/dist/angular-selectize.js',
+      'bower_components/angular-tooltips/dist/angular-tooltips.min.js',
       'bower_components/angular-mocks/angular-mocks.js',
       // endbower
       'app/scripts/**/*.js',
-- 
2.16.6