1 files changed, 200 insertions, 0 deletions
diff --git a/portal-FE-common/src/app/pages/role/role-functions/role-functions.component.ts b/portal-FE-common/src/app/pages/role/role-functions/role-functions.component.ts
new file mode 100644
index 00000000..1b68526d
--- /dev/null
+++ b/portal-FE-common/src/app/pages/role/role-functions/role-functions.component.ts
@@ -0,0 +1,200 @@
+/*-
+ * ============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 { RoleService, ApplicationsService } from 'src/app/shared/services';
+import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
+import { RoleFunctionModalComponent } from './role-function-modal/role-function-modal.component';
+import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
+import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
+import { ConfirmationModalComponent } from 'src/app/modals/confirmation-modal/confirmation-modal.component';
+import { HttpClient } from '@angular/common/http';
+import { environment } from 'src/environments/environment';
+
+@Component({
+  selector: 'app-role-functions',
+  templateUrl: './role-functions.component.html',
+  styleUrls: ['./role-functions.component.scss']
+})
+export class RoleFunctionsComponent implements OnInit {
+  api = environment.api
+  centralizedApps: any;
+  selectedCentralizedApp: any;
+  availableRoleFunctions: any;
+  displayedColumns: string[] = ['type', 'instance', 'action', 'name', 'edit', 'delete'];
+  roleFunctionsDataSource = new MatTableDataSource(this.availableRoleFunctions);
+  @ViewChild(MatSort) sort: MatSort;
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  showSpinner: boolean;
+
+  constructor(public ngbModal: NgbModal,private roleService: RoleService, private applicationsService: ApplicationsService, public http: HttpClient) {}
+
+  ngOnInit() {
+    this.availableRoleFunctions = [];
+    this.centralizedApps = [];
+    this.getCentralizedApps(sessionStorage.userId);
+  }
+
+  syncRolesFromExternalAuthSystem() {
+    this.applicationsService.syncRolesEcompFromExtAuthSystem(this.selectedCentralizedApp).toPromise().then((res: any) => {
+      if (res.status == 'OK') {
+        const modalInfoRef = this.ngbModal.open(InformationModalComponent);
+        modalInfoRef.componentInstance.title = 'Success';
+        modalInfoRef.componentInstance.message = 'Sync role functions completed successfully!';
+        modalInfoRef.result.then((_res) => {
+          if (_res === 'Ok')
+            this.getRoleFunctions(this.selectedCentralizedApp);
+        }, (result) => {
+
+        })
+      } else {
+        this.openConfirmationModal('Error', 'Sync failed ' + res.message);
+      }
+    }).catch(err => {
+      this.openConfirmationModal('Error', 'Sync failed' + err);
+    });
+  };
+
+
+  // getCentalizedApps
+  getCentralizedApps(userId) {
+    this.roleService.getCentralizedApps(userId).toPromise().then((res: any) => {
+      if (res.length > 0) {
+        this.centralizedApps = res;
+        this.selectedCentralizedApp = this.centralizedApps[0].appId;
+        this.getRoleFunctions(this.centralizedApps[0].appId);
+      }
+    }).catch(err => {
+      // $log.error('RoleListCtrl::centralizedApps retrieval error: ', err);
+    }).finally(() => {
+      // this.isLoadingTable = false;
+    });
+  }
+
+  getRoleFunctions(id) {
+    this.showSpinner = true;
+    this.roleService.getRoleFunctionList(id).subscribe((data: any) => {
+      this.showSpinner = false;
+      var j = data;
+      var roleFunctions = JSON.parse(j.data);
+      this.availableRoleFunctions = roleFunctions.availableRoleFunctions;
+      this.roleFunctionsDataSource = new MatTableDataSource(this.availableRoleFunctions);
+      this.roleFunctionsDataSource.sort = this.sort;
+      this.roleFunctionsDataSource.paginator = this.paginator;
+    }, (error) => {
+      this.showSpinner = false;
+      this.openConfirmationModal('Error', 'Failed to get role functions. Please try again!' + error.message);
+    })
+  };
+
+  addRoleFunctionModalPopup(){
+    const modalInfoRef = this.ngbModal.open(RoleFunctionModalComponent);
+    modalInfoRef.componentInstance.title = 'Add Role Function';
+    modalInfoRef.componentInstance.appId = this.selectedCentralizedApp;
+    modalInfoRef.componentInstance.currentRoleFunctions = this.availableRoleFunctions;
+    modalInfoRef.componentInstance.passBackRoleFunctionPopup.subscribe((_result: any) => {
+      if(_result){
+        modalInfoRef.close();
+        this.availableRoleFunctions.push(_result);
+        this.roleFunctionsDataSource = new MatTableDataSource(this.availableRoleFunctions);
+        this.roleFunctionsDataSource.sort = this.sort;
+        this.roleFunctionsDataSource.paginator = this.paginator;
+      }
+    }, (_reason: any) => {
+      return;
+    });
+
+  }
+
+  editRoleFunctionModalPopup(_element){
+    const modalInfoRef = this.ngbModal.open(RoleFunctionModalComponent);
+    modalInfoRef.componentInstance.title = 'Edit Role Function';
+    modalInfoRef.componentInstance.appId = this.selectedCentralizedApp;
+    modalInfoRef.componentInstance.editRoleFunction = _element;
+    modalInfoRef.componentInstance.currentRoleFunctions = this.availableRoleFunctions;
+    modalInfoRef.componentInstance.passBackRoleFunctionPopup.subscribe((_result: any) => {
+      if(_result){
+        modalInfoRef.close();
+        this.availableRoleFunctions.splice(this.availableRoleFunctions.indexOf(_element), 1);
+        this.availableRoleFunctions.push(_result);
+        this.roleFunctionsDataSource = new MatTableDataSource(this.availableRoleFunctions);
+        this.roleFunctionsDataSource.sort = this.sort;
+        this.roleFunctionsDataSource.paginator = this.paginator;
+      }
+    }, (_reason: any) => {
+      return;
+    });
+  }
+
+  removeRoleFunction(_element: any){
+    const ngbInfoModal = this.ngbModal.open(InformationModalComponent);
+    ngbInfoModal.componentInstance.title = 'Confirmation';
+    ngbInfoModal.componentInstance.message = 'You are about to delete the role function ' + _element.name + '. Do you want to continue?';
+    ngbInfoModal.result.then(_res =>{
+      if(_res === 'Ok'){
+        this.showSpinner = true;
+				var uuu = this.api.removeRoleFunction.replace(':appId', this.selectedCentralizedApp);
+				var postData = _element;
+				this.http.post(uuu, postData).subscribe((response: any) => {
+          this.showSpinner = false;
+					if(response.status == 'OK'){
+            this.openConfirmationModal('Success', response.message);
+            this.availableRoleFunctions.splice(this.availableRoleFunctions.indexOf(_element), 1);
+            this.roleFunctionsDataSource = new MatTableDataSource(this.availableRoleFunctions);
+            this.roleFunctionsDataSource.sort = this.sort;
+            this.roleFunctionsDataSource.paginator = this.paginator;
+					} else{
+            this.showSpinner = false;
+						this.openConfirmationModal('Error', "Error while deleting: " + response.message);
+					}
+				}, (err) => {
+          this.showSpinner = false;
+          this.openConfirmationModal('Error', err.message);
+				});
+      }
+    }, (_reason: any) => {
+      return;
+    });
+  }
+
+  openConfirmationModal(_title: string, _message: string) {
+    const modalInfoRef = this.ngbModal.open(ConfirmationModalComponent);
+    modalInfoRef.componentInstance.title = _title;
+    modalInfoRef.componentInstance.message = _message;
+  }
+
+}