[cvp-web] Add initial CVP Portal homepage content for release

JIRA: DOVETAIL-563

The CVP portal homepage needs to be modified to support launch
activities. An initial iteration between OPNFV marketing has occurred.
Attached is a deck that outlines a basic left navigation menu and home
content.
We can focus on creating the left navigation and content outlined on
slide 7. The links for the left navigation aren't all flushed out.
Please leave Release Information/CVP Registry link href's blank for now
until we define content for those pages.

Change-Id: I84b8cfb996d336ef666d5a5f6aaabc0d5eebc37b
Signed-off-by: grakiss <grakiss.wanglei@huawei.com>

1 files changed, 99 insertions, 6 deletions

diff --git a/cvp/3rd_party/static/testapi-ui/components/home/home.html b/cvp/3rd_party/static/testapi-ui/components/home/home.html
index 521c972a..27d20eda 100644
--- a/cvp/3rd_party/static/testapi-ui/components/home/home.html
+++ b/cvp/3rd_party/static/testapi-ui/components/home/home.html
@@ -1,6 +1,99 @@
-<div class="row">
-    <div class="col-lg-12" style="font-size:15px">
-        <ul>
-            <li><a href="http://artifacts.opnfv.org/dovetail/docs/testing_user_certificationworkflow/index.html">OPNFV Compliance Verification Program certification workflow </a></li>
-            <li><a href="http://artifacts.opnfv.org/dovetail/docs/testing_user_userguide/index.html">Dovetail Test Tool User Guide </a></li>
-        </ul>
+<div class="container-fluid">
+    <div class="row">
+        <div class="col-md-2 home-category" ng-style="{'height': ctrl.height}">
+            <div class="panel-group" id="accordion">
+                <div class="panel panel-default">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
+                                Governance & Workflow
+                            </a>
+                        </div>
+                    </div>
+                    <div id="collapseOne" class="panel-collapse collapse">
+                        <div class="panel-body">
+                            <div> <a href="https://www.opnfv.org/compliance-verification-program-cvp
+                            " target="_blank">CVP Overview&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                            <div><a target="_blank">CVP Governance&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                            <div><a href="http://docs.opnfv.org/en/latest/submodules/dovetail/docs/testing/user/certificationworkflow/index.html
+                            " target="_blank">CVP Process Workflow&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                            <div><a href="http://docs.opnfv.org/en/latest/submodules/dovetail/docs/testing/user/certificationworkflow/ApplicationForm.html" target="_blank">Application Form&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                            <div><a target="_blank">Approved 3rd Party Labs&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default" style="margin-top:0px">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
+                                Training Resources
+                            </a>
+                        </div>
+                    </div>
+                    <div id="collapseTwo" class="panel-collapse collapse">
+                        <div class="panel-body">
+                            <div><a href="http://docs.opnfv.org/en/latest/submodules/dovetail/docs/testing/user/userguide/testing_guide.html
+                            " target="_blank">Dovetail Test Tool User Guide&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                            <div><a href="https://wiki.opnfv.org/download/attachments/11698759/Dovetail%20CVP%20Tutorial.ppt?version=2&modificationDate=1508175962000&api=v2
+                            " target="_blank">CVP / Dovetail Tutorial Slides&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                            <div><a href="http://docs.opnfv.org/en/latest/submodules/dovetail/docs/testing/user/userguide/cli_reference.html
+                            " target="_blank">Dovetail CLI&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                            <div><a href="http://docs.opnfv.org/en/latest/submodules/dovetail/docs/testing/user/cvpaddendum/index.html
+                            " target="_blank">CVP Guidelines Addendum&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                            <div><a href="http://docs.opnfv.org/en/latest/submodules/dovetail/docs/testing/user/testspecification" target="_blank">Test Specifications&nbsp<span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default" style="margin-top:0px">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+                                Release Information
+                            </a>
+                        </div>
+                    </div>
+                    <div id="collapseThree" class="panel-collapse collapse">
+                        <div class="panel-body">
+                            <div><a target="_blank">FAQ</a></div>
+                            <div><a target="_blank">Known issues</a></div>
+                            <div><a target="_blank">Dovetail and dependent container versioning</a></div>
+                            <div><a target="_blank">Other - TBD</a></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default" style="margin-top:0px">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
+                                CVP Registry
+                            </a>
+                        </div>
+                    </div>
+                    <div id="collapseFour" class="panel-collapse collapse">
+                        <div class="panel-body">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-md-10">
+            <div class="common-main-container">
+                <div class="home-content-title">
+                    <h1>OPNFV is offering a Compliance Verification Program (CVP) that verifies products and services with the "OPNFV Verified" mark.</h1>
+                </div>
+                <div>
+                    <h3 class="home-content-text">
+                        The program is intended to demonstrate the readiness and availability of commercial products based on OPNFV.
+                        Verified products submitted by respective vendors are expected to dierentiate themselves with dierent features
+                        and capabilities but remain compliant by implementing explicitly defined interfaces, behaviors, and key features.
+                        Get started with your CVP application today.
+                    </h3>
+                </div>
+                <div>
+                    <img class="home-content-img" src="testapi-ui/assets/img/icon.png" />
+                </div>
+            </div>
+        </div>
+    </div>
+</div>