From 2f66eb616f3b6bc856c70ea56f3b99067e1c4418 Mon Sep 17 00:00:00 2001 From: grakiss Date: Tue, 28 Nov 2017 07:12:45 +0000 Subject: [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 --- .../static/testapi-ui/assets/css/cvp-style.css | 9 ++ .../static/testapi-ui/assets/css/header.css | 36 +++++++ .../static/testapi-ui/assets/css/home/home.css | 29 ++++++ .../static/testapi-ui/assets/css/index.css | 4 + .../static/testapi-ui/assets/img/icon.png | Bin 0 -> 63727 bytes .../static/testapi-ui/assets/img/logo.png | Bin 0 -> 13051 bytes .../components/application/application.html | 2 + .../static/testapi-ui/components/home/home.html | 105 +++++++++++++++++++-- .../testapi-ui/components/home/homeController.js | 16 ++-- .../testapi-ui/components/profile/profile.html | 2 + .../components/results-report/resultsReport.html | 2 + .../testapi-ui/components/results/results.html | 2 + .../static/testapi-ui/components/sut/sut.html | 6 +- cvp/3rd_party/static/testapi-ui/index.html | 6 +- .../static/testapi-ui/shared/header/header.html | 104 ++++++++++---------- 15 files changed, 253 insertions(+), 70 deletions(-) create mode 100644 cvp/3rd_party/static/testapi-ui/assets/css/header.css create mode 100644 cvp/3rd_party/static/testapi-ui/assets/css/home/home.css create mode 100644 cvp/3rd_party/static/testapi-ui/assets/css/index.css create mode 100644 cvp/3rd_party/static/testapi-ui/assets/img/icon.png create mode 100644 cvp/3rd_party/static/testapi-ui/assets/img/logo.png diff --git a/cvp/3rd_party/static/testapi-ui/assets/css/cvp-style.css b/cvp/3rd_party/static/testapi-ui/assets/css/cvp-style.css index 1c4b048e..c54310a7 100644 --- a/cvp/3rd_party/static/testapi-ui/assets/css/cvp-style.css +++ b/cvp/3rd_party/static/testapi-ui/assets/css/cvp-style.css @@ -80,3 +80,12 @@ table .btn.medium { font-weight: 700; font-size: 12px; } + +.common-main-container { + padding-left: 5%; + padding-right: 5%; +} + +a { + cursor: pointer; +} diff --git a/cvp/3rd_party/static/testapi-ui/assets/css/header.css b/cvp/3rd_party/static/testapi-ui/assets/css/header.css new file mode 100644 index 00000000..1df040cf --- /dev/null +++ b/cvp/3rd_party/static/testapi-ui/assets/css/header.css @@ -0,0 +1,36 @@ +.header-container-1 { + height: 80px; + background-color: #383A35; +} + +.header-container-row { + margin-left: 0px; + margin-right: 0px; +} + +.header-container-2 { + height: 30px; + background-color: #383A35; +} + +.header-logo { + height: 80px; + padding-left: 15px; + padding-top: 20px; +} + +.header-title { + font-size: 35px; + color: #fff; + padding-top: 30px; +} + +.header-login { + margin-top: -20px; + margin-right: 10px; +} + +.header-splitline { + height: 5px; + background-color: #27CFC3; +} diff --git a/cvp/3rd_party/static/testapi-ui/assets/css/home/home.css b/cvp/3rd_party/static/testapi-ui/assets/css/home/home.css new file mode 100644 index 00000000..edad09ba --- /dev/null +++ b/cvp/3rd_party/static/testapi-ui/assets/css/home/home.css @@ -0,0 +1,29 @@ +.home-container { + padding-left: 0px; + padding-right: 0px; +} + +.home-category { + border-right-style:solid; + border-left-style:solid; + padding-left: 0px; + padding-right: 0px; +} + +.home-content-title { + margin-top: 40px; + margin-bottom: 20px; + text-align:center; +} + +.home-content-text { + margin-top: 20px; + padding-top: 30px; + text-align: justify; +} + +.home-content-img { + margin-top: 50px; + width: 80%; + padding-left: 10%; +} diff --git a/cvp/3rd_party/static/testapi-ui/assets/css/index.css b/cvp/3rd_party/static/testapi-ui/assets/css/index.css new file mode 100644 index 00000000..ccbaf500 --- /dev/null +++ b/cvp/3rd_party/static/testapi-ui/assets/css/index.css @@ -0,0 +1,4 @@ +.index-header { + padding-left: 0px; + padding-right: 0px; +} diff --git a/cvp/3rd_party/static/testapi-ui/assets/img/icon.png b/cvp/3rd_party/static/testapi-ui/assets/img/icon.png new file mode 100644 index 00000000..444db393 Binary files /dev/null and b/cvp/3rd_party/static/testapi-ui/assets/img/icon.png differ diff --git a/cvp/3rd_party/static/testapi-ui/assets/img/logo.png b/cvp/3rd_party/static/testapi-ui/assets/img/logo.png new file mode 100644 index 00000000..4e9cc04d Binary files /dev/null and b/cvp/3rd_party/static/testapi-ui/assets/img/logo.png differ diff --git a/cvp/3rd_party/static/testapi-ui/components/application/application.html b/cvp/3rd_party/static/testapi-ui/components/application/application.html index bb79340a..5d57fe78 100644 --- a/cvp/3rd_party/static/testapi-ui/components/application/application.html +++ b/cvp/3rd_party/static/testapi-ui/components/application/application.html @@ -8,6 +8,7 @@ +

@@ -249,3 +250,4 @@ urpose. Once we understand more about your product or service, we can determine

+
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 @@ -
-
- +
+
+
+ +
+ +
+
+
+

OPNFV is offering a Compliance Verification Program (CVP) that verifies products and services with the "OPNFV Verified" mark.

+
+
+

+ 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. +

+
+
+ +
+
+
+
+
diff --git a/cvp/3rd_party/static/testapi-ui/components/home/homeController.js b/cvp/3rd_party/static/testapi-ui/components/home/homeController.js index bd1ab0f9..4a31448b 100644 --- a/cvp/3rd_party/static/testapi-ui/components/home/homeController.js +++ b/cvp/3rd_party/static/testapi-ui/components/home/homeController.js @@ -31,12 +31,14 @@ function HomeController($scope, $rootScope, $state) { var ctrl = this; - ctrl.gotoApplication = function(){ - if($rootScope.auth.isAuthenticated){ - $state.go('application'); - }else{ - $rootScope.auth.doSignIn('cas'); - } - } + ctrl.height = $(document).height() - 115; + + ctrl.gotoApplication = function(){ + if($rootScope.auth.isAuthenticated){ + $state.go('application'); + }else{ + $rootScope.auth.doSignIn('cas'); + } + } } })(); diff --git a/cvp/3rd_party/static/testapi-ui/components/profile/profile.html b/cvp/3rd_party/static/testapi-ui/components/profile/profile.html index b41a101c..98b28df5 100644 --- a/cvp/3rd_party/static/testapi-ui/components/profile/profile.html +++ b/cvp/3rd_party/static/testapi-ui/components/profile/profile.html @@ -1,3 +1,4 @@ +

User profile

@@ -36,3 +37,4 @@
+
diff --git a/cvp/3rd_party/static/testapi-ui/components/results-report/resultsReport.html b/cvp/3rd_party/static/testapi-ui/components/results-report/resultsReport.html index a9753c3c..16cfa65d 100644 --- a/cvp/3rd_party/static/testapi-ui/components/results-report/resultsReport.html +++ b/cvp/3rd_party/static/testapi-ui/components/results-report/resultsReport.html @@ -1,3 +1,4 @@ +

Test Run Results

@@ -27,6 +28,7 @@
+
-
- +
+
+
+ + + +
+
+ Compliance Verification Program
- +
+ +
+
+
- +
+
+
+
+
-- cgit 1.2.3-korg