diff options
Diffstat (limited to 'epsdk-app-onap/src/main/webapp/WEB-INF/fusion/jsp/ds2/header.jsp')
| -rwxr-xr-x | epsdk-app-onap/src/main/webapp/WEB-INF/fusion/jsp/ds2/header.jsp | 236 |
1 files changed, 235 insertions, 1 deletions
diff --git a/epsdk-app-onap/src/main/webapp/WEB-INF/fusion/jsp/ds2/header.jsp b/epsdk-app-onap/src/main/webapp/WEB-INF/fusion/jsp/ds2/header.jsp index 94213a2a..483922fc 100755 --- a/epsdk-app-onap/src/main/webapp/WEB-INF/fusion/jsp/ds2/header.jsp +++ b/epsdk-app-onap/src/main/webapp/WEB-INF/fusion/jsp/ds2/header.jsp @@ -1 +1,235 @@ -<div ds2-menu id="menuContainer" class="menu-container" ></div>
\ No newline at end of file +<script src="./app/fusion/external/angular-1.5/angular.min.js"></script> +<script src="./app/fusion/external/angular-1.5/angular-messages.js"></script> +<script src="./app/fusion/external/angular-1.5/angular-touch.js"></script> +<script src="./app/fusion/external/angular-1.5/angular-sanitize.js"></script> +<script src="./app/fusion/external/angular-1.5/angular-route.min.js"></script> +<script src="./app/fusion/external/angular-1.5/angular-cookies.min.js"></script> +<script src="./app/fusion/external/ds2/js/b2b-angular/b2b-library.min.js"></script> +<script src="./app/fusion/external/ds2/js/digital-ng-library/digital-design-library.js"></script> +<script src="./app/fusion/scripts/DS2-services/leftMenuServiceDS2.js"></script> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/b2b-angular/b2b-angular.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/b2b-angular/b2b-angular.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/extras/ds2-accordion.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/extras/ds2-bootstrap-datepicker.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/extras/ds2-cc-input-field.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/extras/ds2-tooltip.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/extras/x-tabs-pills.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-accordion.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-bootstrap-datepicker.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-c2c.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-cc-input-field.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-filmstrip.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-filters.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-legacynav-fix.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-marquee.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-pagination.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-popover.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-progressbar.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ds2-tooltip.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/global.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/digital-design-library.css"> + +<link rel="stylesheet" type="text/css" href="./app/fusion/external/ds2/css/digital-ng-library/ionicons.css"> +<link rel="stylesheet" type="text/css" href="./app/fusion/styles/ecomp.css"> +<script> +angular.module('att.abs.helper', []); +angular.module('quantum', []); +var appDS2=angular.module("abs", ["ngRoute", 'ngAnimate', 'ngTouch', 'ui.bootstrap', 'ngMessages', 'ngCookies', 'b2b.att.tpls', 'ddh.att.tpls', 'ddh.att.switches', 'b2b.att.footer', 'b2b.att.header', 'btorfs.multiselect']); +</script> + +<script src="./app/fusion/scripts/DS2-services/leftMenuServiceDS2.js"></script> + +<script> +appDS2.controller("leftMenuController", ['$scope', '$filter','$http','$timeout','$cookies','LeftMenuServiceDS2', function ($scope, $filter, $http, $timeout, $cookies, LeftMenuServiceDS2) { + $scope.menuData = []; + $scope.leftChildData=[]; + $scope.leftParentData=[]; + $scope.leftMenuItems = []; + $scope.app_name = ""; + $scope.app_name_full; + LeftMenuServiceDS2.getLeftMenu().then(function(response){ + var j = response; + try{ + if(j && j !== "null" && j!== "undefined"){ + $scope.leftParentData = JSON.parse(j.data); + $scope.leftChildData = JSON.parse(j.data2); + }else{ + throw "Get Left Menu respsone is not an object/is empty"; + } + try{ + var leftChildItemList = $scope.leftChildData; + var pageUrl = window.location.href.split('/')[window.location.href.split('/').length-1]; + var leftParentList =$scope.leftParentData; + + for (var i = 0; i < leftParentList.length; i++) { + var parentItem = {}; + parentItem.name = leftParentList[i].label; + if(parentItem.name == 'Home'){ + parentItem.imageSrc = /*"icon-location-pinpoint"*/ "icon-building-home"; + } else if(parentItem.name == 'Sample Pages'){ + parentItem.imageSrc = "icon-documents-book"; + } else if(parentItem.name == 'Reports'){ + parentItem.imageSrc = "icon-misc-piechart"; + } else if(parentItem.name == 'Profile'){ + parentItem.imageSrc = "icon-people-oneperson"; + } else if(parentItem.name == 'Admin'){ + parentItem.imageSrc = "icon-content-star"; + } else if(parentItem.name == 'Sample Pages'){ + parentItem.imageSrc = "icon-content-searchchannels"; + } else { + parentItem.imageSrc = "icon-building-door"; + } + parentItem.menuItems = []; + for (var j = 0; j < leftChildItemList[i].length; j++) { + if(leftChildItemList[i][j].label != null && leftChildItemList[i][j].label.length > 0) { + var childItem = {}; + childItem.name = leftChildItemList[i][j].label; + childItem.href = leftChildItemList[i][j].action; + parentItem.menuItems.push(childItem) + } + } + $scope.menuData.push(parentItem); + } + + + //For Home, add href + $scope.menuData[0].href = leftParentList[0].action; + + for (var i = 0; i < leftParentList.length; i++) { + $scope.item = { + parentLabel : leftParentList[i].label, + parentAction : leftParentList[i].action, + parentImageSrc : leftParentList[i].imageSrc, + open:pageUrl==leftParentList[i].action?true:false, + childItemList : leftChildItemList[i] + }; + }; + }catch(err){ + console.log("error happened while trying to set left menu structure"+err); + } + }catch (e) { + console.log("error happened while trying to get left menu items"+e); + reloadPageOnce(); + return; + } +},function(error){ + console.log("error happened while calling getLeftMenu"+error); +}); + +LeftMenuServiceDS2.getAppName().then(function(response){ + var j = response; + try{ + if(j && j !== "null" && j!== "undefined"){ + console.log("app name is " + $scope.app_name); + $scope.app_name_full = j.data; + var processed_app_name = j.data; + var n = processed_app_name.length; + if (n > 15) { + n = 15; + } + $scope.app_name = processed_app_name.substr(0, n); + }else{ + throw "Get app_name respsone is not an object/is empty"; + } + }catch (e) { + console.log("error happened while trying to get app name "+e); + return; + } +},function(error){ + console.log("error happened while calling getAppName "+error); +}); + +$scope.adjustHeader=function() { + $scope.showHeader = ($cookies.show_app_header == undefined ? true : $cookies.show_app_header); + + if($scope.showHeader == true) { + $scope.drawer_margin_top = 50; + $scope.drawer_custom_top = 54; + $scope.toggle_drawer_top = 55; + } + else { + + $scope.drawer_margin_ top = 40; + $scope.drawer_custom_top = 0; + $scope.toggle_drawer_top = 10; + } + + +}; + +$scope.adjustHLeftMenu = function (type){ + $scope.showHeader = ($cookies.show_app_header == undefined ? true : $cookies.show_app_header); + + if($scope.showHeader == true) { + $scope.drawer_margin_top = 60; + $scope.drawer_custom_top = 54; + $scope.toggle_drawer_top = 55; + } + else { + + $scope.drawer_margin_top = 50; + $scope.drawer_custom_top = 0; + $scope.toggle_drawer_top = 10; + } + if(type=='burgerIcon'){ + return { "top": $scope.toggle_drawer_top+"px"}; + }else if(type=='leftMenu'){ + return { "margin-top": $scope.drawer_margin_top+"px"}; + }else + return; +} +$scope.adjustHeader(); +$scope.drawerOpen = true; + +$scope.toggleDrawer = function() { + $scope.drawerOpen = !($scope.drawerOpen); + if ($scope.drawerOpen) { + // setCookie('drawerOpen','open',30); + $scope.arrowShow = true; + + + if (document.getElementById('fnMenueContent')!=null) + document.getElementById('fnMenueContent').style.marginLeft = "0px"; + + if (document.getElementById('rightContentAdmin')!=null) + document.getElementById('rightContentAdmin').style.marginLeft = "210px"; + + else if (document.getElementById('rightContentProfile')!=null) + document.getElementById('rightContentProfile').style.marginLeft = "210px"; + } else { + + $scope.arrowShow = false; + + if (document.getElementById('fnMenueContent')!=null) + document.getElementById('fnMenueContent').style.marginLeft = "-150px"; + + if (document.getElementById('rightContentAdmin')!=null) { + document.getElementById('rightContentAdmin').style.marginLeft = "50px"; + } + + else if (document.getElementById('rightContentProfile')!=null) + document.getElementById('rightContentProfile').style.marginLeft = "50px"; + } + }; + +$timeout(function() { + //detectScrollEvent(); + }, 800); +}]); +</script> + +<style> +#page-content{ +margin-top:-250px; +} + +#page-content td, th { + padding: 0px; + border:none; +} +</style> +<div ng-app="abs"> + <div ng-controller = "leftMenuController"> + <ddh-left-navigation menu-data="menuData"></ddh-left-navigation> + </div> +</div>
\ No newline at end of file |