summaryrefslogtreecommitdiffstats
path: root/cvp/3rd_party/static/testapi-ui/shared/header/header.html
diff options
context:
space:
mode:
authorgrakiss <grakiss.wanglei@huawei.com>2017-11-28 07:12:45 +0000
committerLeo wang <grakiss.wanglei@huawei.com>2017-12-12 02:42:44 +0000
commit2f66eb616f3b6bc856c70ea56f3b99067e1c4418 (patch)
tree2cf8cb3306f8736ce5e404f58fbd6b38b3a2c518 /cvp/3rd_party/static/testapi-ui/shared/header/header.html
parent1ae814717f14e9e04337e5f236b6463c55f282ba (diff)
[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>
Diffstat (limited to 'cvp/3rd_party/static/testapi-ui/shared/header/header.html')
-rw-r--r--cvp/3rd_party/static/testapi-ui/shared/header/header.html104
1 files changed, 50 insertions, 54 deletions
diff --git a/cvp/3rd_party/static/testapi-ui/shared/header/header.html b/cvp/3rd_party/static/testapi-ui/shared/header/header.html
index cf6c8af9..8504b581 100644
--- a/cvp/3rd_party/static/testapi-ui/shared/header/header.html
+++ b/cvp/3rd_party/static/testapi-ui/shared/header/header.html
@@ -1,59 +1,55 @@
-<div class="heading "><a ui-sref="home"></a>
- <div class="pull-left left">
- <img src="testapi-ui/assets/img/opnfv-logo.png" alt="OPNFV">
- </div>
- <h2 style="padding-top:25px;">Compliance Verification Program</h2>
-</div>
-<nav class="navbar navbar-default" role="navigation" ng-controller="HeaderController as header">
- <div class="container-fluid">
- <!-- Brand and toggle get grouped for better mobile display -->
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" ng-click="header.navbarCollapsed = !header.navbarCollapsed">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
+<div class="header-container-1">
+ <div class="row header-container-row">
+ <div class="col-md-3">
+ <a href="/#/" >
+ <img class="stnd dark-version header-logo" alt="OPNFV" src="testapi-ui/assets/img/logo.png" />
+ </a>
+ </div>
+ <div class="col-md-offset-1 header-title">
+ <span class="header-title">Compliance Verification Program</span>
</div>
- <div class="collapse navbar-collapse" id="navbar" uib-collapse="header.navbarCollapsed">
- <ul class="nav navbar-nav">
- <li ng-class="{ active: header.isActive('/')}"><a ui-sref="home">Home</a></li>
- <!--
- <li ng-class="{ active: header.isActive('/about')}"><a ui-sref="about">About</a></li>
- <li ng-class="{ active: header.isActive('/guidelines')}"><a ui-sref="guidelines">OPNFV Ready&#8482; Guidelines</a></li>
- <li ng-class="{ active: header.isActive('/community_results')}"><a ui-sref="communityResults">Community Results</a></li>
-
- <li ng-class="{ active: header.isCatalogActive('public')}" class="dropdown" uib-dropdown>
- <a role="button" class="dropdown-toggle" uib-dropdown-toggle>
- Catalog <strong class="caret"></strong>
- </a>
- <ul class="dropdown-menu">
- <li><a ui-sref="publicVendors">Vendors</a></li>
- <li><a ui-sref="publicProducts">Products</a></li>
- </ul>
- </li>
- -->
- </ul>
- <ul class="nav navbar-nav navbar-right">
- <li ng-class="{ active: header.isActive('/application')}" ng-if="auth.isAuthenticated && auth.currentUser.role.indexOf('administrator') != -1"><a ui-sref="application">Applications</a></li>
- <li ng-class="{ active: header.isActive('/user_results')}" ng-if="auth.isAuthenticated"><a ui-sref="userResults">My Results</a></li>
- <!--
- <li ng-if="auth.isAuthenticated" ng-class="{ active: header.isCatalogActive('user')}" class="dropdown" uib-dropdown>
- <a role="button" class="dropdown-toggle" uib-dropdown-toggle>
- My Catalog <strong class="caret"></strong>
- </a>
- <ul class="dropdown-menu">
- <li><a ui-sref="userVendors">My Vendors</a></li>
- <li><a ui-sref="userProducts">My Products</a></li>
- </ul>
- </li>
- -->
- <li ng-class="{ active: header.isActive('/profile')}" ng-if="auth.isAuthenticated"><a ui-sref="profile">Profile</a></li>
- <li ng-if="auth.isAuthenticated"><a href="" ng-click="auth.doSignOut()">Sign Out</a></li>
- <li ng-if="!auth.isAuthenticated"><a href="" ng-click="auth.doSignIn('cas')">Sign In / Sign Up</a></li>
- </ul>
+ </div>
+</div>
+
+<div class="header-container-2">
+ <div class="row header-container-row">
+ <div>
+ <ul class="nav navbar-nav navbar-right header-login">
+ <!--
+ <li ng-class="{ active: header.isActive('/about')}"><a ui-sref="about">About</a></li>
+ <li ng-class="{ active: header.isActive('/guidelines')}"><a ui-sref="guidelines">OPNFV Ready&#8482; Guidelines</a></li>
+ <li ng-class="{ active: header.isActive('/community_results')}"><a ui-sref="communityResults">Community Results</a></li>
+ <li ng-class="{ active: header.isCatalogActive('public')}" class="dropdown" uib-dropdown>
+ <a role="button" class="dropdown-toggle" uib-dropdown-toggle>
+ Catalog <strong class="caret"></strong>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a ui-sref="publicVendors">Vendors</a></li>
+ <li><a ui-sref="publicProducts">Products</a></li>
+ </ul>
+ </li>
+ <li ng-if="auth.isAuthenticated" ng-class="{ active: header.isCatalogActive('user')}" class="dropdown" uib-dropdown>
+ <a role="button" class="dropdown-toggle" uib-dropdown-toggle>
+ My Catalog <strong class="caret"></strong>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a ui-sref="userVendors">My Vendors</a></li>
+ <li><a ui-sref="userProducts">My Products</a></li>
+ </ul>
+ </li>
+ -->
+ <li ng-class="{ active: header.isActive('/application')}" ng-if="auth.isAuthenticated && auth.currentUser.role.indexOf('administrator') != -1"><a ui-sref="application">Applications</a></li>
+ <li ng-class="{ active: header.isActive('/user_results')}" ng-if="auth.isAuthenticated"><a ui-sref="userResults">My Results</a></li>
+ <li ng-class="{ active: header.isActive('/profile')}" ng-if="auth.isAuthenticated"><a ui-sref="profile">Profile</a></li>
+ <li ng-if="auth.isAuthenticated" style="margin-right:10px"><a href="" ng-click="auth.doSignOut()">Sign Out</a></li>
+ <li ng-if="!auth.isAuthenticated" style="margin-right:10px;"><a href="" ng-click="auth.doSignIn('cas')"><span class="glyphicon glyphicon-user" aria-hidden="true">&nbsp</span>Sign In / Sign Up</a></li>
+ </ul>
</div>
</div>
-</nav>
+</div>
+<div class="container-fluid header-splitline">
+ <div class="row header-container-row">
+ </div>
+</div>