1 files changed, 234 insertions, 0 deletions
diff --git a/portal-FE-common/src/app/pages/users/users.component.ts b/portal-FE-common/src/app/pages/users/users.component.ts
new file mode 100644
index 00000000..23538b5f
--- /dev/null
+++ b/portal-FE-common/src/app/pages/users/users.component.ts
@@ -0,0 +1,234 @@
+/*-
+ * ============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 { Component, OnInit, ViewChild } from '@angular/core';
+import { MatTableDataSource, MatSort, MatPaginator } from '@angular/material';
+import { ApplicationsService, UsersService } from 'src/app/shared/services';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { ConfirmationModalComponent } from 'src/app/modals/confirmation-modal/confirmation-modal.component';
+import { UserAdminApps } from 'src/app/shared/model';
+import { HttpErrorResponse } from '@angular/common/http';
+import { NewUserModalComponent } from './new-user-modal/new-user-modal.component';
+import { BulkUserComponent } from './bulk-user/bulk-user.component';
+
+@Component({
+  selector: 'app-users',
+  templateUrl: './users.component.html',
+  styleUrls: ['./users.component.scss']
+})
+export class UsersComponent implements OnInit {
+  multiAppAdmin: boolean;
+  adminApps: any;
+  selectApp = 'select-application';
+  selectedApp: any;
+  appsIsDown: boolean;
+  noUsersInApp: boolean;
+  searchString: string;
+  isAppSelectDisabled: boolean;
+  accountUsers: any;
+  noAppSelected: boolean;
+  @ViewChild(MatSort) sort: MatSort;
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  displayedColumns: string[] = ['firstName', 'lastName', 'userId', 'roles'];
+  adminsDataSource = new MatTableDataSource(this.accountUsers);
+  adminsData: [];
+  showSpinner: boolean;
+  adminAppsIsNull: any;
+
+  constructor(private applicationsService: ApplicationsService, public ngbModal: NgbModal,
+    private usersService: UsersService) { }
+
+  ngOnInit() {
+    this.adminApps = [];
+    this.accountUsers = [];
+    this.getAdminApps();
+  }
+
+  openAddNewUserModal() {
+    const modalRef = this.ngbModal.open(NewUserModalComponent);
+    modalRef.componentInstance.title = 'New User';
+    modalRef.componentInstance.dialogState = 1;
+    modalRef.componentInstance.disableBack = false;
+    modalRef.componentInstance.passBackNewUserPopup.subscribe((_result: any) => {
+      this.showSpinner = true;
+      this.updateUsersList();
+    }, (_reason: any) => {
+      return;
+    });
+  }
+
+  openExistingUserModal(userData: any) {
+    const modalRef = this.ngbModal.open(NewUserModalComponent);
+    modalRef.componentInstance.userTitle = `${userData.firstName}, ${userData.lastName} ` + '(' + `${userData.orgUserId}` + ')';
+    modalRef.componentInstance.dialogState = 2;
+    modalRef.componentInstance.userModalData = userData;
+    modalRef.componentInstance.disableBack = true;
+    modalRef.componentInstance.passBackNewUserPopup.subscribe((_result: any) => {
+      this.showSpinner = true;
+      this.updateUsersList();
+    }, (_reason: any) => {
+      return;
+    });
+  }
+
+  openBulkUserUploadModal() {
+    const modalRef = this.ngbModal.open(BulkUserComponent);
+    modalRef.componentInstance.title = 'Bulk User Upload';
+    modalRef.componentInstance.adminsAppsData = this.adminApps;
+    modalRef.componentInstance.passBackBulkUserPopup.subscribe((_result: any) => {
+      this.showSpinner = true;
+      this.updateUsersList();
+    }, (_reason: any) => {
+      return;
+    });
+  }
+
+  applyDropdownFilter(_appValue: any) {
+    if (_appValue !== 'select-application') {
+      this.selectedApp = _appValue;
+      this.selectApp = this.selectedApp.value;
+      this.updateUsersList();
+    } else {
+      this.showSpinner = false;
+      this.noAppSelected = true;
+      this.accountUsers = [];
+      this.adminsDataSource = new MatTableDataSource(this.accountUsers);
+    }
+  }
+
+  applyFilter(filterValue: string) {
+    this.adminsDataSource.filter = filterValue.trim().toLowerCase();
+  }
+
+  getAdminApps() {
+    this.showSpinner = true;
+    this.applicationsService.getAdminApps().subscribe((apps: Array<UserAdminApps>) => {
+      this.showSpinner = false;
+      if (!apps) {
+        return null;
+      }
+
+      if (apps.length >= 2) {
+        this.multiAppAdmin = true;
+      } else {
+        this.adminApps = [];
+      }
+
+      let sortedApps = apps.sort(this.getSortOrder("name"));
+      let realAppIndex = 1;
+      for (let i = 1; i <= sortedApps.length; i++) {
+        this.adminApps.push({
+          index: realAppIndex,
+          id: sortedApps[i - 1].id,
+          value: sortedApps[i - 1].name,
+          title: sortedApps[i - 1].name
+        });
+        realAppIndex = realAppIndex + 1;
+      }
+      this.selectApp = this.adminApps[0];
+      this.adminAppsIsNull = false;
+      if (this.selectApp != 'select-application') {
+        this.isAppSelectDisabled = false;
+        this.noUsersInApp = false;
+        this.noAppSelected = true;
+      }
+    }, (_err: HttpErrorResponse) => {
+      this.showSpinner = false;
+      if (_err.status === 403) {
+        this.adminAppsIsNull = true;
+      } else {
+        const modalErrorRef = this.ngbModal.open(ConfirmationModalComponent);
+        modalErrorRef.componentInstance.title = "Error";
+        if (_err.status) {    //Conflict
+          modalErrorRef.componentInstance.message = 'Error Status: ' + _err.status + ' There was a unknown problem adding the portal admin.' + 'Please try again later.';
+        }
+      }
+    });
+  }
+
+  updateUsersList() {
+    this.appsIsDown = false;
+    this.noUsersInApp = false;
+    // $log.debug('UsersCtrl::updateUsersList: Starting updateUsersList');
+    //reset search string
+    this.searchString = '';
+    //should i disable this too in case of moving between tabs?
+    this.isAppSelectDisabled = true;
+    //activate spinner
+    this.showSpinner = true;
+    this.accountUsers = [];
+    this.adminsDataSource = new MatTableDataSource(this.accountUsers);
+    if (this.selectApp != 'select-application' && this.selectedApp) { // 'Select Application'
+      this.noAppSelected = false;
+      this.usersService.getAccountUsers(this.selectedApp.id)
+        .subscribe((accountUsers: []) => {
+          this.isAppSelectDisabled = false;
+          this.accountUsers = accountUsers;
+          if (!accountUsers || accountUsers.length === 0) {
+            this.noUsersInApp = true;
+          }
+          this.showSpinner = false;
+          this.adminsDataSource = new MatTableDataSource(this.accountUsers);
+          this.adminsDataSource.paginator = this.paginator;
+          this.adminsDataSource.sort = this.sort;
+        }, (_err: HttpErrorResponse) => {
+          this.isAppSelectDisabled = false;
+          const modalErrorRef = this.ngbModal.open(ConfirmationModalComponent);
+          modalErrorRef.componentInstance.title = "Error";
+          modalErrorRef.componentInstance.message = 'Error Status: ' + _err.status + ' There was a problem updating the users List.' + 'Please try again later.';
+          this.appsIsDown = true;
+          this.showSpinner = false;
+        })
+    } else {
+      this.isAppSelectDisabled = false;
+      this.showSpinner = false;
+      this.noUsersInApp = false;
+      this.noAppSelected = true;
+    }
+  };
+
+  getSortOrder = (prop) => {
+    return function (a, b) {
+      if (a[prop] > b[prop]) {
+        return 1;
+      } else if (a[prop] < b[prop]) {
+        return -1;
+      }
+      return 0;
+    }
+  }
+}