gerrit.onap Code Review - portal/sdk.git/blob

   1 /*
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal SDK
   4  * ===================================================================
   5  * Copyright © 2019 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  *
  37  */
  38 import { Component, Output, EventEmitter, OnInit } from '@angular/core';
  39 import { Router, NavigationEnd } from '@angular/router';
  40 import { SidebarService} from '../../../shared/services/index'
  41
  42 @Component({
  43     selector: 'app-sidebar',
  44     templateUrl: './sidebar.component.html',
  45     styleUrls: ['./sidebar.component.scss']
  46 })
  47 export class SidebarComponent implements OnInit {
  48     isActive: boolean;
  49     collapsed: boolean;
  50     showMenu: string;
  51     pushRightClass: string;
  52     result:any;
  53     leftParentData;
  54     leftChildData;
  55     hash:string="#";
  56     menuData:Array<object> = [];
  57     page;
  58
  59     @Output() collapsedEvent = new EventEmitter<boolean>();
  60
  61     constructor(public router: Router, public sidebarService: SidebarService) {
  62         this.router.events.subscribe(val => {
  63             if (
  64                 val instanceof NavigationEnd &&
  65                 window.innerWidth <= 992 &&
  66                 this.isToggled()
  67             ) {
  68                 this.toggleSidebar();
  69             }
  70         });
  71     }
  72
  73     ngOnInit() {
  74         this.isActive = false;
  75         this.collapsed = false;
  76         this.showMenu = '';
  77         this.pushRightClass = 'push-right';
  78         this.sidebarService.getLeftMenu()
  79         .subscribe(data => {
  80
  81         this.result = data;
  82         this.leftParentData = JSON.parse(this.result.data);
  83         this.leftChildData = JSON.parse(this.result.data2);
  84
  85         for (var i = 0; i < this.leftParentData.length; i++) {
  86         var parentItem={
  87             name:null,
  88             imageSrc:null,
  89             href:null,
  90             menuItems:[]
  91           };
  92
  93          console.log(this.leftParentData[i].label);
  94           parentItem.name = this.leftParentData[i].label;
  95           parentItem.imageSrc = this.leftParentData[i].imageSrc;
  96           // Add link to items with no subitems
  97           if (this.leftChildData[i].length == 0)
  98              parentItem.href = this.leftParentData[i].action;
  99
 100           for (var j = 0; j < this.leftChildData[i].length; j++) {
 101
 102             var childItem={
 103               name:null,
 104               href:null,
 105               router:null
 106             };
 107             if (this.leftChildData[i][j].label != null && this.leftChildData[i][j].label.length > 0) {
 108
 109               childItem.name = this.leftChildData[i][j].label;
 110               if(this.leftChildData[i][j].action.match('v2/*'))
 111                   childItem.router = '/'+ this.leftChildData[i][j].action;
 112               else childItem.href = this.leftChildData[i][j].action;
 113               parentItem.menuItems.push(childItem)
 114             }
 115           }
 116          this.menuData.push(parentItem);
 117          console.log(this.menuData);
 118         }
 119
 120     });
 121
 122     }
 123     eventCalled() {
 124         this.isActive = !this.isActive;
 125     }
 126
 127     addExpandClass(element: any) {
 128         if (element === this.showMenu) {
 129             this.showMenu = '0';
 130         } else {
 131             this.showMenu = element;
 132         }
 133     }
 134
 135     toggleCollapsed() {
 136         this.collapsed = !this.collapsed;
 137         this.collapsedEvent.emit(this.collapsed);
 138     }
 139
 140     isToggled(): boolean {
 141         const dom: Element = document.querySelector('body');
 142         return dom.classList.contains(this.pushRightClass);
 143     }
 144
 145     toggleSidebar() {
 146         const dom: any = document.querySelector('body');
 147         dom.classList.toggle(this.pushRightClass);
 148     }
 149
 150     onLoggedout() {
 151         localStorage.removeItem('isLoggedin');
 152     }
 153 }