mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
54 lines
3.1 KiB
HTML
54 lines
3.1 KiB
HTML
<mat-card class="adf-assignment-top-container">
|
|
<div mat-card-content class="adf-assignment-top-container-content">
|
|
<div class="assignment-header">
|
|
<div *ngIf="hasPeople()" class="adf-assignment-count" id="people-title">
|
|
{{ 'ADF_TASK_LIST.DETAILS.LABELS.PEOPLE' | translate }} {{ ' (' + people.length + ')' }}
|
|
</div>
|
|
<div *ngIf="!hasPeople()" class="adf-assignment-count" id="no-people-label">
|
|
{{ 'ADF_TASK_LIST.DETAILS.PEOPLE.NONE' | translate }}
|
|
</div>
|
|
<div *ngIf="isEditMode()" class="adf-add-people" (click)="onAddAssignment()">
|
|
<mat-icon class="adf-add-person-icon">person_add</mat-icon>
|
|
</div>
|
|
</div>
|
|
<div class="adf-assignment-container" *ngIf="showAssignment">
|
|
<adf-people-search
|
|
#peopleSearch
|
|
(searchPeople)="searchUser($event)"
|
|
(success)="involveUser($event)"
|
|
(closeSearch)="onCloseSearch()"
|
|
[results]="peopleSearch$">
|
|
<ng-container adf-people-search-title>{{ 'ADF_TASK_LIST.DETAILS.LABELS.ADD_PEOPLE' | translate }}</ng-container>
|
|
<ng-container adf-people-search-action-label>{{ 'ADF_TASK_LIST.PEOPLE.ADD_USER' | translate }}</ng-container>
|
|
</adf-people-search>
|
|
</div>
|
|
<div class="adf-assignment-list-container" id="assignment-people-list" *ngIf="hasPeople()">
|
|
<adf-people-list
|
|
[users]="people"
|
|
[actions]="isEditMode()"
|
|
(clickAction)="onClickAction($event)">
|
|
<data-columns>
|
|
<data-column key="firstName">
|
|
<ng-template let-entry="$implicit">
|
|
<div *ngIf="!entry.row.obj.pictureId" class="adf-people-search-people-pic">
|
|
{{getInitialUserName(entry.row.obj.firstName, entry.row.obj.lastName)}}</div>
|
|
<div>
|
|
<img [alt]="getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ')" *ngIf="entry.row.obj.pictureId" class="adf-people-img"
|
|
[src]="peopleProcessService.getUserImage(entry.row.obj)"/>
|
|
</div>
|
|
</ng-template>
|
|
</data-column>
|
|
<data-column key="email" class="adf-full-width">
|
|
<ng-template let-entry="$implicit">
|
|
<div class="adf-people-user-info">
|
|
<div class="adf-people-full-name">{{ getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ') }}</div>
|
|
<div class="adf-people-email">{{ entry.row.obj.email }}</div>
|
|
</div>
|
|
</ng-template>
|
|
</data-column>
|
|
</data-columns>
|
|
</adf-people-list>
|
|
</div>
|
|
</div>
|
|
</mat-card>
|