1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
import { Component, OnInit, ViewChild } from '@angular/core';
import { AdminService } from '../admin.service';
import { MatTableDataSource } from '@angular/material/table';
import { MatSort } from '@angular/material/sort';
import { MatPaginator } from '@angular/material/paginator';
import { User } from 'src/app/shared/services/user/user';
import { UserService } from 'src/app/shared/services/user/user.service';
import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
import { modelGroupProvider } from '@angular/forms/src/directives/ng_model_group';
import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
@Component({
selector: 'app-roles',
templateUrl: './roles.component.html',
styleUrls: ['./roles.component.scss']
})
export class RolesComponent implements OnInit {
tableData: Array<object> = [];
roleHeaders: Array<string> = [];
constructor(public adminService:AdminService,public userService: UserService,private ngModal: NgbModal) { }
roleId;
response:any;
result:any;
roleInfo:any;
roleData:any;
ociavailableRoleFunctions;
availableRoleFunctions;
availableRoles;
dataSource: MatTableDataSource<[]>;
user:User;
isAppCentralized;
closeResult: string;
showSpinner = true;
@ViewChild(MatPaginator, {}) paginator: MatPaginator;
@ViewChild(MatSort, {}) sort: MatSort;
ngOnInit() {
this.roleHeaders = ["name","priority","Edit","Active?","Delete?"];
this.showSpinner = false;
this.roleId=undefined;
this.getRole(this.roleId);
let result = this.userService.getFunctionalMenuStaticDetailSession();
let user;
result.subscribe(user => {
this.user = user;
this.isAppCentralized = this.user.isAppCentralized;
});
}
getRole(roleId:any)
{
this.response = this.adminService.getRole(this.roleId);
this.response.subscribe(data => {
this.result = data;
this.roleInfo = JSON.parse(this.result.data);
this.roleData =JSON.parse(this.roleInfo.role);
this.ociavailableRoleFunctions =JSON.parse(this.roleInfo.availableRoleFunctions);
this.availableRoleFunctions=[];
for( let availableFun of this.ociavailableRoleFunctions){
let availableRoleFunction = availableFun;
availableRoleFunction.selected = false;
for( let availableFunc of this.roleData.roleFunctions){
if(availableFun.code === availableFunc.code){
availableRoleFunction.selected = true;
}
}
this.availableRoleFunctions.push(availableRoleFunction);
}
this.availableRoles=JSON.parse(this.roleInfo.availableRoles);
this.dataSource = new MatTableDataSource(this.availableRoles);
this.dataSource.paginator = this.paginator;
this.dataSource.sort = this.sort;
});
}
delRoleConfirmPopUp(item: any) {
const modalRef = this.ngModal.open(InformationModalComponent);
modalRef.componentInstance.title = 'Confirmation';
let response;
modalRef.componentInstance.message = `Are you sure you want to delete ${item.name} ?`;
modalRef.result.then((result) => {
if (result === 'Ok') {
this.adminService.deleteRole(item).subscribe(data => {
this.showSpinner = true;
response = data;
this.availableRoles = response.availableRoles;
this.dataSource = new MatTableDataSource(this.availableRoles);
this.dataSource.paginator = this.paginator;
this.dataSource.sort = this.sort;
})
}
}, (reason) => {
this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
});
}
private getDismissReason(reason: any): string {
if (reason === ModalDismissReasons.ESC) {
return 'by pressing ESC';
} else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
return 'by clicking on a backdrop';
} else {
return `with: ${reason}`;
}
}
}
|