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" [attr.data-automation-id]="'adf-people-cloud-chip-' + user.username"
(removed)="onRemove(user)" (removed)="onRemove(user)"
[disabled]="isReadonly() || isValidationLoading()" [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}} {{user | fullName}}
<mat-icon <mat-icon
matChipRemove matChipRemove

View File

@ -48,6 +48,7 @@ import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { MatChipsModule } from '@angular/material/chips'; import { MatChipsModule } from '@angular/material/chips';
import { MatInputModule } from '@angular/material/input'; import { MatInputModule } from '@angular/material/input';
import { IdentityUserService } from '../services/identity-user.service'; import { IdentityUserService } from '../services/identity-user.service';
import { MatTooltipModule } from '@angular/material/tooltip';
@Component({ @Component({
selector: 'adf-cloud-people', selector: 'adf-cloud-people',
@ -64,7 +65,8 @@ import { IdentityUserService } from '../services/identity-user.service';
MatAutocompleteModule, MatAutocompleteModule,
ReactiveFormsModule, ReactiveFormsModule,
MatChipsModule, MatChipsModule,
MatInputModule MatInputModule,
MatTooltipModule
], ],
providers: [FullNamePipe], providers: [FullNamePipe],
templateUrl: './people-cloud.component.html', templateUrl: './people-cloud.component.html',
@ -178,6 +180,12 @@ export class PeopleCloudComponent implements OnInit, OnChanges, AfterViewInit {
@Input() @Input()
showErrors: boolean = true; 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. */ /** Emitted when a user is selected. */
@Output() @Output()
selectUser = new EventEmitter<IdentityUserModel>(); selectUser = new EventEmitter<IdentityUserModel>();