DSM-PEPPER-963 user administration services (#2175)

* DSM-/PEPPER-948-download-of-Onc-History-upload-template initial

* DSM-PEPPER-948-download-of-Onc-History-upload-template backend integrated

* DSM-PEPPER-948-download-of-Onc-History-upload-template linter fix

* DSM-PEPPER-948-download-of-Onc-History-upload-template color adjusted

* DSM-PEPPER-948-download-of-Onc-History-upload-template naming fixed

* DSM-PEPPER-948-download-of-Onc-History-upload-template first step

* DSM-PEPPER-948-download-of-Onc-History-upload-template comparison on place

* DSM-PEPPER-948-download-of-Onc-History-upload-template only available roles in comparison

* DSM-PEPPER-948-download-of-Onc-History-upload-template other color user

* DSM-PEPPER-948-download-of-Onc-History-upload-template add user added

* DSM-PEPPER-948-download-of-Onc-History-upload-template user is adding

* DSM-PEPPER-948-download-of-Onc-History-upload-template safety v1

* DSM-PEPPER-948-download-of-Onc-History-upload-template more improvements

* DSM-PEPPER-963-user-administration-services disabled checkbox

* DSM-PEPPER-963-user-administration-services backend integration v1

* DSM-PEPPER-963-user-administration-services backend integration v2

* DSM-PEPPER-963-user-administration-services linter fix

* DSM-PEPPER-963-user-administration-services panel title width expanded

* DSM-PEPPER-963-user-administration-services integrated backend and made some adjustments

* DSM-PEPPER-963-user-administration-services backend integration and error handling finished

* DSM-PEPPER-963-user-administration-services removed consoles

* DSM-PEPPER-963-user-administration-services sorted and logout

* DSM-PEPPER-963-user-administration-services if error don't display

* DSM-PEPPER-963-user-administration-services guards and edit user updated

* DSM-PEPPER-963-user-administration-services linter fix

* DSM-PEPPER-963-user-administration-services confirmation modal generalized

* DSM-PEPPER-963-user-administration-services linter fix

* DSM-PEPPER-963-user-administration-services unit test adjusted

* DSM-PEPPER-963-user-administration-services removed commented code

Author: GiCharkviani

ddp-workspace/projects/ddp-dsm-ui/src/app/ALL-STUDIES/all-studies.module.ts

@@ -145,9 +145,13 @@ import {UploadFileComponent} from '../sharedLearningUpload/components/uploadFile
 import {FilesTableComponent} from '../sharedLearningUpload/components/filesTable/filesTable.component';
 import {
   ConfirmationModalComponent
-} from '../sharedLearningUpload/components/confirmationModal/confirmationModal.component';
+} from '../Shared/components/confirmationModal/confirmationModal.component';
 import {OncHistoryUploadComponent} from '../oncHistoryUpload/oncHistoryUpload.component';
 import {OncHistoryUploadGuard} from '../guards/oncHistoryUpload.guard';
+import {
+  UsersAndPermissionsCanActivateGuard,
+  UsersAndPermissionsCanLoadGuard
+} from '../guards/usersAndPermissions.guard';
 
 
 PlotlyModule.plotlyjs = PlotlyJS;
@@ -301,7 +305,9 @@ PlotlyModule.plotlyjs = PlotlyJS;
     Statics,
     Language,
     DashboardStatisticsService,
-    OncHistoryUploadGuard
+    OncHistoryUploadGuard,
+    UsersAndPermissionsCanLoadGuard,
+    UsersAndPermissionsCanActivateGuard
   ],
   exports: [RouterModule, MatFormFieldModule, MatInputModule]
 })

ddp-workspace/projects/ddp-dsm-ui/src/app/ALL-STUDIES/all-studies.routing.module.ts

@@ -38,6 +38,10 @@ import {DashboardStatisticsComponent} from '../dashboard-statistics/dashboard-st
 import {ScannerComponent} from '../scanner/scanner.component';
 import {OncHistoryUploadComponent} from '../oncHistoryUpload/oncHistoryUpload.component';
 import {OncHistoryUploadGuard} from '../guards/oncHistoryUpload.guard';
+import {
+  UsersAndPermissionsCanActivateGuard,
+  UsersAndPermissionsCanLoadGuard
+} from '../guards/usersAndPermissions.guard';
 
 
 
