portal-FE-common/src/app/layout/components/search-users/search-users.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, Input, ViewChild, Output, EventEmitter } from '@angular/core';
  39 import { UsersService } from 'src/app/shared/services';
  40 import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
  41 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
  42 import { ConfirmationModalComponent } from 'src/app/modals/confirmation-modal/confirmation-modal.component';
  43 import { PortalAdmin } from 'src/app/shared/model/PortalAdmin';
  44
  45 @Component({
  46   selector: 'app-search-users',
  47   templateUrl: './search-users.component.html',
  48   styleUrls: ['./search-users.component.scss']
  49 })
  50 export class SearchUsersComponent implements OnInit {
  51
  52   constructor(private userService: UsersService, private ngModal: NgbModal) { }
  53   @Input() searchTitle: string;
  54   @Input() placeHolder: string;
  55   @Input() isSystemUser: boolean;
  56   @ViewChild(MatSort) sort: MatSort;
  57   @ViewChild(MatPaginator) paginator: MatPaginator;
  58   @Output() passBackSelectedUser: EventEmitter<any> = new EventEmitter();
  59   searchString: string;
  60   txtResults = 'result';
  61   searchUsersResults: any;
  62   selected: any;
  63   isLoading: boolean;
  64   showUserTable: boolean;
  65   selectedUser: any;
  66   displayedColumns: string[] = ['firstName'];
  67   dataSourceMap = new MatTableDataSource(this.searchUsersResults);
  68
  69   ngOnInit() {
  70     this.searchString = '';
  71     this.showUserTable = false;
  72     this.isSystemUser = false;
  73   }
  74
  75   passSystemUserInfo(systemUser: string) {
  76     if (this.isSystemUser)
  77       this.passBackSelectedUser.emit(systemUser);
  78   }
  79
  80   searchUsers() {
  81     if (!this.isSystemUser) {
  82       this.isLoading = true;
  83       this.showUserTable = false;
  84       this.passBackSelectedUser.emit(this.selectedUser = '');
  85       this.userService.searchUsers(this.searchString).subscribe((_data: PortalAdmin) => {
  86         this.searchUsersResults = _data;
  87         if (this.searchUsersResults == null || this.searchUsersResults.length == 0) {
  88           const modelRef = this.ngModal.open(ConfirmationModalComponent)
  89           modelRef.componentInstance.title = "Confirmation";
  90           modelRef.componentInstance.message = " No users found with your query. Please change your search and try again."
  91           this.isLoading = false;
  92         } else {
  93           this.showUserTable = true;
  94           this.isLoading = false;
  95           this.dataSourceMap = new MatTableDataSource(this.searchUsersResults);
  96           this.txtResults = (this.searchUsersResults && this.searchUsersResults.length > 1) ? 'results' : 'result';
  97         }
  98       });
  99     }
 100   }
 101
 102   setSelectedUser(user: PortalAdmin) {
 103     this.selectedUser = user;
 104     this.passBackSelectedUser.emit(this.selectedUser);
 105   }
 106
 107 }