From 04ef201b1e8f5f3dcfde4319854b81c25240e63f Mon Sep 17 00:00:00 2001
From: chenjiankun <chenjiankun1@huawei.com>
Date: Tue, 21 Mar 2017 14:48:54 +0000
Subject: Create Catalogue page

JIRA: RELENG-193

1.create a page to list all project.
2.This page can get test case list of certain project.
3.This page can show information of certain test case.

Change-Id: I79e0d3aafa99c054865a0d2948b99918802f32a7
Signed-off-by: chenjiankun <chenjiankun1@huawei.com>
---
 .../pages/app/views/commons/testCaseVisual.html    | 126 +++++++++++++++++++++
 1 file changed, 126 insertions(+)
 create mode 100644 utils/test/reporting/pages/app/views/commons/testCaseVisual.html

(limited to 'utils/test/reporting/pages/app/views/commons/testCaseVisual.html')

diff --git a/utils/test/reporting/pages/app/views/commons/testCaseVisual.html b/utils/test/reporting/pages/app/views/commons/testCaseVisual.html
new file mode 100644
index 000000000..9d146ba93
--- /dev/null
+++ b/utils/test/reporting/pages/app/views/commons/testCaseVisual.html
@@ -0,0 +1,126 @@
+<!--select page-->
+
+
+<div class="row">
+
+
+    <div class="row  border-bottom white-bg dashboard-header" style="border-radius: 5px 5px 5px 5px ">
+
+        <h3>OPNFV Test ecosystem
+            <small> *mouse over display test case list</small>
+        </h3>
+        <p>There are several projects dealing with integration and testing</p>
+
+        <div>
+            <img src="images/overview.png" usemap="#overview" class="img-responsive">
+            <map name="overview">
+                <area shape="rect" coords={{dovet}} alt="test" href="{{doveturl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('dovetail')"/>
+               <area shape="rect" coords={{functest}} alt="test" href="{{functesturl}}"  onmouseover="pop(event)" ng-mouseover="myTrigger('functest')" />
+                <area shape="rect" coords={{yardstick}} alt="test" href="{{yardstickurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('yardstick')"/>
+                 <area shape="rect" coords={{vsperf}} alt="test" href="{{vsperfurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('vsperf')" />
+                  <area shape="rect" coords={{stor}} alt="test" href="{{storperfurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('storperf')"/>
+                   <area shape="rect" coords={{qtip}} alt="test" href="{{qtipurl}}"  onmouseover="pop(event)" ng-mouseover="myTrigger('qtip')" />
+                    <area shape="rect" coords={{bootleneck}} alt="test"  href="{{bottlenecksurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('bootlenecks')" />
+                     <area shape="rect" coords={{noPopArea1}} alt="test" onmouseover="pophide(event)"  />
+                      <area shape="rect" coords={{noPopArea2}} alt="test"  onmouseover="pophide(event)"  />
+                       <area shape="rect" coords={{noPopArea3}} alt="test"  onmouseover="pophide(event)"  />
+                
+           </map>
+
+        </div>
+    </div>
+    <div style="display: inline-block;">
+        <div class="row  border-bottom white-bg dashboard-header" style="border-radius: 5px 5px 5px 5px;margin-right:30px;margin-top:10px;display:inline-block; ">
+            <h4>Introduction</h4>
+            <p>
+                Testing is still a key challenge for OPNFV.
+            </p>
+            <p>
+                All the projects must manage their test strategy (unit, functional, security, performance)
+            </p>
+            <p>
+                Several specific test projects have been validated by TSC and already deal with:
+                <ul>
+                    <li>Define testcases</li>
+                    <li>Perform tests not covered by a single project</li>
+                    <li>Create tooling</li>
+                    <li>Study Performance end to end</li>
+                </ul>
+            </p>
+
+
+        </div>
+        <div class="row  border-bottom white-bg dashboard-header" style="border-radius: 5px 5px 5px 5px;margin-top:10px;display:inline-block;">
+            <h4>Project details</h4>
+
+            We consider the projects referenced on the wiki main page:
+            <ul>
+                <li>Functest: VIM and NFVI funcionnal testing Umbrella project for functional testing</li>
+                <li>Yardstick: Verification of the infrastructure compliance when running VNF applications.
+                    <br>Umbrella project for performance testing</li>
+                <li>Storperf: Storage Perfomance testing</li>
+                <li>VSperf: Data-plane performance testing</li>
+                <li>CPerf: Controller performance testing</li>
+                <li>Bottlenecks:Detect Bottlenecks in OPNFV solution</li>
+                <li>QTIP: Platform Performance Benchmarking</li>
+                <li>Dovetail: Test OPNFV validation criteria for use of OPNFV trademarks</li>
+            </ul>
+            </p>
+        </div>
+    </div>
+
+
+    <div id="popup" class="popup" style="width: 20%;height: 35%" dw-loading="Key">
+
+        <div ng-show="tableData.length==0">
+            <center>
+                <h3> No Data </h3>
+            </center>
+        </div>
+        <div ng-show="tableData.length!=0">
+
+            <table class="table">
+                <thead>
+                    <tr>
+                        <td>
+                            <h3>Name</h3>
+                        </td>
+                    </tr>
+                </thead>
+
+                <tbody>
+                    <tr dir-paginate="data in tableData | itemsPerPage: 8  track by $index ">
+                        <td><a ng-click="getDetail(data)"> {{data}}</a></td>
+                        <tr>
+
+                </tbody>
+
+            </table>
+
+            <center>
+                <dir-pagination-controls></dir-pagination-controls>
+            </center>
+        </div>
+
+    </div>
+
+
+    <script>
+        $(document).ready(function(e) {
+            $('img[usemap]').rwdImageMaps();
+
+        });
+
+        function pop(e) {
+            var thing = document.getElementById("popup");
+            thing.style.left = e.clientX + 'px';
+            thing.style.top = e.clientY + 'px';
+            setTimeout('$("#popup").show()', 1000);
+            return true;
+        }
+
+        function pophide(e) {
+            $('#popup').hide();
+            return true;
+        }
+    </script>
\ No newline at end of file
-- 
cgit 1.2.3-korg