@@ -94,6 +98,12 @@ export const AppRoutes: Routes = [
       {path: 'oncHistoryUpload', component: OncHistoryUploadComponent, canActivate: [AuthGuard, OncHistoryUploadGuard]},
 
       {path: 'userSettings', component: UserSettingComponent, canActivate: [AuthGuard]},
+      {path: 'usersAndPermissions',
+        canActivate: [UsersAndPermissionsCanActivateGuard],
+        canLoad: [UsersAndPermissionsCanLoadGuard],
+        loadChildren: () =>
+          import('../usersAndPermissions/usersAndPermissions.module').then(m => m.UsersAndPermissionsModule)
+      },
 
       // Permalink
       {

ddp-workspace/projects/ddp-dsm-ui/src/app/sharedLearningUpload/components/confirmationModal/confirmationModal.component.html renamed to ddp-workspace/projects/ddp-dsm-ui/src/app/Shared/components/confirmationModal/confirmationModal.component.html

@@ -1,6 +1,6 @@
 <main id="confirmationModal" class="confirmationModal">
   <section class="confirmationModal-content">
-    <p>Are you sure you want to delete {{fileName}}?</p>
+    <p>Are you sure you want to delete {{name}}?</p>
     <i><span>Warning:</span> this action can't be undone</i>
   </section>
   <section class="confirmationModal-buttons">

ddp-workspace/projects/ddp-dsm-ui/src/app/sharedLearningUpload/components/confirmationModal/confirmationModal.component.scss renamed to ddp-workspace/projects/ddp-dsm-ui/src/app/Shared/components/confirmationModal/confirmationModal.component.scss

@@ -1,4 +1,4 @@
-@use 'commonStyles' as common;
+@use 'projects/ddp-dsm-ui/src/styles/commonStyles' as common;
 
 $yes-color: #FF595E;
 $no-color: #5FA8D3;

ddp-workspace/projects/ddp-dsm-ui/src/app/sharedLearningUpload/components/confirmationModal/confirmationModal.component.ts renamed to ddp-workspace/projects/ddp-dsm-ui/src/app/Shared/components/confirmationModal/confirmationModal.component.ts

@@ -9,14 +9,14 @@ import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 export class ConfirmationModalComponent {
   constructor(
     private readonly dialogRef: MatDialogRef<ConfirmationModalComponent>,
-    @Inject(MAT_DIALOG_DATA) private data: {fileName: string},
+    @Inject(MAT_DIALOG_DATA) private data: {name: string},
   ) {}
 
   public confirmationAnswerIs(doIt: boolean): void {
     this.dialogRef.close(doIt);
   }
 
-  public get fileName(): string {
-    return this.data.fileName;
+  public get name(): string {
+    return this.data.name;
   }
 }

ddp-workspace/projects/ddp-dsm-ui/src/app/sharedLearningUpload/components/confirmationModal/confirmationModal.spec.ts renamed to ddp-workspace/projects/ddp-dsm-ui/src/app/Shared/components/confirmationModal/confirmationModal.spec.ts

@@ -19,7 +19,7 @@ describe('ConfirmationModalComponent', () => {
           },
           {
             provide: MAT_DIALOG_DATA,
-            useValue: {fileName: 'testFile.pdf'}
+            useValue: {name: 'testFile.pdf'}
           }
         ]
       }).compileComponents();
@@ -38,12 +38,12 @@ describe('ConfirmationModalComponent', () => {
     expect(component).toBeTruthy('Component has not been instantiated');
   });
 
-  it('should display file name',  () => {
+  it('should display name',  () => {
     const fileName = componentHTML
       .query(By.css('section.confirmationModal-content p'))
       .nativeElement.textContent;
 
-    expect(fileName).toContain('testFile.pdf', 'File name is not displayed');
+    expect(fileName).toContain('testFile.pdf', 'Name is not displayed');
   });
 
 });

ddp-workspace/projects/ddp-dsm-ui/src/app/guards/usersAndPermissions.guard.ts

@@ -0,0 +1,30 @@
+import {Injectable} from '@angular/core';
+import {
+  ActivatedRouteSnapshot,
+  CanActivate,
+  CanLoad,
+  Route,
+  RouterStateSnapshot,
+  UrlSegment,
+  UrlTree
+} from '@angular/router';
+import {RoleService} from '../services/role.service';
+
+@Injectable()
+export class UsersAndPermissionsCanLoadGuard implements CanLoad {
+  constructor(private readonly roleService: RoleService) {}
+
+  canLoad(route: Route, segments: UrlSegment[]): boolean | UrlTree {
+    return this.roleService.isStudyUserAdmin || this.roleService.isPepperAdmin;
+  }
+}
+
+
+@Injectable()
+export class UsersAndPermissionsCanActivateGuard implements CanActivate {
+  constructor(private readonly roleService: RoleService) {}
+
+  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):  boolean | UrlTree {
+    return this.roleService.isStudyUserAdmin || this.roleService.isPepperAdmin;
+  }
+}

ddp-workspace/projects/ddp-dsm-ui/src/app/interceptors/Http-interceptor.service.ts

@@ -9,19 +9,26 @@ import {Observable, throwError} from 'rxjs';
 import {catchError} from 'rxjs/operators';
 import {Injectable} from '@angular/core';
 import {ErrorsService} from '../services/errors.service';
