1 //- Copyright (c) 2019 AT&T Intellectual Property. #
\r
3 //- Licensed under the Apache License, Version 2.0 (the "License"); #
\r
4 //- you may not use this file except in compliance with the License. #
\r
5 //- You may obtain a copy of the License at #
\r
7 //- http://www.apache.org/licenses/LICENSE-2.0 #
\r
9 //- Unless required by applicable law or agreed to in writing, software #
\r
10 //- distributed under the License is distributed on an "AS IS" BASIS, #
\r
11 //- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. #
\r
12 //- See the License for the specific language governing permissions and #
\r
13 //- limitations under the License. #
\r
14 //- #############################################################################
\r
17 h2.mb-1(mat-dialog-title) Search Users By Email
\r
18 //input.bg-light.form-control(mat-dialog-title, type="text", placeholder="Search...", [(ngModel)]="search.testName")
\r
19 mat-form-field(style="width:100%")
\r
20 input(matInput, type='search', placeholder='Search email...', color='blue', [(ngModel)]='search.email')
\r
21 button(mat-button, *ngIf='search.email', matSuffix, mat-icon-button, aria-label='Clear', (click)="search.email=''")
\r
29 .mr-1.ml-1(*ngFor="let user of users | filterBy:search")
\r
30 mat-checkbox(*ngIf="search.email.length > 0", [(ngModel)]="user.isSelected", (change)="selectUser(user)")
\r
32 h5 {{ user.firstName }} {{user.lastName}}
\r
33 p.mb-0 {{ user.email }}
\r
35 h4(*ngIf="selectedUsers.length > 0") Selected Users
\r
37 .mr-1.ml-1(*ngFor="let user of selectedUsers")
\r
38 mat-checkbox([(ngModel)] = "user.isSelected", (change)="unselectUser(user)")
\r
40 h5 {{ user.firstName }} {{user.lastName}}
\r
41 p.mb-0 {{ user.email }}
\r
43 button.bg-primary.text-white(mat-button, (click)="addUsers()") Add To Group
\r