summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2Header.html
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2Header.html')
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2Header.html138
1 files changed, 69 insertions, 69 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2Header.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2Header.html
index ef847518..5c0e2bcc 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2Header.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2Header.html
@@ -1,69 +1,69 @@
-<div style="position:relative;width: 100%;top: 0px;left: 0;background-color: #222;z-index:9999">
- <header class="b2b-header-tabs" b2b-header-responsive ng-show="{{showHeader}}">
- <ul class="header__items" role="navigation">
- <li class="header__item icon__item" tabindex="0">
-
- <!--
- -TODO: needs to be this icon but is not availble
- -->
-
- <span class="globe-text">ECOMP Portal</span>
- </li>
- <li b2b-header-menu class="header__item b2b-headermenu" ng-repeat="item in menuItems" role="presentation">
- <a href="#" class="menu__item" role="menuitem"></a>
- <div class="header-secondary-wrapper">
- <ul class="header-secondary" role="menu">
- <li class="header-subitem" b2b-header-submenu ng-repeat="i in item.subitems" role="presentation">
- <a href="#" class="menu__item" aria-haspopup="{{i.links ? true:false}}" role="menuitem">{{i.value}}</a>
- <div class="header-tertiary-wrapper" ng-if="i.links">
- <ul class="header-tertiary" role="menu">
- <li b2b-header-tertiarymenu ng-repeat="link in i.links" role="presentation">
- <label>{{link.title}}</label>
- <div b2b-tertiary-link ng-repeat="title in link.value">
- <a href="{{link.href}}" class="header-tertiaryitem" ng-if="!title.subitems" aria-haspopup="false" role="menuitem"><span class="b2b-label-hide">{{link.title}}</span>{{title.title}}</a>
- <a href="{{link.href}}" class="header-tertiaryitem" b2b-header-togglemenu ng-if="title.subitems" aria-haspopup="true" role="menuitem"><span class="b2b-label-hide">{{link.title}}</span>{{title.title}}</a>
- <ul class="header-quarternary" role="menu" ng-if="title.subitems">
- <li b2b-header-quarternarymenu role="presentation">
- <a href="{{nav.href}}" ng-repeat="nav in title.subitems" role="menuitem" aria-haspopup="true">
- {{nav.title}}
- </a>
- </li>
- </ul>
- </div>
- </li>
- </ul>
- </div>
- </li>
- </ul>
- </div>
- </li>
- <!--<li class="header__item profile" b2b-header-responsive>-->
- <li class="header__item profile">
-
- <label ng-click="showInfo = !showInfo" class="headerUserName" tabindex="0" ddh-accessibility-click="13,32">
- <!-- Temporarily copied the font file from DS1 to local directory(as DS2 component is not working yet) -->
- <!-- <div class="icon-user-small login-snippet-icon"></div> -->
- <i class="icon-user" style="color:#FFFFFF;"></i>
- <span class="header_profile">{{userFirstName}}</span>
- </label>
-
- <div class="profile-info" ng-class="{'open': showInfo,'': !showInfo}">
- <h6 id="example_source_john-smith">{{userProfile.fullName}}</h6>
- <label for='email'>Email</label> <span id='email'>{{userProfile.email}}</span>
- <label for='profileId'>Organization User ID</label> <span id='profileId'>{{userProfile.orgUserId}}</span>
- <!-- <label for='comp'>Company</label> <span id='comp'>{{userProfile.serviceProviderName}}</span> -->
- <i class="caret"></i>
- <!-- <p>
- <a href="{{userProfile.userProfileUrl}}" style="float: left">My Profile</a>
- <a href="{{userProfile.companyProfileUrl}}" style="float: right">Company Profile</a>
- </p> -->
- <p>
- <a class="btn btn-alt" style="float: right" href="logout.htm">Log Out</a>
- </p>
- </div>
- <div style="width:250px;"></div>
- </li>
- </ul>
- </header>
-
- </div> \ No newline at end of file
+<div class="header-main-div" >
+ <header class="b2b-header-tabs" b2b-header-responsive ng-show="{{showHeader}}">
+ <ul class="header__items" role="navigation">
+ <li class="header__item icon__item" tabindex="0" ng-click="returnToPortal()">
+ <span class="icon-primary-att-globe"></span>
+ <span class="globe-text">ECOMP Portal</span>
+ </li>
+ <li b2b-header-menu class="header__item b2b-headermenu" ng-repeat="item in menuItems" role="presentation">
+ <a href="javascript:void(0);" class="menu__item" role="menuitem" ng-bind="item.text"></a>
+ <div class="header-secondary-wrapper">
+ <ul class="header-secondary" role="menu">
+ <li class="header-subitem" b2b-header-submenu
+ ng-repeat="secondLevMenu in item.children" role="presentation">
+ <a href="{{secondLevMenu.action}}" ng-if="secondLevMenu.childMenus.length==0" class="menu__item" role="menuitem" ng-bind="secondLevMenu.label"></a>
+ <a href="javascript:void(0);" ng-if="secondLevMenu.childMenus.length!=0" class="menu__item" role="menuitem" ng-bind="secondLevMenu.label" ></a>
+ <div class="header-tertiary-wrapper">
+ <ul class="header-tertiary" role="menu">
+ <li b2b-header-tertiarymenu ng-repeat="thirdLevMenu in secondLevMenu.childMenus"role="presentation">
+ <a href="{{thirdLevMenu.action}}"role="menuitem" aria-haspopup="true" ng-bind="thirdLevMenu.label"></a>
+ </li>
+ </ul>
+ </div>
+ </li>
+ </ul>
+ </div></li>
+ <li class="header__item profile">
+ <b2b-flyout>
+ <div b2b-flyout-toggler class="header-profile" >
+ <div class="icon-people-oneperson" id="header-user-icon" tabindex="0" b2b-accessibility-click="13,32" aria-label="notifications" aria-haspopup="true" aria-expanded="{{flyoutOpened}}" role="button"></div>
+ <div id="login-snippet-text" class="login-snippet-text">{{userFirstName}}</div>
+ </div>
+ <b2b-flyout-content horizontal-placement="center" vertical-placement="below">
+ <div>
+ <div id="reg-header-snippet">
+ <div tabindex="0" class="reg-profileDetails" id="reg-profiledetails-id">
+ <ul class="reg-Details-table">
+ <li>
+ <div class="reg-userName-table">
+ <div id="reg-userName-table-row">
+ <div id="reg-userName-table-cell">
+ <h3 ng-bind="userName">&nbsp;</h3>
+ <span>&nbsp;</span>
+ </div>
+ </div>
+ </div>
+ </li>
+ <li><div class="reg-userEmail-label"><span class="reg-userEmail-label-spn" style=font-weight:bold>Email<span class="visuallyhidden">:
+ </span></span></div></li>
+ <li><div class="reg-userEmail-value"><span class="reg-userEmail-value-spn">
+ {{userEmail}}</span></div></li>
+ <li>&nbsp;</li>
+ <li><div class="reg-userRole-label"><span class="reg-userRole-label-spn" style=font-weight:bold>
+ User Id<span class="visuallyhidden">:</span></span></div></li>
+ <li><div class="reg-userRole-value"><span class="reg-userRole-value-spn">
+ {{userId}}<span class="visuallyhidden"></span></span></div></li>
+ </ul>
+ <div id="reg-logout-div" style="padding-top: 8px">
+ <a href="logout.htm" id="allLogout" class="btn btn-alt btn-small">
+ Log out
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </b2b-flyout-content>
+ </b2b-flyout>
+ </ul>
+ </header>
+</div>