+import {Auth} from '../services/auth.service';
 
 @Injectable()
 export class HttpInterceptorService implements HttpInterceptor {
   private readonly ignoreStatuses: number[] = [401];
 
-  constructor(private errorsService: ErrorsService) {}
+  constructor(private readonly errorsService: ErrorsService,
+              private readonly authService: Auth) {}
 
   intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
     return next.handle(req).pipe(
       catchError((error: any) => {
-        error instanceof HttpErrorResponse &&
-        !this.ignoreStatuses.includes(error?.status) &&
-        this.errorsService.openSnackbar(error);
+
+
+        if(error instanceof HttpErrorResponse) {
+          !this.ignoreStatuses.includes(error?.status) &&
+          this.errorsService.openSnackbar(error);
+
+          error?.status === 401 && this.authService.doLogout();
+        }
 
         return throwError(() => error);
       })

ddp-workspace/projects/ddp-dsm-ui/src/app/navigation/navigation.component.html

@@ -85,6 +85,7 @@
           <li *ngIf="hasRole().allowedToDownloadNDI()"><a href="#" [routerLink]="['ndi']"> NDI Upload </a></li>
           <li *ngIf="showOncHistoryUploadPage(selectedStudy | async)"><a [routerLink]="['oncHistoryUpload']">Onc History Upload</a></li>
           <li ><a href="#" [routerLink]="['drugList']"> Drug List </a></li>
+          <li *ngIf="hasRole().isPepperAdmin || hasRole().isStudyUserAdmin"><a href="#" [routerLink]="['usersAndPermissions']"> Users And Permissions </a></li>
         </ul>
       </li>
     </ul>

ddp-workspace/projects/ddp-dsm-ui/src/app/services/dsm.service.ts

@@ -21,6 +21,9 @@ import {IDateRange} from '../dashboard-statistics/interfaces/IDateRange';
 import {StatisticsEnum} from '../dashboard-statistics/enums/statistics.enum';
 import {SomaticResultSignedUrlRequest} from '../sharedLearningUpload/interfaces/somaticResultSignedUrlRequest';
 import {SendToParticipantRequest} from '../sharedLearningUpload/interfaces/sendToParticipant';
+import {AddUsersRequest, RemoveUsersRequest} from '../usersAndPermissions/interfaces/addRemoveUsers';
+import {EditUsers} from '../usersAndPermissions/interfaces/editUsers';
+import {EditUserRoles} from '../usersAndPermissions/interfaces/role';
 
 declare var DDP_ENV: any;
 
@@ -458,6 +461,60 @@ export class DSMService {
     );
   }
 
+  public getUsers(realm: string): Observable<any> {
+    const url = this.baseUrl + DSMService.UI + 'admin/userRole';
+    const map: { name: string; value: any }[] = [];
+    map.push({name: DSMService.REALM, value: realm});
+    return this.http.get(url, this.buildQueryHeader(map)).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  public addUser(realm: string, addUsers: AddUsersRequest): Observable<any> {
+    const url = this.baseUrl + DSMService.UI + 'admin/user';
+    const map: { name: string; value: any }[] = [];
+    map.push({name: DSMService.REALM, value: realm});
+    return this.http.post(url, addUsers, this.buildQueryHeader(map)).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  public removeUser(realm: string, removeUsers: RemoveUsersRequest): Observable<any> {
+    const url = this.baseUrl + DSMService.UI + 'admin/user';
+    const map: { name: string; value: any }[] = [];
+    map.push({name: DSMService.REALM, value: realm});
+    return this.http.post(url, removeUsers, this.buildQueryHeader(map)).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  public editUsers(realm: string, editUser: EditUsers): Observable<any> {
+    const url = this.baseUrl + DSMService.UI + 'admin/user';
+    const map: { name: string; value: any }[] = [];
+    map.push({name: DSMService.REALM, value: realm});
+    return this.http.put(url, editUser, this.buildQueryHeader(map)).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  public editUsersRoles(realm: string, userRoles: EditUserRoles): Observable<any> {
+    const url = this.baseUrl + DSMService.UI + 'admin/userRole';
+    const map: { name: string; value: any }[] = [];
+    map.push({name: DSMService.REALM, value: realm});
+    return this.http.put(url, userRoles, this.buildQueryHeader(map)).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  public availableRoles(realm: string): Observable<any> {
+    const url = this.baseUrl + DSMService.UI + 'admin/studyRole';
+    const map: { name: string; value: any }[] = [];
+    map.push({name: DSMService.REALM, value: realm});
+    return this.http.get(url, this.buildQueryHeader(map)).pipe(
+      catchError(this.handleError)
+    );
+  }
+
   public getMedicalRecord(participantId: string, institutionId: string): Observable<any> {
     const url = this.baseUrl + DSMService.UI + 'participant/' + participantId + '/institution/' + institutionId;
     return this.http.get(url, this.buildHeader()).pipe(