2 ================================================================================
4 ================================================================================
5 Copyright (C) 2017 AT&T Intellectual Property
6 ================================================================================
7 Licensed under the Apache License, Version 2.0 (the "License");
8 you may not use this file except in compliance with the License.
9 You may obtain a copy of the License at
11 http://www.apache.org/licenses/LICENSE-2.0
13 Unless required by applicable law or agreed to in writing, software
14 distributed under the License is distributed on an "AS IS" BASIS,
15 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 See the License for the specific language governing permissions and
17 limitations under the License.
18 ================================================================================
20 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
21 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
22 <%@ page isELIgnored="false"%>
23 <%@ page import="org.onap.portalsdk.core.util.SystemProperties"%>
24 <%@ page import="org.onap.portalsdk.core.onboarding.util.PortalApiProperties"%>
25 <%@ page import="org.onap.portalsdk.core.onboarding.util.PortalApiConstants"%>
26 <%@ page import="org.onap.portalsdk.core.domain.MenuData"%>
27 <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/ebz_header/header.css">
28 <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/ebz_header/portal_ebz_header.css">
29 <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/sandbox/styles/style.css" >
32 <%--<script src= "app/fusion/external/ebz/angular_js/angular.js"></script> --%>
33 <script src="app/fusion/external/angular-1.4.8/angular.min.js"></script>
34 <script src="app/fusion/external/angular-1.4.8/angular-route.min.js"></script>
35 <script src="app/fusion/external/angular-1.4.8/angular-sanitize.min.js"></script>
36 <script src="app/fusion/external/angular-1.4.8/angular-cookies.min.js"></script>
37 <script src="app/fusion/external/ebz/angular_js/app.js"></script>
38 <script src="app/fusion/external/ebz/angular_js/gestures.js"></script>
39 <script src="static/js/jquery-1.10.2.js"></script>
40 <script src="app/fusion/scripts/modalService.js"></script>
41 <script src="static/js/jquery.mask.min.js" type="text/javascript"></script>
42 <script src="static/js/jquery-ui.js" type="text/javascript"></script>
43 <script src="app/fusion/external/ebz/sandbox/att-abs-tpls.js" type="text/javascript"></script>
44 <script src="static/fusion/js/att_angular_gridster/ui-gridster-tpls.js"></script>
45 <script src="static/fusion/js/att_angular_gridster/angular-gridster.js"></script>
46 <script src= "app/fusion/external/ebz/angular_js/checklist-model.js"></script>
47 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
48 <%--<script src="app/fusion/external/angular-ui/ui-bootstrap-tpls-1.1.2.min.js"></script>--%>
49 <script src="app/fusion/external/angular-1.4.8/angular-touch.min.js"></script>
50 <script src="app/fusion/external/angular-1.4.8/angular-animate.min.js"></script>
51 <script src="app/fusion/external/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
52 <script src="app/fusion/scripts/services/userInfoService.js"></script>
53 <script src="app/fusion/scripts/services/leftMenuService.js"></script>
56 <jsp:include page="/WEB-INF/fusion/jsp/ebz/loginSnippet.html" ></jsp:include>
58 <c:set var="UserName" value="<%= session.getAttribute(\"fullName\")%>" />
59 <c:set var="UserFirstName" value="<%= session.getAttribute(\"first_name\")%>" />
62 String contactUsLink = SystemProperties.getProperty(SystemProperties.CONTACT_US_LINK);
63 String redirectUrl = PortalApiProperties.getProperty(PortalApiConstants.ECOMP_REDIRECT_URL);
64 String portalUrl = redirectUrl.substring(0, redirectUrl.lastIndexOf('/')) + "/process_csp";
65 String getAccessLink = redirectUrl.substring(0, redirectUrl.lastIndexOf('/')) + "/get_access";
67 <c:set var="returnPortalUrl" value="<%=portalUrl%>" />
68 <c:set var="contactUsLink" value="<%=contactUsLink%>" />
69 <c:set var="getAccessLink" value="<%=getAccessLink%>" />
72 z-index:997 !important;
75 .secondaryMenuContainer{
78 .megamenu-tabs .megamenu__item {
81 .megamenu-tabs .megamenu__item span {
88 .submenu-tabs .sub__menu{
92 .top-megamenu .megamenu-tabs ul{
98 <%@include file="/WEB-INF/fusion/jsp/ebz/loginSnippet.html" %>
100 <div style="position: relative; z-index: 999;">
101 <div ng-controller="headerController">
103 <div class="headerContainer" id="headerContainer" ng-cloak ng-show="{{showHeader && false}}">
104 <div id="megaMenuContainer" class="megaMenuContainer" style="margin-top: 0; overflow: visible;">
107 <!-- Mega Menu parent-tab directive with three models menu-items, active-sub-menu, active-menu -->
108 <div id="topMenu" class="top-megamenu" ng-mouseleave="activeClickSubMenu.x.active=false; activeClickMenu.x.active=false">
109 <div style="float:left;width:100%;"parent-tab menu-items="megaMenuDataObject" active-sub-menu='activeClickSubMenu.x' active-menu='activeClickMenu.x'>
110 <div parentmenu-tabs mega-menu="true" menu-items="megaMenuDataObject" style="height:55px;">
111 <div style="float:left">
112 <li class="megamenu__item" style="line-height:55px;" onclick="returnToPortal()">
113 <img src="app/fusion/external/ebz/images/att_logo.png" class="ATTLogo" ></span>
114 <!-- <a id='returnPortal' class="primaryMenuOptionLink" style="font-weight: 400 !important; font-family: clearview_att_bold !important; font-size: 18px;">ECOMP</a>
115 --> <strong style="font-weight: 400 !important; font-family: clearview_att_bold !important; font-size: 18px;" id='returnPortal' >ECOMP Portal</strong>
117 <div menu-tabs mega-menu="true" tab-name="item.text" menu-item="item" active-menu="activeClickMenu.x"
118 ng-repeat="item in megaMenuDataObject" style="font-size: 18px;" ng-mousedown="loadFavorites()" >
119 <div parentmenu-tabs sub-menu="true" ng-show="activeClickMenu.x.active && item.active" menu-items="activeClickMenu.x.children">
120 <!-- Second level menu -->
122 <div menu-tabs sub-menu="true" tab-name="subItem.text"
123 tab-url="subItem.url" menu-item="subItem"
124 ng-repeat="subItem in activeClickMenu.x.children | orderBy : 'column'" active-menu="activeClickSubMenu.x"
125 sub-item-active="{{subItem.active}}" style="float:left;" aria-label="{{subItem.text}}"
126 ng-mouseenter="submenuLevelAction(subItem.text,subItem.column)"
127 ng-mouseleave="submenuLevelAction(subItem.text,subItem.column)"
128 ng-click="submenuLevelAction(subItem.text,subItem.column)" >
129 <i ng-if="subItem.text=='Favorites'" id="favorite-star"
130 class="icon-star favorites-icon-active">
134 <div class="sub__menu" ng-mouseleave="activeClickSubMenu.x.active=false" >
135 <ul ng-show="activeClickSubMenu.x.active" role="menubar" class="columns">
136 <!-- Third level menu -->
137 <div menu-tabs menu-item="subItem"
139 ng-repeat="subItem in activeClickSubMenu.x.children | orderBy : 'column'"
140 ng-show="activeClickSubMenu.x.active">
142 <i id="favorite-selector-third-level"
143 ng-show="isUrlFavorite(subItem.menuId)==false"
144 class="icon-star favorites-icon-inactive"
145 ng-if="subItem.url.length > 1">
147 <i id="favorite-selector-third-level"
148 ng-show="isUrlFavorite(subItem.menuId)"
149 class="icon-star favorites-icon-active"
150 ng-if="subItem.url.length > 1">
152 <span class="title" aria-label="{{subItem.text}}"
153 ng-click="goToUrl(subItem)">{{subItem.text}}</span>
154 <!-- Fourth level menus -->
155 <div att-links-list="">
156 <i id="favorite-selector-fourth-level"
157 class="icon-star favorites-icon-inactive"
158 ng-show="isUrlFavorite(tabValue.menuId)==false"
159 ng-if="tabValue.url.length > 1">
162 <i id="favorite-selector-fourth-level"
163 class="icon-star favorites-icon-active"
164 ng-show="isUrlFavorite(tabValue.menuId)"
165 ng-if="tabValue.url.length > 1">
168 <span role="menuitem" att-links-list-item=""
169 ng-repeat="tabValue in subItem.children"
170 ng-click="goToUrl(tabValue)"
171 att-accessibility-click="13,32"
172 ng-class="{'disabled': tabValue.disabled}">{{tabValue.text}}</span>
174 <hr ng-show="!$last"/>
178 <!-- Favorites level menu -->
179 <div class="favorites-window" ng-show='favoritesWindow' ng-mouseleave="hideFavoritesWindow()">
180 <div id="favorites-menu-items" ng-show="showFavorites">
181 <div ng-repeat="subItem in favoritesMenuItems" att-links-list="" style='display: inline'>
182 <i id="favorite-selector-favorites-list" class="icon-star favorites-icon-active">
184 <a id="favorites-list" aria-label="{{subItem.text}}"
185 ng-click="goToUrl(subItem)"
186 style="margin-left: 3px; margin-right: 20px; text-decoration: none; color: #666666;">
192 <p style='font-weight: 400; font-family: clearview_att_bold !important;
193 font-size: 18px; text-align: center; background-color: lightgray;
194 width: 400px; margin-left: 25%; margin-right: 25%;'>
195 Manage favorites on ECOMP Portal.
199 <!-- Favorites when empty -->
200 <div id="favorites-empty" ng-show='favoritesWindow' ng-show="emptyFavorites">
201 <div id="favorites-empty" ng-show="emptyFavorites" class="favorites-window-empty">
203 <img src="app/fusion/external/ebz/images/no_favorites_star.png">
204 <p class='favoritesLargeText'>No Favorites</p>
205 <p class='favoritesNormalText'>Manage favorites on ECOMP Portal.</p>
215 <li class="megamenu__item" style="line-height:55px;" ng-if="loadMenufail">
216 <strong style="font-weight: 400 !important; font-family: clearview_att_bold !important; font-size: 18px;" >Unable to load menus</strong>
218 <!-- <li class="megamenu__item" style="width: 20%;"> </li>
220 <!-- Login Snippet-->
221 <div style="float:right">
222 <li id="bcLoginSnippet" class="megamenu__item" style="width: 140px;" >
223 <div popover="loginSnippet.html" aria-label="Login Snippet" referby="loginSnippet" att-accessibility-click="13,32" popover-style="\" popover-placement="below" style="width: 200px;">
224 <div class="icon-user-small login-snippet-icon"></div>
225 <div class="login-snippet-text" style="display: inline-block; font-size:12px; margin-left:5px;overflow: hidden; max-height: 31px; max-width:120px; padding-top: 0px; margin-top: 0px; white-space: nowrap;" ng-bind="userProfile.firstName"></div>
228 <li class="megamenu__item" style="width:120px;"> </li>
233 <div style="clear: both"></div>
238 <div class="license-notification" id="license-notification">
239 <a href="javascript:void(0)" style="background-color:#bbb;" class="button button--small" tooltip="Please contact ECOMP Portal team to get the license" tooltip-placement="below" tooltip-style="light" tooltip-popup-delay="500" >
240 <span style="">{{app_name_full}}</span>
243 <div style="position: relative; color: black; top: 70px;">
245 <span ng-style="adjustHLeftMenu('burgerIcon')" style="z-index:998; position:fixed; left:0%; font-size:35px; margin-left:10px;text-decoration:none;">
246 <a ng-click="toggleDrawer();isOpen = !isOpen" href="javascript:void(0);" class="arrow-icon-left" >
247 <span class="icon-hamburger"></span></a>
248 <span ng-init="isOpen = true" ng-show="isOpen" style="font-size:16px; position:relative; top:-8px; left:-15px;">    {{app_name}}</span>
250 <div att-drawer drawer-slide="left" drawer-custom-top="{{drawer_custom_top}}px" drawer-size="200px" drawer-open="drawerOpen" drawer-custom-height="100%" >
251 <div ng-style="adjustHLeftMenu('leftMenu')">
252 <div class="attDrawer" style="margin-top:{{drawer_margin_top}}px;">
253 <div style="margin-left:10px; margin-right:10px;">
254 <accordion close-others="true" css="att-accordion--no-box">
255 <accordion-group ng-repeat="parent in menuItems" heading="{{parent.parentLabel}}" child="{{parent.parentAction}}" parent-link="{{parent.parentAction}}" image-source="{{parent.parentImageSrc}}" child-length="{{parent.childItemList.length}}" is-open="parent.open">
256 <div ng-repeat="subMenu in parent.childItemList" style="font-size:12px; margin-left:10px;">
257 <a href="{{subMenu.action}}" style="font-size:12px; color:#666666;" >{{subMenu.label}}</a>
270 function returnToPortal(){
271 window.location.href = "<c:out value='${returnPortalUrl}'/>";
273 detectScrollEvent = function() {
274 var footerOff = $('#footerContainer').offset().top;
275 var headOff = $('#headerContainer').offset().top;
276 var winHeight = $(window).height();
277 if ((footerOff - headOff) <= winHeight) {
278 $('.att-drawer').css({
279 "height" : footerOff - headOff - 55
282 $('.att-drawer').css({
287 $(window).scroll(function() {
288 if ($('.att-drawer').is(':visible')) {
292 app.controller("headerController", function($scope, $timeout, $log, $http, UserInfoService, $window, $cookies,LeftMenuService) {
293 // $log.debug('HeaderController started');
294 $scope.jsonMenuData = [];
295 $scope.loadMenufail=false;
296 $scope.app_name = "";
297 $scope.app_name_full = "";
298 $scope.megaMenuDataObject =[];
299 $scope.activeClickSubMenu = {
302 $scope.activeClickMenu = {
305 $scope.favoritesMenuItems = [];
306 $scope.favoriteItemsCount = 0;
307 $scope.showFavorites = false;
308 $scope.emptyFavorites = false;
309 $scope.favoritesWindow = false;
316 /*Put user info into fields*/
317 $scope.inputUserInfo = function(userInfo){
318 if (typeof(userInfo) != "undefined" && userInfo!=null && userInfo!=''){
319 if (typeof(userInfo.USER_FIRST_NAME) != "undefined" && userInfo.USER_FIRST_NAME!=null && userInfo.USER_FIRST_NAME!='')
320 $scope.userProfile.firstName = userInfo.USER_FIRST_NAME;
321 if (typeof(userInfo.USER_LAST_NAME) != "undefined" && userInfo.USER_LAST_NAME!=null && userInfo.USER_LAST_NAME!='')
322 $scope.userProfile.lastName = userInfo.USER_LAST_NAME;
323 if (typeof(userInfo.USER_EMAIL) != "undefined" && userInfo.USER_EMAIL!=null && userInfo.USER_EMAIL!='')
324 $scope.userProfile.email = userInfo.USER_EMAIL;
327 /*getting user info from session*/
328 $scope.getUserNameFromSession = function(){
329 UserInfoService.getFunctionalMenuStaticDetailSession()
330 .then(function (res) {
331 $scope.userProfile.firstName = res.firstName;
332 $scope.redirectUrl = res.portalUrl;
335 $scope.getTopMenuStaticInfo=function() {
336 var promise = UserInfoService.getFunctionalMenuStaticDetailShareContext();
339 if(res==null || res==''){
340 $log.info('failed getting static User information');
341 $scope.getUserNameFromSession();
343 $log.info('Received static User information');
345 $scope.inputUserInfo(resData);
346 $scope.userProfile.fullName = $scope.userProfile.firstName+ ' '+ $scope.userProfile.lastName;
350 $log.info('failed getting static User information');
355 var unflatten = function( array, parent, tree ){
356 tree = typeof tree !== 'undefined' ? tree : [];
357 parent = typeof parent !== 'undefined' ? parent : { menuId: null };
358 var children = _.filter( array, function(child){ return child.parentMenuId == parent.menuId; });
360 if( !_.isEmpty( children ) ){
361 if( parent.menuId === null ){
364 parent['children'] = children
366 _.each( children, function( child ){ unflatten( array, child ) } );
372 var menuStructureConvert = function(menuItems) {
373 var megaMenuDataObjectTemp = [
382 url:"<c:out value='${contactUsLink}'/>"
386 url:"<c:out value='${getAccessLink}'/>"
390 return megaMenuDataObjectTemp;
395 LeftMenuService.getAppName().then(function(response){
398 if(j && j !== "null" && j!== "undefined"){
399 // console.log("app name is " + $scope.app_name);
400 $scope.app_name_full = j.data;
401 var processed_app_name = j.data;
402 var indexOfLic = processed_app_name.indexOf('[');
404 if (jQuery('.license-notification')!=null)
405 jQuery('.license-notification').css("display", "none");
407 var n = processed_app_name.length;
411 if(n > indexOfLic && indexOfLic > 0) {
414 $scope.app_name_full = $scope.app_name_full.substr(0, n);
415 $scope.app_name = processed_app_name.substr(0, n);
418 throw "Get app_name response is not an object/is empty";
421 console.log("error happened while trying to get app name "+e);
425 console.log('getAppName failed', error);
429 $scope.getTopMenuStaticInfo();
430 $scope.getMenu=function() {
434 url: 'get_functional_menu',
435 // TIMEOUT USED FOR LOCAL TESTING ONLY
437 }).success(function (response) {
438 if(response == '101: Timeout') {
439 $log.error('Timeout attempting to get_functional_menu');
440 // TIMEOUT USED FOR LOCAL TESTING ONLY
441 // $scope.createErrorMenu();
442 $scope.megaMenuDataObject = menuStructureConvert('');
444 $log.debug('get_functional_menu success: ' + response);
445 if(typeof response != 'undefined' && response.length!=0 && typeof response[0] != 'undefined' && typeof response[0].error!="undefined"){
446 // createErrorMenu() USED FOR LOCAL TESTING ONLY
447 // $scope.createErrorMenu();
448 $scope.megaMenuDataObject = menuStructureConvert('');
449 // $scope.loadMenufail=true;
451 $scope.jsonMenuData = unflatten( response );
452 $scope.megaMenuDataObject = menuStructureConvert($scope.jsonMenuData);
455 }).error(function (response){
456 // createErrorMenu() USED FOR LOCAL TESTING ONLY
457 // $scope.createErrorMenu();
459 //$scope.loadMenufail=true;
460 $scope.megaMenuDataObject = menuStructureConvert('');
461 $log.debug('REST API failed get_functional_menu...'+ response);
464 $scope.adjustHLeftMenu = function (type){
465 $scope.showHeader = ($cookies.show_app_header == undefined ? true : $cookies.show_app_header);
467 if($scope.showHeader == true) {
468 $scope.drawer_margin_top = 60;
469 $scope.drawer_custom_top = 5;
470 $scope.toggle_drawer_top = 5;
474 $scope.drawer_margin_top = 50;
475 $scope.drawer_custom_top = 5;
476 $scope.toggle_drawer_top = 5;
478 if(type=='burgerIcon'){
479 return { "top": $scope.toggle_drawer_top+"px"};
480 }else if(type=='leftMenu'){
481 return { "margin-top": $scope.drawer_margin_top+"px"};
485 $scope.adjustHeader=function() {
486 $scope.showHeader = ($cookies.show_app_header == undefined ? true : $cookies.show_app_header);
488 if($scope.showHeader == true) {
489 $scope.drawer_margin_top = 50;
490 $scope.drawer_custom_top = 5;
491 $scope.toggle_drawer_top = 5;
495 $scope.drawer_margin_top = 40;
496 $scope.drawer_custom_top = 5;
497 $scope.toggle_drawer_top = 5;
505 $scope.adjustHeader();
508 /* **************************************************************************/
509 /* Logic for the favorite menus is here */
511 $scope.loadFavorites = function () {
512 $log.debug('loadFavorites has happened.');
513 if ($scope.favoritesMenuItems == '') {
514 $scope.generateFavoriteItems();
515 $log.debug('loadFavorites is calling generateFavoriteItems()');
517 $log.debug('loadFavorites is NOT calling generateFavoriteItems()');
521 $scope.goToUrl = function (item) {
522 $log.info("goToUrl called")
526 var restrictedApp = item.restrictedApp;
527 $log.debug('Restricted app status is: ' + restrictedApp);
529 $log.info('No url found for this application, doing nothing..');
533 $window.open(url, '_blank');
535 $window.open(url, '_self');
540 $scope.submenuLevelAction = function(index, column) {
541 if ($scope.favoritesMenuItems == '') {
542 $scope.generateFavoriteItems();
543 $log.debug('submenuLevelAction is calling generateFavoriteItems()');
545 $log.debug('item hovered/clicked: ' + index + '; column = ' + column);
546 if (column == 2) { // 2 is Design
547 $scope.favoritesWindow = false;
548 $scope.showFavorites = false;
549 $scope.emptyFavorites = false;
551 if (index=='Favorites' && $scope.favoriteItemsCount != 0) {
552 $log.debug('Showing Favorites window');
553 $scope.favoritesWindow = true;
554 $scope.showFavorites = true;
555 $scope.emptyFavorites = false;
557 if (index=='Favorites' && $scope.favoriteItemsCount == 0) {
558 $log.debug('Hiding Favorites window in favor of No Favorites Window');
559 $scope.favoritesWindow = true;
560 $scope.showFavorites = false;
561 $scope.emptyFavorites = true;
564 $scope.favoritesWindow = false;
565 $scope.showFavorites = false;
566 $scope.emptyFavorites = false;
570 $scope.hideFavoritesWindow = function() {
571 $log.debug('$scope.hideFavoritesWindow has been called');
572 $scope.showFavorites = false;
573 $scope.emptyFavorites = false;
576 $scope.isUrlFavorite = function (menuId) {
577 // $log.debug('array objects in menu favorites = ' + $scope.favoriteItemsCount + '; menuId=' + menuId);
578 var jsonMenu = JSON.stringify($scope.favoritesMenuItems);
579 var isMenuFavorite = jsonMenu.indexOf('menuId\":' + menuId);
580 if (isMenuFavorite==-1) {
588 $scope.generateFavoriteItems = function() {
591 url: 'get_favorites',
592 // TIMEOUT USED FOR LOCAL TESTING ONLY
594 }).success(function (response) {
595 if (response == '101: Timeout') {
596 $log.error('Timeout attempting to get_favorites_menu');
598 if(typeof response != 'undefined' && response.length!=0 && typeof response[0] != 'undefined' && typeof response[0].error!="undefined"){
599 $log.error('REST API failed get_favorites' + response);
601 $log.debug('get_favorites = ' + JSON.stringify(response));
602 $scope.favoritesMenuItems = response;
603 $scope.favoriteItemsCount = Object.keys($scope.favoritesMenuItems).length;
604 $log.info('number of favorite menus: ' + $scope.favoriteItemsCount);
607 }).error(function (response){
608 $log.error('REST API failed get_favorites' + response);
609 //createFavoriteErrorMenu() USED FOR LOCAL TESTING ONLY
610 // $scope.createFavoriteErrorMenu();
614 $scope.createFavoriteErrorMenu=function() {
615 $scope.favoritesMenuItems = [
618 // "text": "JSONLint",
619 // "url": "http://http://jsonlint.com"
623 // "text": "ECOMP Wasteland",
624 // "url": "https://ecomp.homer.att.com/ecompportal/applicationsHome"
628 // "text": "HROneStop",
629 // "url": "http://ebiz.sbc.com/hronestop"
633 // "text": "Andy and his Astrophotgraphy",
634 // "url": "https://ecomp.homer.att.com/ecompportal/applicationsHome"
637 $scope.favoriteItemsCount = Object.keys($scope.favoritesMenuItems).length;
638 $log.info('number of favorite menus: ' + $scope.favoriteItemsCount);
641 /* end of Favorite Menu code */
642 /* **************************************************************************/
645 /* **************************************************************************/
646 // THIS IS USED FOR LOCAL TESTING ONLY
647 /* **************************************************************************/
649 $scope.createErrorMenu=function() {
650 $scope.jsonMenuData = [
655 "parentMenuId": null,
661 "text": "Infrastructure Ordering",
662 "parentMenuId": null,
668 "text": "Service Creation",
669 "parentMenuId": null,
675 "text": "Service Mgmt",
676 "parentMenuId": null,
684 "url": "http://google.com"
689 "text": "Mike Little's Coffee Cup",
691 "url": "http://coffee.com"
696 "text": "Andy and his Astrophotgraphy",
698 "url": "http://nightskypix.com"
705 "url": "http://http://jsonlint.com"
712 "url": "http://ebiz.sbc.com/hronestop"
717 "text": "4th Level App4a R16",
719 "url": "http://www.e-access.att.com/ecomp_portal_ist/ecompportal/widgets"
724 "text": "3rd Level App1c R200",
726 "url": "http://app1c.com"
731 "text": "3rd Level App4b R16",
733 "url": "http://app4b.com"
738 "text": "3rd Level App2b R16",
740 "url": "http://app2b.com"
746 "parentMenuId": null,
750 $scope.jsonMenuData = unflatten( $scope.jsonMenuData );
751 $scope.megaMenuDataObject = menuStructureConvert($scope.jsonMenuData);
752 // $log.debug(JSON.stringify($scope.jsonMenuData));
754 var childItemList="";
757 childItemList = ${menu.childItemList};
758 parentList = ${menu.parentList};
760 console.log("ebz_header: failed to get child/parent lists", err);
763 var pageUrl = window.location.href.split('/')[window.location.href.split('/').length-1];
765 $scope.menuItems = [];
766 for (var i = 0; i < parentList.length; i++) {
767 $scope.openCurrentMenu = false;
768 if(pageUrl==parentList[i].action)
769 $scope.openCurrentMenu = true;
770 $scope.childItemList = childItemList[i];
771 for(chIndex in $scope.childItemList){
772 if($scope.childItemList.length>0)
773 if($scope.childItemList[chIndex].action!=null){
774 if($scope.childItemList[chIndex].action==pageUrl)
775 $scope.openCurrentMenu = true;
779 parentLabel : parentList[i].label,
780 parentAction : parentList[i].action,
781 parentImageSrc : parentList[i].imageSrc,
782 open:$scope.openCurrentMenu,
783 childItemList : $scope.childItemList
785 $scope.menuItems.push($scope.item);
787 $scope.arrowShow = true;
788 $scope.drawerOpen = false;
789 $scope.subMenuContent = false;
790 $scope.toggleSubMenu = function() {
791 $scope.subMenuContent = !$scope.subMenuContent;
794 var drawerOpen = 'open';
795 if (drawerOpen == 'open') {
796 $scope.drawerOpen = true;
797 $scope.arrowShow = true;
799 $scope.arrowShow = false;
801 $scope.arrowShow = true;
802 $scope.drawerOpen = false;
803 $scope.toggleDrawer = function() {
804 $scope.drawerOpen = !($scope.drawerOpen);
805 if ($scope.drawerOpen) {
806 $scope.arrowShow = true;
807 if (document.getElementById('mContent')!=null)
808 document.getElementById('mContent').style.marginLeft = "0px";
810 $scope.arrowShow = false;
811 if (document.getElementById('mContent')!=null)
812 document.getElementById('mContent').style.marginLeft = "-150px";
815 //var drawerOpen = getCookie('drawerOpen');
816 if (drawerOpen == 'open') {
817 $scope.drawerOpen = true;
818 $scope.arrowShow = true;
820 $scope.arrowShow = false;
822 $timeout(function() {
828 app.filter("ellipsis", function(){
829 return function(text, length){
831 var ellipsis = text.length > length ? "..." : "";
832 return text.slice(0, length) + ellipsis;