+++ /dev/null
-/*-
- * ============LICENSE_START==========================================
- * ONAP Portal
- * ===================================================================
- * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
- * ===================================================================
- *
- * Unless otherwise specified, all software contained herein is licensed
- * under the Apache License, Version 2.0 (the "License");
- * you may not use this software except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Unless otherwise specified, all documentation contained herein is licensed
- * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
- * you may not use this documentation except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://creativecommons.org/licenses/by/4.0/
- *
- * Unless required by applicable law or agreed to in writing, documentation
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * ============LICENSE_END============================================
- *
- *
- */
-import * as _ from 'underscore';
-import { Component, OnInit } from '@angular/core';
-import { MenusService } from 'src/app/shared/services/menus/menus.service';
-import { AddTabFunctionService } from 'src/app/shared/services/tab/add-tab-function.service';
-import { Router } from '@angular/router';
-
-@Component({
- selector: 'app-header-menu',
- templateUrl: './header-menu.component.html',
- styleUrls: ['./header-menu.component.scss']
-})
-export class HeaderMenuComponent implements OnInit {
- hideMenus: boolean[] = [];
- hideSecondLevelMenus: boolean[][] = [];
- hideThirdLevelMenus: boolean[] = [];
- megaMenuDataObject: any[];
- favoritesMenuItems: any[];
- favoritesWindow: boolean;
- showFavorites: boolean;
- emptyFavorites: boolean;
- favoriteItemsCount: number;
-
- constructor(public router: Router, private menusService: MenusService, private addTabFuntionService: AddTabFunctionService) { }
-
- ngOnInit() {
- //this.hideMenus[0] = false;
- this.getFunctionalMenuForUser();
-
- }
-
- unflatten(array: any, parent?: any, tree?: any) {
- tree = typeof tree !== 'undefined' ? tree : [];
- parent = typeof parent !== 'undefined' ? parent : { menuId: null };
- var children = _.filter(array, function (child: any) {
- return child.parentMenuId == parent.menuId;
- });
- if (!_.isEmpty(children)) {
- if (parent.menuId === null) {
- tree = children;
- } else {
- parent['children'] = children
- }
- _.each(children, function (child: any) {
- this.unflatten(array, child)
- }, this);
- }
-
- return tree;
- }
- getFunctionalMenuForUser() {
- this.menusService.getFunctionalMenuForUser().subscribe((jsonHeaderMenu: any) => {
- this.megaMenuDataObject = this.unflatten(jsonHeaderMenu);
- // for (let entry of this.megaMenuDataObject) {
- // console.log('First level '+entry.text);
- // for (let secondLevel of entry.children)
- // {
- // if(secondLevel)
- // {
- // console.log('Second level '+secondLevel.text);
- // for (let thirdLevel of secondLevel.children)
- // {
- // console.log('Third level '+thirdLevel.text);
- // }
- // }
-
- // }
-
- // }
-
-
- }, (err) => {
- console.log('HeaderCtrl::GetFunctionalMenuForUser: HeaderCtrl json returned: ' + err);
- });
-
- }
- getFavoriteItems() {
- this.menusService.getFavoriteItems().toPromise().then((jsonFavourites: any) => {
- this.favoritesMenuItems = jsonFavourites;
- if (this.favoritesMenuItems) {
- this.favoriteItemsCount = this.favoritesMenuItems.length;
- }
- }, (err) => {
- console.log('HeaderCtrl::getFavoriteItems: HeaderCtrl json returned: ' + err);
- });
- }
- loadFirstLevel(index: any) {
- this.hideMenus = [];
- this.hideSecondLevelMenus = [];
- for (let firstLevelIndex = 0; firstLevelIndex < this.megaMenuDataObject.length; firstLevelIndex++) {
- this.hideMenus.push(false);
- this.hideSecondLevelMenus.push(new Array(this.megaMenuDataObject[firstLevelIndex].length).fill(false));
- }
- this.hideMenus[index] = true;
- if (!this.favoritesMenuItems) {
- this.getFavoriteItems();
- }
-
- }
- isUrlFavorite(menuId: any) {
- if (this.favoritesMenuItems) {
- var jsonMenu = JSON.stringify(this.favoritesMenuItems);
- var isMenuFavorite = jsonMenu.indexOf('menuId\":' + menuId);
- if (isMenuFavorite == -1) {
- return false;
- } else {
- return true;
- }
- }
- else {
- return false;
- }
- }
- submenuLevelAction(index: any, column: any) {
- //console.log('index and column' + index + column);
- if (index == 'Favorites' && this.favoriteItemsCount != 0) {
- this.favoritesWindow = true;
- this.showFavorites = true;
- this.emptyFavorites = false;
- }
- if (index == 'Favorites' && this.favoriteItemsCount == 0) {
- this.favoritesWindow = true;
- this.showFavorites = false;
- this.emptyFavorites = true;
- }
- if (index != 'Favorites') {
- this.favoritesWindow = false;
- this.showFavorites = false;
- this.emptyFavorites = false;
- }
- }
- hideFavoritesWindow() {
- this.showFavorites = false;
- this.emptyFavorites = false;
- }
- removeAsFavoriteItem(event: any, menuId: any) {
- this.menusService.removeFavoriteItem(menuId).subscribe(() => {
- //angular.element('#' + event.target.id).css('color', '#666666');
- this.getFavoriteItems();
- }, (err) => {
- console.error('HeaderCtrl::removeAsFavoriteItem: API removeFavoriteItem error: ' + err);
- });
- }
- hideThirdLevelMenu(firstLevelIndex: any, secondLevelIndex: any) {
- this.hideSecondLevelMenus = [];
- for (let firstLevelIndex = 0; firstLevelIndex < this.megaMenuDataObject.length; firstLevelIndex++) {
- this.hideSecondLevelMenus.push(new Array(this.megaMenuDataObject[firstLevelIndex].length).fill(false));
- }
- this.hideSecondLevelMenus[firstLevelIndex][secondLevelIndex] = true;
- }
-
- clickOutSide(event: any) {
- this.hideMenus = [];
- this.hideSecondLevelMenus = [];
- for (let firstLevelIndex = 0; firstLevelIndex < this.megaMenuDataObject.length; firstLevelIndex++) {
- this.hideMenus.push(false);
- this.hideSecondLevelMenus.push(new Array(this.megaMenuDataObject[firstLevelIndex].length).fill(false));
- }
-
- }
- setAsFavoriteItem(event: any, menuId: any) {
-
- }
- goToUrl(item: any) {
- //console.log('Get into URL function' + item.url);
- let url = item.url;
- let restrictedApp = item.restrictedApp;
- if (!url) {
- console.log('HeaderCtrl::goToUrl: No url found for this application, doing nothing..');
- return;
- }
- if (restrictedApp) {
- window.open(url, '_blank');
- } else {
- if (item.url == "getAccess" || item.url == "contactUs") {
-
- this.router.navigate(['/' + item.url]);
-
- } else {
- var tabContent = {
- id: new Date(),
- title: item.text,
- url: item.url,
- appId: item.appid
- };
- this.addTabFuntionService.filter(tabContent);
- }
- }
-
- }
- auditLog(link: any, action: any) {
-
- }
-
-}
Code Review / portal.git / blobdiff