portal-FE-common/src/app/layout/components/global-search/global-search.component.ts

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 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, OnInit, Output, EventEmitter } from '@angular/core';
  39 import { GlobalSearchService } from 'src/app/shared/services/global-search/global-search.service';
  40 import { GlobalSearchItem } from 'src/app/shared/model/global-search-item.model';
  41 import * as $ from 'jquery';
  42 import { AddTabFunctionService } from 'src/app/shared/services/tab/add-tab-function.service';
  43 import { Router } from '@angular/router';
  44
  45 @Component({
  46   selector: 'app-global-search',
  47   templateUrl: './global-search.component.html',
  48   styleUrls: ['./global-search.component.scss']
  49 })
  50 export class GlobalSearchComponent implements OnInit {
  51   searchResDialog: boolean = false;
  52   items: any;
  53   searchString: string;
  54   constructor(private globalSearchService: GlobalSearchService, private addTabFuntionService: AddTabFunctionService, private router: Router) { }
  55
  56   ngOnInit() {
  57   }
  58
  59   showHideSearchSnippet() {
  60     setTimeout(() => {
  61       $('#mainSearchSnippet').click();
  62     }, 1000);
  63     setTimeout(() => {
  64       $('mainSearchText').focus();
  65     }, 1000);
  66   }
  67
  68   mainSearchEvent = $('#mainSearchDiv').keyup((event) => {
  69     if (event.keyCode == 13) {
  70
  71       this.getSearchResult(<string><any>$('#mainSearchText').val());
  72
  73       // opens the popup
  74       var popupDomObj = $("[content='searchSnippet.html']");
  75       if (popupDomObj.length == 0) {
  76         this.showHideSearchSnippet();
  77       } else {
  78         $('#mainSearchSnippet').click();
  79         this.showHideSearchSnippet();
  80       }
  81
  82
  83
  84     }
  85   });
  86
  87   clickOutSide(event: any) {
  88
  89     this.searchResDialog = false;
  90
  91   }
  92   searchDialogToggle(event: any) {
  93     if (event.keyCode == 13) {
  94       this.searchResDialog = true;
  95       this.searchString = <string><any>$('#mainSearchText').val();
  96       this.getSearchResult(<string><any>$('#mainSearchText').val());
  97     }
  98   }
  99
 100   getSearchResult(searchString: string) {
 101     //console.log("getSearch Result");
 102     this.globalSearchService.getSearchResults(searchString).subscribe(data => {
 103       //console.log("Response data" + data);
 104       this.items = data.response;
 105       //console.log("search result data" + JSON.stringify(data));
 106
 107     }, error => {
 108       console.log('getSearchResult Error Object' + error);
 109     });
 110   };
 111   goToUrl(item: any, type?: any) {
 112     //console.log('check goto');
 113     //var a = { 'test1': 'value1', 'test2': 'value3', 'test3': 'value2' };
 114     if (type == 'intra') {
 115
 116       var intraSearcLink = "http://insider.web.att.com/s/s.dll?spage=search%2FVeritySearchResult.htm&QueryText=";
 117       var intraSpecSearcLink = intraSearcLink + encodeURIComponent(this.searchString);
 118       window.open(intraSpecSearcLink, '_blank');
 119
 120     } else if (type == 'extra') {
 121       var extraSearcLink = "https://www.att.com/global-search/search.jsp?q=";
 122       var extraSpecSearcLink = extraSearcLink + encodeURIComponent(this.searchString);
 123       window.open(extraSpecSearcLink, '_blank');
 124     }
 125     let url = item.target;
 126     let restrictedApp = item.uuid;
 127     let getAccessState = "getAccess"
 128     console.log("item.target " + item.target + "item.uuid " + item.uuid);
 129     if (!url) {
 130       this.router.navigate(['/' + getAccessState]);
 131       //$log.info('No url found for this application, doing nothing..');
 132       return;
 133     }
 134     if (!restrictedApp) {
 135       window.open(url, '_blank');
 136     } else {
 137       if (item.url == "root.access") {
 138         this.router.navigate(['/' + item.url]);
 139         var tabContent = { id: new Date(), title: 'Home', url: url };
 140         // $cookies.putObject('addTab', tabContent );
 141         this.addTabFuntionService.filter(tabContent);
 142       } else {
 143         var tabContentCtrl = { id: new Date(), title: item.name, url: url };
 144         this.addTabFuntionService.filter(tabContentCtrl);
 145       }
 146     }
 147
 148   }
 149
 150 }