otf-frontend/client/src/app/shared/modules/user-select/user-select.component.pug

   1 //-  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
   2 //-                                                                             #\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
   6 //-                                                                             #\r
   7 //-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 //-                                                                             #\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
  15 \r
  16 \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
  22     mat-icon close\r
  23 \r
  24 mat-dialog-content\r
  25   .row\r
  26     .col-md-8\r
  27       .list-group\r
  28         .px-4.py-3\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
  31               .ml-1\r
  32                 h5 {{ user.firstName }} {{user.lastName}} \r
  33                 p.mb-0 {{ user.email }}\r
  34     .col-md-4\r
  35       h4(*ngIf="selectedUsers.length > 0") Selected Users\r
  36       .list-group\r
  37         .mr-1.ml-1(*ngFor="let user of selectedUsers")\r
  38           mat-checkbox([(ngModel)] = "user.isSelected", (change)="unselectUser(user)") \r
  39             .ml-1\r
  40                 h5 {{ user.firstName }} {{user.lastName}} \r
  41                 p.mb-0 {{ user.email }}\r
  42 mat-dialog-actions \r
  43     button.bg-primary.text-white(mat-button, (click)="addUsers()") Add To Group\r
  44                \r