org.onap migration
[vid.git] / epsdk-app-onap / src / main / webapp / WEB-INF / fusion / jsp / ds2 / header.jsp
index 94213a2..483922f 100755 (executable)
@@ -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