feat(admin): anonymize user

* on user detail added new functionality of anonymizing the user

Author: xkureck

apps/admin-gui/src/app/admin/pages/admin-user-detail-page/admin-user-detail-page.component.html

@@ -14,9 +14,14 @@
           {{user | userFullName}}
         </a>
         <span class="text-muted"> &nbsp;#{{user.id}} </span>
-        <button (click)="editUser()" *ngIf="authResolver.isPerunAdmin()" mat-icon-button>
-          <mat-icon>edit</mat-icon>
-        </button>
+        <span *ngIf="authResolver.isPerunAdmin()">
+          <button (click)="editUser()" mat-icon-button>
+            <mat-icon>edit</mat-icon>
+          </button>
+          <button (click)="anonymizeUser()" mat-icon-button>
+            <mat-icon>no_accounts</mat-icon>
+          </button>
+        </span>
       </div>
       <div>{{'ADMIN_USER.UUID' | translate}}: {{user.uuid}}</div>
       <span class="mt-1 entity-info">

apps/admin-gui/src/app/admin/pages/admin-user-detail-page/admin-user-detail-page.component.ts

@@ -1,12 +1,13 @@
 import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { SideMenuService } from '../../../core/services/common/side-menu.service';
 import { SideMenuItemService } from '../../../shared/side-menu/side-menu-item.service';
 import { User, UsersManagerService } from '@perun-web-apps/perun/openapi';
 import { getDefaultDialogConfig } from '@perun-web-apps/perun/utils';
 import { MatDialog } from '@angular/material/dialog';
 import { EditUserDialogComponent } from '../../../shared/components/dialogs/edit-user-dialog/edit-user-dialog.component';
 import { EntityStorageService, GuiAuthResolver } from '@perun-web-apps/perun/services';
