mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
AAE-30771 Show username on hover in people component (#10603)
This commit is contained in:
parent
3b95e4ab25
commit
43f3a5b55f
@ -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
|
||||||
|
@ -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>();
|
||||||
|
Loading…
x
Reference in New Issue
Block a user