portal-FE-os/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   @Output() userNotFoundFlag = new EventEmitter<boolean>();
  60   searchString: string;
  61   txtResults = 'result';
  62   searchUsersResults: any;
  63   selected: any;
  64   isLoading: boolean;
  65   showUserTable: boolean;
  66   selectedUser: any;
  67   displayedColumns: string[] = ['firstName'];
  68   dataSourceMap = new MatTableDataSource(this.searchUsersResults);
  69   submitted = false;
  70   message = " No users found with your query. Please change your search and try again.";
  71
  72   ngOnInit() {
  73     this.searchString = '';
  74     this.showUserTable = false;
  75     this.isSystemUser = false;
  76   }
  77
  78   passSystemUserInfo(systemUser: string) {
  79     if (this.isSystemUser)
  80       this.passBackSelectedUser.emit(systemUser);
  81   }
  82
  83   noUserFlag: boolean = false;
  84   searchUsers() {
  85     if (!this.isSystemUser) {
  86       this.isLoading = true;
  87       this.showUserTable = false;
  88       this.passBackSelectedUser.emit(this.selectedUser = '');
  89       this.userService.searchUsers(this.searchString).subscribe((_data: PortalAdmin) => {
  90         this.searchUsersResults = _data;
  91         if (this.searchUsersResults == null || this.searchUsersResults.length == 0) {
  92           this.noUserFlag = true;
  93           this.isLoading = false;
  94         } else {
  95           this.noUserFlag = false;
  96           this.showUserTable = true;
  97           this.isLoading = false;
  98           this.dataSourceMap = new MatTableDataSource(this.searchUsersResults);
  99           this.txtResults = (this.searchUsersResults && this.searchUsersResults.length > 1) ? 'results' : 'result';
 100         }
 101       });
 102     }
 103   }
 104
 105   setSelectedUser(user: PortalAdmin) {
 106     this.selectedUser = user;
 107     this.passBackSelectedUser.emit(this.selectedUser);
 108   }
 109
 110   addNewUser() {
 111     console.log("Emit the value to parent");
 112     this.userNotFoundFlag.emit(true);
 113   }
 114
 115 }