+import { AnonymizeUserDialogComponent } from '@perun-web-apps/perun/dialogs';
 
 @Component({
   selector: 'app-admin-user-detail-page',
@@ -27,7 +28,8 @@ export class AdminUserDetailPageComponent implements OnInit {
     private sideMenuItemService: SideMenuItemService,
     private dialog: MatDialog,
     public authResolver: GuiAuthResolver,
-    private entityStorageService: EntityStorageService
+    private entityStorageService: EntityStorageService,
+    private router: Router
   ) {}
 
   ngOnInit(): void {
@@ -80,4 +82,21 @@ export class AdminUserDetailPageComponent implements OnInit {
     }
     return 'Person';
   }
+
+  anonymizeUser(): void {
+    const config = getDefaultDialogConfig();
+    config.width = '550px';
+    config.data = {
+      theme: 'admin-theme',
+      user: this.user,
+    };
+
+    const dialogRef = this.dialog.open(AnonymizeUserDialogComponent, config);
+
+    dialogRef.afterClosed().subscribe((result) => {
+      if (result) {
+        void this.router.navigate(['/admin', 'users'], { queryParamsHandling: 'merge' });
+      }
+    });
+  }
 }

apps/admin-gui/src/app/shared/components/dialogs/delete-entity-dialog/delete-entity-dialog.component.ts

@@ -1,9 +1,9 @@
 <div class="{{theme}}">
-  <app-delete-entity-dialog
+  <perun-web-apps-delete-entity-dialog
     [entityNames]="dataSource"
     [entityType]="'facilities'"
     (deleted)="onSubmit($event)"
     [loading]="loading"
     [relations]="relations">
-  </app-delete-entity-dialog>
+  </perun-web-apps-delete-entity-dialog>
 </div>

apps/admin-gui/src/app/shared/components/dialogs/delete-facility-dialog/delete-facility-dialog.component.html

@@ -4,6 +4,7 @@ import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { NotificatorService } from '@perun-web-apps/perun/services';
 import { TranslateService } from '@ngx-translate/core';
 import { MatTableDataSource } from '@angular/material/table';
+import { DeleteDialogResult } from '@perun-web-apps/perun/dialogs';
 
 export interface DeleteFacilityDialogData {
   theme: string;
@@ -58,7 +59,7 @@ export class DeleteFacilityDialogComponent implements OnInit {
     this.dialogRef.close(false);
   }
 
-  onSubmit(result: { deleted: boolean; force: boolean }): void {
+  onSubmit(result: DeleteDialogResult): void {
     this.force = result.force;
     if (result.deleted) {
       this.onConfirm();

apps/admin-gui/src/app/shared/components/dialogs/delete-facility-dialog/delete-facility-dialog.component.ts

@@ -1,9 +1,9 @@
 <div class="{{theme}}">
-  <app-delete-entity-dialog
+  <perun-web-apps-delete-entity-dialog
     [entityNames]="dataSource"
     [entityType]="'groups'"
     (deleted)="onSubmit($event)"
     [loading]="loading"
     [relations]="relations">
-  </app-delete-entity-dialog>
+  </perun-web-apps-delete-entity-dialog>
 </div>

apps/admin-gui/src/app/shared/components/dialogs/delete-group-dialog/delete-group-dialog.component.html

@@ -4,6 +4,7 @@ import { MatTableDataSource } from '@angular/material/table';
 import { TranslateService } from '@ngx-translate/core';
 import { NotificatorService } from '@perun-web-apps/perun/services';
 import { Group, GroupsManagerService } from '@perun-web-apps/perun/openapi';
+import { DeleteDialogResult } from '@perun-web-apps/perun/dialogs';
 
 export interface DeleteGroupDialogData {
   theme: string;
@@ -60,7 +61,7 @@ export class DeleteGroupDialogComponent implements OnInit {
     );
   }
 
-  onSubmit(result: { deleted: boolean; force: boolean }): void {
+  onSubmit(result: DeleteDialogResult): void {
     this.force = result.force;
     if (result.deleted) {
       this.onDelete();

apps/admin-gui/src/app/shared/components/dialogs/delete-group-dialog/delete-group-dialog.component.ts

@@ -1,10 +1,10 @@
 <div class="{{theme}}">
-  <app-delete-entity-dialog
+  <perun-web-apps-delete-entity-dialog
     [entityNames]="dataSource"
     [entityType]="'services'"
     (deleted)="onSubmit($event)"
     [anotherMessage]="anotherMessage"
     [loading]="loading"
     [relations]="relations">
-  </app-delete-entity-dialog>
+  </perun-web-apps-delete-entity-dialog>
 </div>

apps/admin-gui/src/app/shared/components/dialogs/delete-service-dialog/delete-service-dialog.component.html

@@ -4,6 +4,7 @@ import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { NotificatorService } from '@perun-web-apps/perun/services';
 import { TranslateService } from '@ngx-translate/core';
 import { MatTableDataSource } from '@angular/material/table';
+import { DeleteDialogResult } from '@perun-web-apps/perun/dialogs';
 
 export interface DeleteServiceDialogData {
   theme: string;
@@ -65,7 +66,7 @@ export class DeleteServiceDialogComponent implements OnInit {
     this.dialogRef.close(false);
   }
 
-  onSubmit(result: { deleted: boolean; force: boolean }): void {
+  onSubmit(result: DeleteDialogResult): void {
     this.force = result.force;
     if (result.deleted) {
       this.onConfirm();

apps/admin-gui/src/app/shared/components/dialogs/delete-service-dialog/delete-service-dialog.component.ts

@@ -1,9 +1,9 @@
 <div class="{{theme}}">
-  <app-delete-entity-dialog
+  <perun-web-apps-delete-entity-dialog
     [entityNames]="dataSource"
     [entityType]="'resources'"
     (deleted)="onSubmit($event)"
     [disableForce]="true"
     [loading]="loading">
-  </app-delete-entity-dialog>
+  </perun-web-apps-delete-entity-dialog>
 </div>

apps/admin-gui/src/app/shared/components/dialogs/remove-resource-dialog/remove-resource-dialog.component.html

@@ -4,6 +4,7 @@ import { MatTableDataSource } from '@angular/material/table';
 import { NotificatorService } from '@perun-web-apps/perun/services';
 import { TranslateService } from '@ngx-translate/core';
 import { ResourcesManagerService, RichResource } from '@perun-web-apps/perun/openapi';
+import { DeleteDialogResult } from '@perun-web-apps/perun/dialogs';
 
 export interface RemoveResourceDialogData {
   theme: string;
@@ -59,7 +60,7 @@ export class RemoveResourceDialogComponent implements OnInit {
     }
   }
 
-  onSubmit(result: { deleted: boolean; force: boolean }): void {
+  onSubmit(result: DeleteDialogResult): void {
     if (result.deleted) {
       this.onDelete();
     } else {

apps/admin-gui/src/app/shared/components/dialogs/remove-resource-dialog/remove-resource-dialog.component.ts

@@ -1,9 +1,9 @@
 <div class="{{theme}}">
-  <app-delete-entity-dialog
+  <perun-web-apps-delete-entity-dialog
     (deleted)="onSubmit($event)"
     [entityNames]="dataSource"
     [entityType]="'organizations'"
     [loading]="loading"
     [relations]="relations">
-  </app-delete-entity-dialog>
+  </perun-web-apps-delete-entity-dialog>
 </div>

apps/admin-gui/src/app/shared/components/dialogs/remove-vo-dialog/remove-vo-dialog.component.html

@@ -4,6 +4,7 @@ import { MatTableDataSource } from '@angular/material/table';
 import { TranslateService } from '@ngx-translate/core';
 import { NotificatorService } from '@perun-web-apps/perun/services';
 import { Vo, VosManagerService } from '@perun-web-apps/perun/openapi';
+import { DeleteDialogResult } from '@perun-web-apps/perun/dialogs';
 
 export interface RemoveVoDialogData {
   vos: Vo[];
@@ -61,7 +62,7 @@ export class RemoveVoDialogComponent implements OnInit {
     );
   }
 
-  onSubmit(result: { deleted: boolean; force: boolean }): void {
+  onSubmit(result: DeleteDialogResult): void {
     this.force = result.force;
     if (result.deleted) {
       this.onDelete();

apps/admin-gui/src/app/shared/components/dialogs/remove-vo-dialog/remove-vo-dialog.component.ts

@@ -154,7 +154,6 @@ import { DeleteOwnerDialogComponent } from './components/delete-owner-dialog/del
 import { StatisticsCardComponent } from './components/statistics-card/statistics-card.component';
 import { ApplicationFormItemDisabledPipe } from './pipes/application-form-item-disabled.pipe';
 import { ApplicationFormItemHiddenPipe } from './pipes/application-form-item-hidden.pipe';
-import { DeleteEntityDialogComponent } from './components/dialogs/delete-entity-dialog/delete-entity-dialog.component';
 import { MatListModule } from '@angular/material/list';
 import { EditApplicationFormItemLineComponent } from './components/dialogs/edit-application-form-item-dialog/edit-application-form-item-line/edit-application-form-item-line.component';
 import { AddGroupToRegistrationComponent } from './components/dialogs/add-group-to-registration/add-group-to-registration.component';
@@ -172,6 +171,7 @@ import { ConsentHubsListComponent } from './components/consent-hubs-list/consent
 import { EditEnforceConsentsDialogComponent } from './components/dialogs/edit-enforce-consents-dialog/edit-enforce-consents-dialog.component';
 import { ConsentRelatedAttributePipe } from './pipes/consent-related-attribute.pipe';
 import { MemberTypePipe } from './pipes/member-type.pipe';
+import { PerunDialogsModule } from '@perun-web-apps/perun/dialogs';
 
 @NgModule({
   imports: [
@@ -222,6 +222,7 @@ import { MemberTypePipe } from './pipes/member-type.pipe';
     MatListModule,
     PerunUtilsModule,
     PerunNamespacePasswordFormModule,
+    PerunDialogsModule,
   ],
   exports: [
     NgxMatSelectSearchModule,
@@ -423,7 +424,6 @@ import { MemberTypePipe } from './pipes/member-type.pipe';
     StatisticsCardComponent,
     ApplicationFormItemDisabledPipe,
     ApplicationFormItemHiddenPipe,
-    DeleteEntityDialogComponent,
     EditApplicationFormItemLineComponent,
     AddGroupToRegistrationComponent,
     OneEntityAttributePageComponent,

apps/admin-gui/src/app/shared/shared.module.ts

@@ -2043,15 +2043,22 @@
       "SUCCESS": "Owners successfully removed"
     },
     "DELETE_ENTITY": {
-      "BASIC": "Do you want to delete",
+      "BASIC": "Do you want to {{action}}",
       "ONLY": "only this",
       "OR": "or",
       "RELATIONS": "with all relations",
-      "DELETE": "Delete",
+      "DELETE": "{{action}}",
       "CANCEL": "Cancel",
-      "CONTROL": "Type \"DELETE\" to confirm",
-      "ASK": "Are you sure you want to permanently delete following",
-      "WARN": "This action will also delete all"
+      "CONTROL": "Type \"{{action}}\" to confirm",
+      "ASK": "Are you sure you want to permanently {{action}} following",
+      "WARN": "This action will also delete all",
+      "TYPE_DELETE": "delete",
+      "TYPE_ANONYMIZE": "anonymize"
+    },
+    "ANONYMIZE_USER": {
+      "VO_RELATION": "User's membership in all organizations",
+      "GROUP_RELATION": "User's membership in all groups",
+      "SUCCESS_NOTIFICATION": "User was successfully anonymized"
     },
     "CHANGE_VO_EXPIRATION": {
       "TITLE": "Change member expiration"

apps/admin-gui/src/assets/i18n/en.json

@@ -19,3 +19,5 @@ export * from './lib/change-vo-expiration-dialog/change-vo-expiration-dialog.com
 export * from './lib/change-sponsorship-expiration-dialog/change-sponsorship-expiration-dialog.component';
 export * from './lib/universal-confirmation-dialog/universal-confirmation-dialog.component';
 export * from './lib/change-group-resource-assigment-dialog/change-group-resource-assigment-dialog.component';
+export * from './lib/delete-entity-dialog/delete-entity-dialog.component';
+export * from './lib/anonymize-user-dialog/anonymize-user-dialog.component';

libs/perun/dialogs/src/index.ts

@@ -0,0 +1,10 @@
+<div class="{{theme}}">
+  <perun-web-apps-delete-entity-dialog
+    [entityNames]="dataSource"
+    [entityType]="'user'"
+    [relations]="relations"
+    [loading]="loading"
+    [anonymize]="true"
+    (deleted)="onSubmit($event)">
+  </perun-web-apps-delete-entity-dialog>
+</div>