catalog-ui/app/scripts/directives/ecomp-header/ecomp-header.html

   1 <div class="sdc-ecomp-header-wrapper">
   2
   3     <div class="sdc-ecomp-header">
   4
   5         <div class="sdc-ecomp-logo-wrapper">
   6             <a class="sdc-ecomp-header-title" data-ng-if="clickableLogo==='true'" data-ui-sref="dashboard"><span class="sdc-ecomp-logo"></span>ASDC</a>
   7             <a class="sdc-ecomp-header-title" data-ng-if="clickableLogo==='false'"><span class="sdc-ecomp-logo"></span>ASDC</a>
   8             <div class="sdc-ecomp-header-version"> v.{{version}}</div>
   9         </div>
  10
  11         <div class="sdc-ecomp-menu">
  12
  13             <!-- Top level menu -->
  14             <ul class="sdc-ecomp-menu-top-level">
  15                 <li class="sdc-ecomp-menu-top-level-item"
  16                     ng-repeat="item in megaMenuDataObject"
  17                     data-ng-if="item.children && item.children.length>0"
  18                     >
  19                     <span class="selected" data-ng-if="item.menuId === selectedTopMenu.menuId"></span>
  20                     <a href data-ng-click="firstMenuLevelClick(item.menuId)">{{item.text}}</a>
  21
  22                     <!-- Second level menu -->
  23                     <div class="sdc-ecomp-menu-second-level" data-ng-if="item.menuId === selectedTopMenu.menuId" data-ng-mouseleave="subMenuLeaveAction(item.menuId)">
  24                         <ul>
  25                             <li class="sdc-ecomp-menu-second-level-item"
  26                                 ng-repeat="subItem in selectedTopMenu.children | orderBy : 'column'"
  27                                 aria-label="{{subItem.text}}"
  28                                 data-ng-class="{'sdc-ecomp-menu-item-hover': menuItemHover===true}"
  29                                 ng-mouseover="subMenuEnterAction(subItem.menuId)"
  30                                 ng-mouseenter="menuItemHover=true"
  31                                 ng-mouseleave="menuItemHover=false">
  32
  33                                 <!--<i ng-if="subItem.text=='Favorites'" id="favorite-star" class="icon-star favorites-icon-active"></i>-->
  34
  35                                 <a href title="{{subItem.text}}" data-ng-click="memuItemClick(subItem)">{{subItem.text}}</a>
  36
  37                                 <!-- Third and Four menu panel -->
  38                                 <ul class="sdc-ecomp-menu-third-level" data-ng-if="subItem.menuId === selectedSubMenu.menuId && (selectedSubMenu.children && selectedSubMenu.children.length>0)">
  39                                     <li class="sdc-ecomp-menu-third-level-item"
  40                                         ng-repeat="thirdItem in selectedSubMenu.children | orderBy : 'column'"
  41                                         aria-label="{{thirdItem.text}}">
  42                                         <a class="sdc-ecomp-menu-third-level-title" href title="{{thirdItem.text}}" data-ng-click="memuItemClick(thirdItem)">{{thirdItem.text}}</a>
  43                                         <span class="sdc-ecomp-menu-four-level-seperator"></span>
  44                                         <ul class="sdc-ecomp-menu-four-level">
  45                                             <li class="sdc-ecomp-menu-four-level-item" data-ng-repeat="fourItem in thirdItem.children | orderBy : 'column'">
  46                                                 <a href title="{{fourItem.text}}" data-ng-click="memuItemClick(fourItem)">{{fourItem.text}}</a>
  47                                             </li>
  48                                         </ul>
  49                                     </li>
  50                                 </ul>
  51
  52                             </li>
  53                         </ul>
  54                     </div>
  55
  56                 </li>
  57
  58             </ul>
  59
  60         </div>
  61         <div class="sdc-ecomp-user-wrapper">
  62             <span class="sdc-ecomp-user-icon"></span>
  63             <div class="sdc-ecomp-user-details">
  64                 <div class="sdc-ecomp-user-details-name-role">
  65                     <div sdc-smart-tooltip class="sdc-ecomp-user-details-name" data-ng-bind="user.getName()"></div>
  66                     <div class="sdc-ecomp-user-details-role" data-ng-bind="user.getRoleToView()"></div>
  67                 </div>
  68                 <div class="sdc-ecomp-user-details-last-login" data-ng-show="user.getLastLogin()!==''">Last Login: {{user.getLastLogin() | date: 'MMM dd &nbsp; hh:mm a' : 'UTC'}}&nbsp;UTC</div>
  69             </div>
  70         </div>
  71     </div>
  72
  73 </div>