2018-01-11 17:19:15 +01:00
|
|
|
<form *ngIf="formGroup" [formGroup]="formGroup">
|
|
|
|
<h1 mat-dialog-title>{{'INVITATION-EDITOR.TITLE' | translate}} {{data.dmpName}}</h1>
|
|
|
|
<div mat-dialog-content>
|
|
|
|
<td-chips color="accent" [items]="filteredUsers" formControlName="users" placeholder="{{'INVITATION-EDITOR.AUTOCOMPLETE-TITLE' | translate}}"
|
|
|
|
(inputChange)="filterUsers($event)" requireMatch>
|
2018-01-05 16:40:19 +01:00
|
|
|
<ng-template td-chip let-chip="chip">
|
|
|
|
<div class="tc-grey-100 bgc-teal-700" td-chip-avatar>{{chip.name.substring(0, 1).toUpperCase()}}</div>
|
|
|
|
{{chip.name}}
|
|
|
|
</ng-template>
|
|
|
|
<ng-template td-autocomplete-option let-option="option">
|
|
|
|
<div layout="row" layout-align="start center">
|
|
|
|
{{option.name}}
|
|
|
|
</div>
|
|
|
|
</ng-template>
|
|
|
|
<mat-progress-bar [style.height.px]="2" *ngIf="filteredUsersAsync" mode="indeterminate"></mat-progress-bar>
|
|
|
|
</td-chips>
|
2018-01-11 17:19:15 +01:00
|
|
|
</div>
|
|
|
|
<div mat-dialog-actions>
|
|
|
|
<div layout="row" class="full-width text-right" align="end">
|
|
|
|
<button mat-raised-button color="primary" (click)="send()" type="button">{{'INVITATION-EDITOR.ACTIONS.SEND-INVITATION' | translate}}</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|