mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
9bd18c9770
* people module directory restructuring * Extract PeopleSearchFieldComponent to reuse most part of it * Transform PeopleSearchFieldComponent to the form we want to reuse * People selector component, first try * Remove material grid from start-task.component, first part * Styling and i18n * clear button for deleting the selected assignee * Remove people preloading, remove combobox and update assigneeId * Fix existing tests * Add new tests * Final css fixes
33 lines
1.5 KiB
HTML
33 lines
1.5 KiB
HTML
<mat-form-field class="search-text-container">
|
|
<input
|
|
matInput
|
|
placeholder="{{ searchPlaceholder }}"
|
|
type="text"
|
|
id="userSearchText"
|
|
[value]=""
|
|
[formControl]="searchUser"
|
|
data-automation-id="adf-people-search-input">
|
|
</mat-form-field>
|
|
<ng-container *ngIf="users$ | async; let users">
|
|
<div class="search-list-container" id="search-people-list" *ngIf="users.length > 0">
|
|
<adf-people-list [users]="users" (clickRow)="onRowClick($event)">
|
|
<data-columns>
|
|
<data-column key="firstName">
|
|
<ng-template let-entry="$implicit">
|
|
<div *ngIf="!entry.row.obj.pictureId" class="people-pic">
|
|
{{getInitialUserName(entry.row.obj.firstName, entry.row.obj.lastName)}}</div>
|
|
<div>
|
|
<img *ngIf="entry.row.obj.pictureId" class="people-img"
|
|
[src]="peopleProcessService.getUserImage(entry.row.obj)"/>
|
|
</div>
|
|
</ng-template>
|
|
</data-column>
|
|
<data-column key="email" class="full-width">
|
|
<ng-template let-entry="$implicit">
|
|
<div class="people-full-name">{{ getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ') }}</div>
|
|
</ng-template>
|
|
</data-column>
|
|
</data-columns>
|
|
</adf-people-list>
|
|
</div>
|
|
</ng-container> |