2018-01-05 16:40:19 +01:00
|
|
|
<div>
|
|
|
|
<form *ngIf="formGroup" (ngSubmit)="formSubmit()" [formGroup]="formGroup">
|
|
|
|
<td-chips color="accent" [items]="filteredUsers" formControlName="users" placeholder="{{'INVITATION-EDITOR.TITLE' | translate}}"
|
|
|
|
(inputChange)="filterUsers($event)" [requireMatch]="false">
|
|
|
|
<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>
|
|
|
|
<button mat-raised-button color="primary" (click)="send()" type="button">{{'INVITATION-EDITOR.ACTIONS.SEND-INVITATION' | translate}}</button>
|
|
|
|
</form>
|
|
|
|
</div>
|