Create Test Reporting landing page

JIRA: RELENG-165

In this patch, I do the follow things:
1.deploy tornado server(currently I haven't write any backend code,
since the backend code depend on the testapi and I need to
communicate with Serena).

2.landing page code(almostly finished. But I haven't the data, so
for now, the data this page shows is a mock json. When the testapi
and my backend code ready, this page will finally finished)

3.deployment: supervisor + nginx + tornado + angular

usage:
docker run -itd -p 8000:8000 opnfv/reporting:<tag>

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

test api:
http://server_ip:8000/landing-page/filters

visit old reporting page:
http://server_ip:8000/display/master/yardstick/status-apex.html

Change-Id: I527ab2661ce9e84b2942ebe673afbf5f2bc7878f
Signed-off-by: chenjiankun <chenjiankun1@huawei.com>

1 files changed, 109 insertions, 0 deletions

diff --git a/utils/test/reporting/pages/app/views/commons/table.html b/utils/test/reporting/pages/app/views/commons/table.html
new file mode 100644
index 000000000..ed9300edd
--- /dev/null
+++ b/utils/test/reporting/pages/app/views/commons/table.html
@@ -0,0 +1,109 @@
+<section class="container-tablesize">
+    <div class="row  border-bottom white-bg dashboard-header">
+        <div class="row">
+
+            <div class="ibox float-e-margins">
+                <div class="ibox-title">
+                    <h5>Reporting </h5>
+                    <div class="ibox-tools">
+                        <a class="collapse-link">
+                            <i class="fa fa-chevron-up"></i>
+                        </a>
+                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+                            <i class="fa fa-wrench"></i>
+                        </a>
+                        <ul class="dropdown-menu dropdown-user">
+                            <li><a href="#">Config option 1</a>
+                            </li>
+                            <li><a href="#">Config option 2</a>
+                            </li>
+                        </ul>
+                        <a class="close-link">
+                            <i class="fa fa-times"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="ibox-content row">
+
+                    <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)">
+                              <input type="checkbox"  disabled="disabled" > {{status}}
+                          </label>
+                    </div>
+
+                <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)">
+                            <input type="checkbox" disabled="disabled"> {{project}}
+                        </label>
+
+                    </div>
+              <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)">
+                            <input type="checkbox" disabled="disabled"> {{installer}}
+                            </label>
+                   </div>
+
+                <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>
+
+                <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>
+
+                <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>
+
+
+</div>
+
+<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>
+
+            <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 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>
+
+                <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>
+
+                </div>
+        </div>
+    </div>
+</div>
+
+</section>