summaryrefslogtreecommitdiffstats
path: root/utils/test/reporting/pages/app/views/commons
diff options
context:
space:
mode:
authorchenjiankun <chenjiankun1@huawei.com>2016-12-24 23:08:46 +0000
committerchenjiankun <chenjiankun1@huawei.com>2016-12-30 15:38:08 +0000
commit64605f1cc7117854abb203375deee396e0d65cc1 (patch)
tree42f863658d915c45b18996be37271813385d3f33 /utils/test/reporting/pages/app/views/commons
parent53ed9e36a13d03455fc04b3f54ed290037359f6b (diff)
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>
Diffstat (limited to 'utils/test/reporting/pages/app/views/commons')
-rw-r--r--utils/test/reporting/pages/app/views/commons/table.html109
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>