AAE-30771 Show username on hover in people component (#10603)

This commit is contained in:
Robert Duda 2025-01-31 12:31:56 +01:00 committed by GitHub
parent 3b95e4ab25
commit 43f3a5b55f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 2 deletions

View File

@ -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

View File

@ -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>();