feat(admin): user detail page updated to show anonymization status

* new icon is displayed if user has been anonymized
* buttons for anonymization and edit are disabled is user has been anonymized

Author: Kuliak

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

@@ -15,12 +15,22 @@
         </a>
         <span class="text-muted"> &nbsp;#{{user.id}} </span>
         <span *ngIf="authResolver.isPerunAdmin()">
-          <button (click)="editUser()" mat-icon-button data-cy="edit-user-button">
+          <button
+            *ngIf="!anonymized"
+            (click)="editUser()"
+            mat-icon-button
+            data-cy="edit-user-button">
             <mat-icon>edit</mat-icon>
           </button>
-          <button (click)="anonymizeUser()" mat-icon-button>
+          <button *ngIf="!anonymized" (click)="anonymizeUser()" mat-icon-button>
             <mat-icon>no_accounts</mat-icon>
           </button>
+          <mat-icon
+            *ngIf="anonymized"
+            matTooltip="{{'USER_DETAIL.DASHBOARD.ANONYMIZED' | translate}}"
+            class="mat-icon-war ml-2">
+            blur_off
+          </mat-icon>
         </span>
       </div>
       <div>{{'ADMIN_USER.UUID' | translate}}: {{user.uuid}}</div>

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

@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
 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 { AttributesManagerService, 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';
@@ -18,11 +18,13 @@ export class AdminUserDetailPageComponent implements OnInit {
   user: User;
   loading = false;
   svgIcon = 'perun-user-dark';
+  anonymized: boolean;
   private path: string;
   private regex: string;
 
   constructor(
     private route: ActivatedRoute,
+    private attributesService: AttributesManagerService,
     private usersService: UsersManagerService,
     private sideMenuService: SideMenuService,
     private sideMenuItemService: SideMenuItemService,
@@ -54,6 +56,13 @@ export class AdminUserDetailPageComponent implements OnInit {
         },
         () => (this.loading = false)
       );
+
+      const anonymizedAttrName = 'urn:perun:user:attribute-def:virt:anonymized';
+      this.attributesService
+        .getAttribute(anonymizedAttrName, undefined, undefined, userId)
+        .subscribe((attr) => {
+          this.anonymized = Boolean(attr.value);
+        });
     });
   }
 

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

@@ -2418,7 +2418,8 @@
       "DASHBOARD_SETTINGS": "Dashboard Settings",
       "SHOW_RECENTLY_VIEWED": "Show Recently viewed",
       "SHOW_ROLES": "Show roles",
-      "MAIL_CHANGE_SUCCESS": "Preferred mail has been changed"
+      "MAIL_CHANGE_SUCCESS": "Preferred mail has been changed",
+      "ANONYMIZED": "User anonymized"
     },
     "OVERVIEW": {
       "GENERAL_SETTINGS": "General settings"