summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-common/client/app/views/header
diff options
context:
space:
mode:
authorstatta <statta@research.att.com>2019-08-23 16:49:45 -0400
committerstatta <statta@research.att.com>2019-08-23 16:51:05 -0400
commita3a04c5887779e9ca8024a3e87ece109b8d9b0c1 (patch)
treed4c36f55aaba1f5a76bdf95308a0dc5ff21b425a /ecomp-portal-FE-common/client/app/views/header
parent7ce177cd99096772ff42ef89d8820070c687fd9b (diff)
Onboarding Page Account Admin Change
Issue-ID: PORTAL-644 Change-Id: I95e43b1a2d12dcb5a4bc56d374cc6d30d8aae3f3 Signed-off-by: statta <statta@research.att.com>
Diffstat (limited to 'ecomp-portal-FE-common/client/app/views/header')
-rw-r--r--ecomp-portal-FE-common/client/app/views/header/header.less6
-rw-r--r--ecomp-portal-FE-common/client/app/views/header/header.tpl.html535
2 files changed, 300 insertions, 241 deletions
diff --git a/ecomp-portal-FE-common/client/app/views/header/header.less b/ecomp-portal-FE-common/client/app/views/header/header.less
index 8d275a41..2da81f30 100644
--- a/ecomp-portal-FE-common/client/app/views/header/header.less
+++ b/ecomp-portal-FE-common/client/app/views/header/header.less
@@ -40,6 +40,12 @@
z-index: 999;
}
+.language {
+ float: left;
+ margin-top: -8px;
+}
+
+
.logo-image {
.portal-logo;
display: inline-block;
diff --git a/ecomp-portal-FE-common/client/app/views/header/header.tpl.html b/ecomp-portal-FE-common/client/app/views/header/header.tpl.html
index ed240b9a..d0a87d76 100644
--- a/ecomp-portal-FE-common/client/app/views/header/header.tpl.html
+++ b/ecomp-portal-FE-common/client/app/views/header/header.tpl.html
@@ -36,235 +36,287 @@
-->
<div class="header-position">
- <header class="b2b-header-tabs" b2b-header-responsive>
- <ul class="header__items" role="navigation">
-<!-- Menu Icon and name -->
- <li class="header__item icon__item" onclick="window.location = 'applicationsHome'">
- <div ng-include class="profile-detail-extension" src="'app/views/header/header-logo.html'"></div>
- <span id="portal-title" class="portal-title" ng-bind="ecompTitle"></span>
- </li>
-<!-- First Level menu -->
- <li b2b-header-menu
- id="megaMenu-{{item.text.split(' ').join('-')}}"
- class="header__item b2b-headermenu"
- ng-repeat="item in megaMenuDataObject"
- ng-mousedown="loadFavorites(item.text)"
- role="presentation">
-
- <a href="javascript:void(0);"
- id="parentmenu-{{item.text.split(' ').join('-')}}-tabs"
- class="menu__item"
- role="menuitem">{{item.text}}</a>
-
- <div class="header-secondary-wrapper" ng-if="item.active_yn=='Y'" ng-hide="hideMenus">
- <ul class="header-secondary" role="menu">
-<!-- Second Level menu -->
- <li class="header-subitem"
- id="subItem-{{subItem.text.split(' ').join('-')}}"
- b2b-header-submenu
- ng-repeat="i in item.children | orderBy : 'column'"
- ng-mousemove="submenuLevelAction(i.text,i.column)"
- role="presentation">
- <!-- Favorites -->
- <div ng-if="i.text=='Favorites'" >
- <a href="javascript:void(0);" class="menu__item" role="menuitem">{{i.text}}</a>
- <i id="favorite-star" data-size="large" class="icon-star favorites-icon-active"></i>
- <div class="header-columns-div" ng-show='favoritesWindow' ng-mouseleave="hideFavoritesWindow()" >
- <div class="header-tertiary-wrapper" id="header-favorites">
- <ul class="header-tertiary" role="menu">
- <li role="presentation">
- <div
- ng-repeat="subItem in favoritesMenuItems"
- ng-show="showFavorites"
-
- id="favoritesMenuItems-{{subItem.text.split(' ').join('-')}}">
- <div class="fav-links">
- <i id="favorite-selector-favorites-list"
- class="icon-star favorites-icon-active"
- data-ng-click="removeAsFavoriteItem($event, subItem.menuId)"
- ng-mousedown="removeAsFavoriteItem($event, subItem.menuId)">
- </i>
- <a id="favorites-list" aria-label="{{subItem.text}}" ng-click="goToUrl(subItem)">{{subItem.text}}</a>
- </div>
- </div>
-
- <div id="favorites-empty" class="favorites-window-empty" ng-show="emptyFavorites">
- <p id="p-no-favs-icon" class="no-fav-icon">
- <span class="icon-star" ></span>
- </p>
- <p id="p-no-favs" class="largeText">{{'No Favorites'|T}}</p>
- <p id="p-no-favs-desc" class="normal">{{'Add your favorite items for quick access'|T}}.</p>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <!-- Support or Help -->
- <div ng-if="item.text=='Support' || item.text=='Help'" id="second-level-menus-help">
- <a id="second-level-menus-{{i.text.split(' ').join('-')}}-help" href="javascript:void(0);" ng-click="goToUrl(i);auditLog(i,'Support')" class="menu__item" role="menuitem">{{i.text| elipsis: 50}}</a>
- </div>
- <!-- Others -->
- <div ng-if="i.text!='Favorites' && (item.text!='Support' && item.text!='Help')" >
- <a href="javascript:void(0);" class="menu__item" role="menuitem">{{i.text| elipsis: 50}}</a>
- <div class="header-tertiary-wrapper" >
- <ul class="third-level-menu" role="menu" id="third-level-menus">
-<!-- Third Level menu -->
-
- <li b2b-header-tertiarymenu ng-repeat="link in i.children | orderBy : 'column'" role="presentation" >
- <i id="level3-star-inactive-{{link.menuId}}" ng-cloak
- class="icon-star favorites-icon-inactive" data-size="large"
- data-ng-click="setAsFavoriteItem($event, link.menuId)"
- ng-if="link.url.length > 1 && isUrlFavorite(link.menuId)==false">
- </i>
- <i id="level3-star-active-{{link.menuId}}" ng-cloak
- ng-if="link.url.length > 1 && isUrlFavorite(link.menuId)"
- class="icon-star favorites-icon-active ng-cloak" data-size="large"
- data-ng-click="removeAsFavoriteItem($event, link.menuId)">
- </i>
-
- <a class="third-level-title"
- aria-label="{{link.text | elipsis: 50}}"
- ng-click="goToUrl(link);auditLog(link,'application')">{{link.text| elipsis: 50}}</a>
-<!-- Fourth Level menu -->
- <div b2b-tertiary-link ng-repeat="title in link.children" >
- <i id="level4-star-inactive-{{title.menuId}}" ng-cloak
- class="icon-star favorites-icon-inactive"
- data-ng-click="setAsFavoriteItem($event, title.menuId)"
- ng-if="title.url.length > 1 && isUrlFavorite(title.menuId)==false">
- </i>
- <i id="level4-star-active-{{title.menuId}}" ng-cloak
- class="icon-star favorites-icon-active"
- data-ng-click="removeAsFavoriteItem($event, title.menuId)"
- ng-if="title.url.length > 1 && isUrlFavorite(title.menuId)">
- </i>
- <a href="javascript:void(0);" class="header-tertiaryitem" ng-class="{'disabled': title.disabled}" role="menuitem" ng-click="goToUrl(title);auditLog(title,'functional')">{{title.text | elipsis: 50}}</a>
- </div>
- </li>
-
-
-
-
- </ul>
- </div>
- </div>
-
- </li>
- </ul>
- </div>
- </li>
-<!-- Right side of the Menu - User Icon and Notification flag -->
- <div class="login-section">
- <!-- Language Select -->
- <select ng-controller="HeaderCtrl" ng-model="cur_lang" ng-change="switching(cur_lang)" style="float:right">
- <option value="{{x.languageAlias}}" ng-repeat="x in langList">{{x.languageName}}</option>
- </select>
- <!-- User Icon -->
- <li class="header__item profile" aria-haspopup="true">
- <b2b-flyout>
- <div b2b-flyout-toggler >
- <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">{{header.isGuest ? 'Guest' : header.firstName}}</div>
- </div>
- <b2b-flyout-content horizontal-placement="center" vertical-placement="below">
- <div ng-controller="loginSnippetCtrl" >
- <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 >{{firstName}} {{lastName}}&nbsp;</h3>
- <span>&nbsp;</span>
- </div>
- </div>
- </div>
- </li>
- <li><div class="reg-userEmail-label"><span class="reg-userEmail-label-spn reg-common-label-spn-txt" >{{'Email'|T}}<span class="visuallyhidden">:
- </span></span></div></li>
- <li><div class="reg-userEmail-value"><span class="reg-userEmail-value-spn">
- {{loginSnippetEmail}}</span></div></li>
- <li>&nbsp;</li>
- <li><div class="reg-userRole-label"><span class="reg-userRole-label-spn reg-common-label-spn-txt">
- {{'User Id'|T}}<span class="visuallyhidden">:</span></span></div></li>
- <li><div class="reg-userRole-value"><span class="reg-userRole-value-spn">
- {{loginSnippetUserid}}<span class="visuallyhidden"></span></span></div></li>
- <li>&nbsp;</li>
- <li><div class="reg-userLastLogin-label"><span class="reg-userLastLogin-label-spn reg-common-label-spn-txt">
- {{'Last login'|T}}<span class="visuallyhidden">:</span></span></div></li>
- <li><div class="reg-userLastLogin-value"><span class="reg-userLastLogin-value-spn">
- {{ lastLogin | date : 'medium' }}<span class="visuallyhidden"></span></span></div></li>
- <li>&nbsp;</li>
- <li>
- <div class="display-userAppRoles-label">
- <a href="javascript:void(0);" ng-click="getUserApplicationRoles()" class="icon-primary-accordion-plus" ng-class="{true: 'icon-primary-accordion-plus', false: 'icon-primary-accordion-minus'}[ !displayUserAppRoles]" ><span class="business-card-app-role">{{'Applications and Roles'|T}}</span></a>
- </div>
- <br>
- <div class="display-userAppRoles-label display-userAppRoles-label-txt" ng-show="displayUserAppRoles">
- <div ng-repeat="ua in userapproles track by $index">
- <div class="reg-userApp-value">
- <span class="reg-userApp-value-spn reg-common-label-spn-txt">{{ua.App}}<span class="visuallyhidden">:</span></span>
- </div>
- <div ng-repeat="role in ua.Roles track by $index" class="reg-userAppRoles-value" >
- <span ng-if="role.indexOf('global_')!=-1" id="required" style="color: Red;" visible="false"> *</span>
- <span class="reg-userAppRoles-value-spn">{{role}}</span>
- </div>
- <br>
- </div>
- </div>
- </li>
+ <header class="b2b-header-tabs" b2b-header-responsive>
+ <ul class="header__items" role="navigation">
+ <!-- Menu Icon and name -->
+ <li class="header__item icon__item"
+ onclick="window.location = 'applicationsHome'">
+ <div ng-include class="profile-detail-extension"
+ src="'app/views/header/header-logo.html'"></div> <span
+ id="portal-title" class="portal-title" ng-bind="ecompTitle"></span>
+ </li>
+ <!-- First Level menu -->
+ <li b2b-header-menu id="megaMenu-{{item.text.split(' ').join('-')}}"
+ class="header__item b2b-headermenu"
+ ng-repeat="item in megaMenuDataObject"
+ ng-mousedown="loadFavorites(item.text)" role="presentation"><a
+ href="javascript:void(0);"
+ id="parentmenu-{{item.text.split(' ').join('-')}}-tabs"
+ class="menu__item" role="menuitem">{{item.text}}</a>
+
+ <div class="header-secondary-wrapper" ng-if="item.active_yn=='Y'"
+ ng-hide="hideMenus">
+ <ul class="header-secondary" role="menu">
+ <!-- Second Level menu -->
+ <li class="header-subitem"
+ id="subItem-{{subItem.text.split(' ').join('-')}}"
+ b2b-header-submenu
+ ng-repeat="i in item.children | orderBy : 'column'"
+ ng-mousemove="submenuLevelAction(i.text,i.column)"
+ role="presentation">
+ <!-- Favorites -->
+ <div ng-if="i.text=='Favorites'">
+ <a href="javascript:void(0);" class="menu__item" role="menuitem">{{i.text}}</a>
+ <i id="favorite-star" data-size="large"
+ class="icon-star favorites-icon-active"></i>
+ <div class="header-columns-div" ng-show='favoritesWindow'
+ ng-mouseleave="hideFavoritesWindow()">
+ <div class="header-tertiary-wrapper" id="header-favorites">
+ <ul class="header-tertiary" role="menu">
+ <li role="presentation">
+ <div ng-repeat="subItem in favoritesMenuItems"
+ ng-show="showFavorites"
+ id="favoritesMenuItems-{{subItem.text.split(' ').join('-')}}">
+ <div class="fav-links">
+ <i id="favorite-selector-favorites-list"
+ class="icon-star favorites-icon-active"
+ data-ng-click="removeAsFavoriteItem($event, subItem.menuId)"
+ ng-mousedown="removeAsFavoriteItem($event, subItem.menuId)">
+ </i> <a id="favorites-list" aria-label="{{subItem.text}}"
+ ng-click="goToUrl(subItem)">{{subItem.text}}</a>
+ </div>
+ </div>
+
+ <div id="favorites-empty" class="favorites-window-empty"
+ ng-show="emptyFavorites">
+ <p id="p-no-favs-icon" class="no-fav-icon">
+ <span class="icon-star"></span>
+ </p>
+ <p id="p-no-favs" class="largeText">{{'No
+ Favorites'|T}}</p>
+ <p id="p-no-favs-desc" class="normal">{{'Add your
+ favorite items for quick access'|T}}.</p>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div> <!-- Support or Help -->
+ <div ng-if="item.text=='Support' || item.text=='Help'"
+ id="second-level-menus-help">
+ <a id="second-level-menus-{{i.text.split(' ').join('-')}}-help"
+ href="javascript:void(0);"
+ ng-click="goToUrl(i);auditLog(i,'Support')" class="menu__item"
+ role="menuitem">{{i.text| elipsis: 50}}</a>
+ </div> <!-- Others -->
+ <div
+ ng-if="i.text!='Favorites' && (item.text!='Support' && item.text!='Help')">
+ <a href="javascript:void(0);" class="menu__item" role="menuitem">{{i.text|
+ elipsis: 50}}</a>
+ <div class="header-tertiary-wrapper">
+ <ul class="third-level-menu" role="menu" id="third-level-menus">
+ <!-- Third Level menu -->
+
+ <li b2b-header-tertiarymenu
+ ng-repeat="link in i.children | orderBy : 'column'"
+ role="presentation"><i
+ id="level3-star-inactive-{{link.menuId}}" ng-cloak
+ class="icon-star favorites-icon-inactive" data-size="large"
+ data-ng-click="setAsFavoriteItem($event, link.menuId)"
+ ng-if="link.url.length > 1 && isUrlFavorite(link.menuId)==false">
+ </i> <i id="level3-star-active-{{link.menuId}}" ng-cloak
+ ng-if="link.url.length > 1 && isUrlFavorite(link.menuId)"
+ class="icon-star favorites-icon-active ng-cloak"
+ data-size="large"
+ data-ng-click="removeAsFavoriteItem($event, link.menuId)">
+ </i> <a class="third-level-title"
+ aria-label="{{link.text | elipsis: 50}}"
+ ng-click="goToUrl(link);auditLog(link,'application')">{{link.text|
+ elipsis: 50}}</a> <!-- Fourth Level menu -->
+ <div b2b-tertiary-link ng-repeat="title in link.children">
+ <i id="level4-star-inactive-{{title.menuId}}" ng-cloak
+ class="icon-star favorites-icon-inactive"
+ data-ng-click="setAsFavoriteItem($event, title.menuId)"
+ ng-if="title.url.length > 1 && isUrlFavorite(title.menuId)==false">
+ </i> <i id="level4-star-active-{{title.menuId}}" ng-cloak
+ class="icon-star favorites-icon-active"
+ data-ng-click="removeAsFavoriteItem($event, title.menuId)"
+ ng-if="title.url.length > 1 && isUrlFavorite(title.menuId)">
+ </i> <a href="javascript:void(0);" class="header-tertiaryitem"
+ ng-class="{'disabled': title.disabled}" role="menuitem"
+ ng-click="goToUrl(title);auditLog(title,'functional')">{{title.text
+ | elipsis: 50}}</a>
+ </div></li>
+
+
+
+
</ul>
- <div ng-include class="profile-detail-extension" src="'app/views/header/header-extension.tpl.html'"></div>
- <div id="reg-logout-div" class="logout-btn-div">
- <button href="javascript:void(0)" id="allLogout" ng-click="allAppsLogout()" class="btn btn-alt btn-small">
- {{'Log out'|T}}
- </button>
- </div>
- </div>
+ </div>
</div>
- </div>
- </b2b-flyout-content>
- </b2b-flyout>
- </li>
- <!-- Notification flag -->
- <li class="header__item notification" aria-haspopup="true" class="notification-li">
- <b2b-flyout>
- <div b2b-flyout-toggler class="notification-div">
- <div class="notifications-count" ng-hide="notificationCount.count==0" ng-bind="notificationCount.count"></div>
- <div id="megamenu-notification-button" class="icon-content-flag megamenu-notification-overrides" class="b2b-flyout-icon" tabindex="0" b2b-accessibility-click="13,32" aria-label="notifications" aria-haspopup="true" aria-expanded="{{flyoutOpened}}" role="button"></div>
- </div>
- <b2b-flyout-content horizontal-placement="center" vertical-placement="below">
- <div class="notification-content" ng-controller="notificationCtrl" >
- <div class="ng-scope">
- <div id="notification" class="notificationBox ">
- <div align ="right">
- <a id="notification-history-link" ui-sref="root.notificationHistory" class="notification-history-link-txt"> View All Recent Notifications </a>
- </div>
- <div class="notification-header">
- <div class="notification-common-position">
- <p class="notification-heading">{{'Notifications'| T}}</p>
+
+ </li>
+ </ul>
+ </div></li>
+ <!-- Right side of the Menu - User Icon and Notification flag -->
+ <div class="login-section">
+ <!-- Language Select -->
+ <div ng-if="langList" class="language">
+ <select style="font: normal 12px Omnes-ECOMP-W02, Arial;" id="dropdown1" name="dropdown1" placeholder-text="Select Language" ng-model="cur_lang" ng-change="switching(cur_lang)">
+ <option ng-repeat="x in langList" value="{{x.languageAlias}}">{{x.languageName}}</option>
+ </select>
+ </div>
+ <!-- User Icon -->
+ <li class="header__item profile" aria-haspopup="true"><b2b-flyout>
+ <div b2b-flyout-toggler>
+ <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">{{header.isGuest
+ ? 'Guest' : header.firstName}}</div>
+ </div>
+ <b2b-flyout-content horizontal-placement="center"
+ vertical-placement="below">
+ <div ng-controller="loginSnippetCtrl">
+ <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>{{firstName}} {{lastName}}&nbsp;</h3>
+ <span>&nbsp;</span>
+ </div>
+ </div>
</div>
- <div class="notification-common-space"></div>
- </div>
- <div ng-show="notifications.length==0">
- <div class="notification-main">
- <div class="notification-main-ht">
- <div align="center" class="icon-information notification-info-icon"></div>
+ </li>
+ <li><div class="reg-userEmail-label">
+ <span
+ class="reg-userEmail-label-spn reg-common-label-spn-txt">{{'Email'|T}}<span
+ class="visuallyhidden">: </span></span>
+ </div></li>
+ <li><div class="reg-userEmail-value">
+ <span class="reg-userEmail-value-spn">
+ {{loginSnippetEmail}}</span>
+ </div></li>
+ <li>&nbsp;</li>
+ <li><div class="reg-userRole-label">
+ <span class="reg-userRole-label-spn reg-common-label-spn-txt">
+ {{'User Id'|T}}<span class="visuallyhidden">:</span>
+ </span>
+ </div></li>
+ <li><div class="reg-userRole-value">
+ <span class="reg-userRole-value-spn">
+ {{loginSnippetUserid}}<span class="visuallyhidden"></span>
+ </span>
+ </div></li>
+ <li>&nbsp;</li>
+ <li><div class="reg-userLastLogin-label">
+ <span
+ class="reg-userLastLogin-label-spn reg-common-label-spn-txt">
+ {{'Last login'|T}}<span class="visuallyhidden">:</span>
+ </span>
+ </div></li>
+ <li><div class="reg-userLastLogin-value">
+ <span class="reg-userLastLogin-value-spn"> {{
+ lastLogin | date : 'medium' }}<span class="visuallyhidden"></span>
+ </span>
+ </div></li>
+ <li>&nbsp;</li>
+ <li>
+ <div class="display-userAppRoles-label">
+ <a href="javascript:void(0);"
+ ng-click="getUserApplicationRoles()"
+ class="icon-primary-accordion-plus"
+ ng-class="{true: 'icon-primary-accordion-plus', false: 'icon-primary-accordion-minus'}[ !displayUserAppRoles]"><span
+ class="business-card-app-role">{{'Applications and
+ Roles'|T}}</span></a>
+ </div> <br>
+ <div
+ class="display-userAppRoles-label display-userAppRoles-label-txt"
+ ng-show="displayUserAppRoles">
+ <div ng-repeat="ua in userapproles track by $index">
+ <div class="reg-userApp-value">
+ <span
+ class="reg-userApp-value-spn reg-common-label-spn-txt">{{ua.App}}<span
+ class="visuallyhidden">:</span></span>
+ </div>
+ <div ng-repeat="role in ua.Roles track by $index"
+ class="reg-userAppRoles-value">
+ <span ng-if="role.indexOf('global_')!=-1" id="required"
+ style="color: Red;" visible="false"> *</span> <span
+ class="reg-userAppRoles-value-spn">{{role}}</span>
+ </div>
+ <br>
</div>
- <div>
- <p class="notification-text">{{'No New Notifications'| T}}.</p>
- </div>
-
+ </div>
+ </li>
+ </ul>
+ <div ng-include class="profile-detail-extension"
+ src="'app/views/header/header-extension.tpl.html'"></div>
+ <div id="reg-logout-div" class="logout-btn-div">
+ <button href="javascript:void(0)" id="allLogout"
+ ng-click="allAppsLogout()" class="btn btn-alt btn-small">
+ {{'Log out'|T}}</button>
</div>
</div>
- <div class="notification-main" ng-show="notifications.length>0">
- <ul class="notifications-list">
- <li class="item" data-id="5" ng-repeat="item in notifications">
- <div class="icon">
- <span class="important" ng-show="item.priority==2"/>
- <span class="normal" ng-show="item.priority==1"/>
+ </div>
+ </div>
+ </b2b-flyout-content> </b2b-flyout></li>
+ <!-- Notification flag -->
+ <li class="header__item notification" aria-haspopup="true"
+ class="notification-li"><b2b-flyout>
+ <div b2b-flyout-toggler class="notification-div">
+ <div class="notifications-count"
+ ng-hide="notificationCount.count==0"
+ ng-bind="notificationCount.count"></div>
+ <div id="megamenu-notification-button"
+ class="icon-content-flag megamenu-notification-overrides"
+ class="b2b-flyout-icon" tabindex="0"
+ b2b-accessibility-click="13,32" aria-label="notifications"
+ aria-haspopup="true" aria-expanded="{{flyoutOpened}}"
+ role="button"></div>
+ </div>
+ <b2b-flyout-content horizontal-placement="center"
+ vertical-placement="below">
+ <div class="notification-content" ng-controller="notificationCtrl">
+ <div class="ng-scope">
+ <div id="notification" class="notificationBox ">
+ <div align="right">
+ <a id="notification-history-link"
+ ui-sref="root.notificationHistory"
+ class="notification-history-link-txt"> View All Recent
+ Notifications </a>
+ </div>
+ <div class="notification-header">
+ <div class="notification-common-position">
+ <p class="notification-heading">{{'Notifications'| T}}</p>
+ </div>
+ <div class="notification-common-space"></div>
+ </div>
+ <div ng-show="notifications.length==0">
+ <div class="notification-main">
+ <div class="notification-main-ht">
+ <div align="center"
+ class="icon-information notification-info-icon"></div>
</div>
+ <div>
+ <p class="notification-text">{{'No New Notifications'|
+ T}}.</p>
+ </div>
+
+ </div>
+ </div>
+ <div class="notification-main" ng-show="notifications.length>0">
+ <ul class="notifications-list">
+ <li class="item" data-id="5" ng-repeat="item in notifications">
+ <div class="icon">
+ <span class="important" ng-show="item.priority==2" /> <span
+ class="normal" ng-show="item.priority==1" />
+ </div>
<div class="details" ng-click="showDetailedJsonMessage(item)">
<span class="title" ng-bind="item.msgSource"></span> <span
class="title" ng-bind="item.msgHeader"></span> <span
@@ -273,28 +325,29 @@
ng-if="item.msgSource!=='EP'"
ng-bind="item.message| elipsis: 27"> </span>
<!-- <span class="date" ng-bind="item.time" ></span> -->
- <mydate>{{item.time | date:'MM/dd/yyyy hh:mm:ss a Z'}}</mydate>
+ <mydate>{{item.time | date:'MM/dd/yyyy hh:mm:ss a
+ Z'}}</mydate>
</div>
- <button type="button" ng-click="deleteNotification($index)" class="button-default button-dismiss js-dismiss">x</button>
- </li>
- </ul>
- </div>
- <div class="notification-footer">
- <div class="notification-links">
- <div class="notification-common-space"></div>
+ <button type="button" ng-click="deleteNotification($index)"
+ class="button-default button-dismiss js-dismiss">x</button>
+ </li>
+ </ul>
+ </div>
+ <div class="notification-footer">
+ <div class="notification-links">
+ <div class="notification-common-space"></div>
+ </div>
</div>
</div>
- </div>
- </b2b-flyout-content>
- </b2b-flyout>
- </li>
-
- <li class="header__item recommendation" aria-haspopup="true"
- class="recommendation-li">
- <div ng-include class="recommendation-detail-extension" src="'app/views/headerRecommendation/headerRecommendations.tpl.html'"></div>
- </li>
- </div>
- </ul>
+ </div>
+ </div>
+ </b2b-flyout-content> </b2b-flyout></li>
+ <li class="header__item recommendation" aria-haspopup="true"
+ class="recommendation-li">
+ <div ng-include class="recommendation-detail-extension"
+ src="'app/views/headerRecommendation/headerRecommendations.tpl.html'"></div>
+ </li>
+ </ul>
</header>
</div>