From 43f3a5b55f6b8f15c3e7980bcb585a6226abcdf9 Mon Sep 17 00:00:00 2001
From: Robert Duda <robert.duda@hyland.com>
Date: Fri, 31 Jan 2025 12:31:56 +0100
Subject: [PATCH] AAE-30771 Show username on hover in people component (#10603)

---
 .../lib/people/components/people-cloud.component.html  |  4 +++-
 .../lib/people/components/people-cloud.component.ts    | 10 +++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
index 5508015a11..f9b151abd6 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
@@ -15,7 +15,9 @@
                 [attr.data-automation-id]="'adf-people-cloud-chip-' + user.username"
                 (removed)="onRemove(user)"
                 [disabled]="isReadonly() || isValidationLoading()"
-                title="{{ (user.readonly ? 'ADF_CLOUD_GROUPS.MANDATORY' : '') | translate }}">
+                title="{{ (user.readonly ? 'ADF_CLOUD_GROUPS.MANDATORY' : '') | translate }}"
+                [matTooltip]="showFullNameOnHover ? (user | fullName) : ''"
+                >
                 {{user | fullName}}
                 <mat-icon
                     matChipRemove
diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.ts b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.ts
index f4c96da4fd..f9eb07e891 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.ts
@@ -48,6 +48,7 @@ import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatInputModule } from '@angular/material/input';
 import { IdentityUserService } from '../services/identity-user.service';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
     selector: 'adf-cloud-people',
@@ -64,7 +65,8 @@ import { IdentityUserService } from '../services/identity-user.service';
         MatAutocompleteModule,
         ReactiveFormsModule,
         MatChipsModule,
-        MatInputModule
+        MatInputModule,
+        MatTooltipModule
     ],
     providers: [FullNamePipe],
     templateUrl: './people-cloud.component.html',
@@ -178,6 +180,12 @@ export class PeopleCloudComponent implements OnInit, OnChanges, AfterViewInit {
     @Input()
     showErrors: boolean = true;
 
+    /**
+     * Show the full name of the user on hover in the chips
+     */
+    @Input()
+    showFullNameOnHover: boolean = false;
+
     /** Emitted when a user is selected. */
     @Output()
     selectUser = new EventEmitter<IdentityUserModel>();