ONAP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2Header.html

   1 <div class="header-main-div" >
   2         <header class="b2b-header-tabs" b2b-header-responsive ng-show="{{showHeader}}">
   3                 <ul class="header__items" role="navigation">
   4                         <li class="header__item icon__item" tabindex="0" ng-click="returnToPortal()">
   5                                 <span class="globe-text">ONAP Portal</span>
   6                         </li>
   7                         <li b2b-header-menu class="header__item b2b-headermenu" ng-repeat="item in menuItems" role="presentation">
   8                                 <a href="javascript:void(0);"   class="menu__item" role="menuitem" ng-bind="item.text"></a>
   9                                 <div class="header-secondary-wrapper">
  10                                         <ul class="header-secondary" role="menu">
  11                                                 <li class="header-subitem" b2b-header-submenu
  12                                                         ng-repeat="secondLevMenu in item.children" role="presentation">
  13                                                         <a href="{{secondLevMenu.action}}"      ng-if="secondLevMenu.childMenus.length==0" class="menu__item"   role="menuitem" ng-bind="secondLevMenu.label"></a>
  14                                                         <a href="javascript:void(0);" ng-if="secondLevMenu.childMenus.length!=0" class="menu__item"     role="menuitem" ng-bind="secondLevMenu.label" ></a>
  15                                                         <div class="header-tertiary-wrapper">
  16                                                                 <ul class="header-tertiary" role="menu">
  17                                                                         <li b2b-header-tertiarymenu ng-repeat="thirdLevMenu in secondLevMenu.childMenus"role="presentation">
  18                                                                                 <a href="{{thirdLevMenu.action}}"role="menuitem" aria-haspopup="true" ng-bind="thirdLevMenu.label"></a>
  19                                                                         </li>
  20                                                                 </ul>
  21                                                         </div>
  22                                                 </li>
  23                                         </ul>
  24                                 </div></li>
  25                         <li class="header__item profile">
  26                         <b2b-flyout>
  27                                 <div b2b-flyout-toggler class="header-profile" >
  28                                         <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>
  29                                 <div id="login-snippet-text" class="login-snippet-text">{{userFirstName}}</div>
  30                                 </div>
  31                     <b2b-flyout-content horizontal-placement="center" vertical-placement="below">
  32                                         <div>
  33                                                 <div id="reg-header-snippet">
  34                                                         <div tabindex="0" class="reg-profileDetails" id="reg-profiledetails-id">
  35                                                                 <ul class="reg-Details-table">
  36                                                                         <li>
  37                                                         <div class="reg-userName-table">
  38                                                             <div id="reg-userName-table-row">
  39                                                                 <div id="reg-userName-table-cell">
  40                                                                     <h3 ng-bind="userName">&nbsp;</h3>
  41                                                                     <span>&nbsp;</span>
  42                                                                 </div>
  43                                                             </div>
  44                                                         </div>
  45                                                     </li>
  46                                                                         <li><div class="reg-userEmail-label"><span class="reg-userEmail-label-spn" style=font-weight:bold>Email<span class="visuallyhidden">:
  47                                                     </span></span></div></li>
  48                                                                         <li><div class="reg-userEmail-value"><span class="reg-userEmail-value-spn">
  49                                                         {{userEmail}}</span></div></li>
  50                                                     <li>&nbsp;</li>
  51                                                                         <li><div class="reg-userRole-label"><span class="reg-userRole-label-spn" style=font-weight:bold>
  52                                                         User Id<span class="visuallyhidden">:</span></span></div></li>
  53                                                                         <li><div class="reg-userRole-value"><span class="reg-userRole-value-spn">
  54                                                         {{userId}}<span class="visuallyhidden"></span></span></div></li>
  55                                                                 </ul>
  56                                                 <div id="reg-logout-div" style="padding-top: 8px">
  57                                                       <a href="logout.htm" id="allLogout" class="btn btn-alt btn-small">
  58                                                                                 Log out
  59                                                                         </a>
  60                                                 </div>
  61                                                 </div>
  62                                                 </div>
  63                                         </div>
  64                     </b2b-flyout-content>
  65                 </b2b-flyout>
  66                 </ul>
  67         </header>
  68 </div>