X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?p=it%2Fotf.git;a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Fmanage-group%2Fmanage-group-roles%2Fmanage-group-roles.component.ts;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Fmanage-group%2Fmanage-group-roles%2Fmanage-group-roles.component.ts;h=c637e2b54c3542de9f039f50f1955551c9e322ea;hp=0000000000000000000000000000000000000000;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b

diff --git a/otf-frontend/client/src/app/layout/manage-group/manage-group-roles/manage-group-roles.component.ts b/otf-frontend/client/src/app/layout/manage-group/manage-group-roles/manage-group-roles.component.ts
new file mode 100644
index 0000000..c637e2b
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/manage-group/manage-group-roles/manage-group-roles.component.ts
@@ -0,0 +1,243 @@
+/*  Copyright (c) 2019 AT&T Intellectual Property.                             #
+#                                                                              #
+#   Licensed under the Apache License, Version 2.0 (the "License");            #
+#   you may not use this file 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.                                             #
+##############################################################################*/
+
+
+import { Component, OnInit } from '@angular/core';
+import { routerLeftTransition } from 'app/router.animations';
+import { ActivatedRoute } from '@angular/router';
+import { GroupService } from 'app/shared/services/group.service';
+import { CookieService } from 'ngx-cookie-service';
+import { MatTableDataSource } from '@angular/material/table';
+import { MatDialog } from '@angular/material';
+import {AlertModalComponent} from '../../../shared/modules/alert-modal/alert-modal.component';
+import { NEXT } from '@angular/core/src/render3/interfaces/view';
+import { convertPropertyBindingBuiltins } from '@angular/compiler/src/compiler_util/expression_converter';
+import { extractDirectiveDef } from '@angular/core/src/render3/definition';
+import { take } from 'rxjs/operators';
+
+
+
+
+
+@Component({
+  selector: 'app-manage-group-roles',
+  templateUrl: './manage-group-roles.component.pug',
+  styleUrls: ['./manage-group-roles.component.scss'],
+  animations: [routerLeftTransition()]
+})
+
+export class ManageGroupRolesComponent implements OnInit {
+
+
+  public selectedGroup;
+  public groupRoles;
+  public roleName = null;
+  public loading = false;
+  public groupPermissions;
+  public element = {};
+  public groupName;
+
+  public dataSource;
+  public displayedColumns;
+  public readPermission = false;
+  public writePermission = false;
+  public executePermission = false;
+  public deletePermission = false;
+  public managementPermission = false;
+
+  
+
+
+
+  constructor(
+    public _groups: GroupService,
+    private cookie: CookieService,
+    private modal: MatDialog,
+    private ResponseMatDialog: MatDialog
+    
+  ) { 
+
+    
+  }
+
+  ngOnInit() {
+
+    this.setComponentData(this._groups.getGroup());
+    this._groups.groupChange().subscribe(group => {
+      this.setComponentData(group);
+
+    });
+
+
+  }
+
+  setComponentData(group) {
+    if(!group){
+      return;
+    }
+    this.groupName = group.groupName;
+    this.loading = true;
+    this.dataSource = new MatTableDataSource();
+    this._groups.find({ 
+      $limit: -1,
+      _id: group['_id'], 
+      $select: ['_id', 'roles']
+    }).subscribe((res) => {
+
+      this.selectedGroup = res[0];
+      this.groupRoles = res[0].roles;
+
+      //If current group does not have any roles
+      if ( (this.groupRoles == null) || (this.groupRoles.length < 1))
+      {
+        this.groupRoles = [
+          {roleName: "admin", permissions: "read, write, execute, delete, management"},
+          {roleName: "user", permissions: "read"},
+          {roleName: "developer", permissions: "read, write, execute, delete"}
+        ];
+        
+      }
+
+
+      for (let i = 0; i < this.groupRoles.length; i++){
+        this.groupRoles[i].readPermission = false;
+        this.groupRoles[i].writePermission = false;
+        this.groupRoles[i].executePermission = false;
+        this.groupRoles[i].deletePermission = false;
+        this.groupRoles[i].managementPermission = false;
+        if (this.groupRoles[i].permissions.includes('read')){
+          this.groupRoles[i].readPermission = true;
+        }
+        if (this.groupRoles[i].permissions.includes('write')){
+          this.groupRoles[i].writePermission = true;
+        }
+        if (this.groupRoles[i].permissions.includes('execute')){
+          this.groupRoles[i].executePermission = true;
+        }
+        if (this.groupRoles[i].permissions.includes('delete')){
+          this.groupRoles[i].deletePermission = true;
+        }
+        if (this.groupRoles[i].permissions.includes('management')){
+          this.groupRoles[i].managementPermission = true;
+        }
+      }
+     
+      this.dataSource.data = this.groupRoles;
+      this.loading = false;
+      this.update();
+
+      
+
+
+    })
+
+    this.displayedColumns = ['roleName', 'read', 'write', 'execute', 'delete', 'management', 'actions']
+
+  }
+
+
+  async create(){
+    
+    for (let i = 0; i < this.groupRoles.length; i++){
+      if (this.groupRoles[i].roleName == this.roleName){
+        this.sendFeedbackAlert('warning', 'Please do not add a duplicate role name.');
+        return;
+      }
+    }
+  
+      this.groupRoles.push({roleName: this.roleName, readPermission: true, writePermission: false, executePermission: false, deletePermission: false, managementPermission: false});
+      await this.update();
+      this.setComponentData(this._groups.getGroup());
+  
+
+  }
+
+  async update(){
+  
+    
+    for (let i = 0; i < this.groupRoles.length; i++) {
+      this.groupRoles[i].permissions = [];
+      if(this.groupRoles[i].readPermission){
+        this.groupRoles[i].permissions.push('read');
+      }
+      if(this.groupRoles[i].writePermission){
+        this.groupRoles[i].permissions.push('write');
+      }
+      if(this.groupRoles[i].executePermission){
+        this.groupRoles[i].permissions.push('execute');
+      }
+      if(this.groupRoles[i].deletePermission){
+        this.groupRoles[i].permissions.push('delete');
+      }
+      if(this.groupRoles[i].managementPermission){
+        this.groupRoles[i].permissions.push('management');
+      }
+
+    }
+      
+    this.groupPermissions = this.groupRoles.map(({ roleName, permissions }) => ({roleName, permissions}));
+   
+    let groupPatch = {
+      '_id': this.selectedGroup._id,
+      'roles': this.groupPermissions
+    };
+    //console.log(groupPatch);
+    await this._groups.patch(groupPatch).pipe(take(1)).toPromise();
+
+      
+
+  }
+
+  async deleteRole(element){
+
+    for (let i = 0; i < this.groupRoles.length; i++){
+        if (this.groupRoles[i].roleName == element.roleName){
+          this.groupRoles.splice(i, 1);
+          break;
+        }
+    }
+    await this.update();
+    this.setComponentData(this._groups.getGroup());
+
+
+
+
+  }
+
+  public sendFeedbackAlert(type: string, message: string) {
+    this.ResponseMatDialog.open(AlertModalComponent, {
+        width: '250px',
+        data: {
+            type: type,
+            message: message
+        }
+    });
+  }
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+}