added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / shared / modules / user-select / user-select.component.pug

diff --git a/otf-frontend/client/src/app/shared/modules/user-select/user-select.component.pug b/otf-frontend/client/src/app/shared/modules/user-select/user-select.component.pug
new file mode 100644 (file)
index 0000000..401d807
--- /dev/null
+++ b/otf-frontend/client/src/app/shared/modules/user-select/user-select.component.pug
@@ -0,0 +1,44 @@
+//-  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
+//-                                                                             #\r
+//-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
+//-  you may not use this file except in compliance with the License.           #\r
+//-  You may obtain a copy of the License at                                    #\r
+//-                                                                             #\r
+//-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
+//-                                                                             #\r
+//-  Unless required by applicable law or agreed to in writing, software        #\r
+//-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
+//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
+//-  See the License for the specific language governing permissions and        #\r
+//-  limitations under the License.                                             #\r
+//- #############################################################################\r
+\r
+\r
+h2.mb-1(mat-dialog-title) Search Users By Email\r
+//input.bg-light.form-control(mat-dialog-title, type="text", placeholder="Search...", [(ngModel)]="search.testName")\r
+mat-form-field(style="width:100%")\r
+  input(matInput, type='search', placeholder='Search email...', color='blue', [(ngModel)]='search.email')\r
+  button(mat-button, *ngIf='search.email', matSuffix, mat-icon-button, aria-label='Clear', (click)="search.email=''")\r
+    mat-icon close\r
+\r
+mat-dialog-content\r
+  .row\r
+    .col-md-8\r
+      .list-group\r
+        .px-4.py-3\r
+          .mr-1.ml-1(*ngFor="let user of users | filterBy:search")\r
+            mat-checkbox(*ngIf="search.email.length > 0", [(ngModel)]="user.isSelected", (change)="selectUser(user)") \r
+              .ml-1\r
+                h5 {{ user.firstName }} {{user.lastName}} \r
+                p.mb-0 {{ user.email }}\r
+    .col-md-4\r
+      h4(*ngIf="selectedUsers.length > 0") Selected Users\r
+      .list-group\r
+        .mr-1.ml-1(*ngFor="let user of selectedUsers")\r
+          mat-checkbox([(ngModel)] = "user.isSelected", (change)="unselectUser(user)") \r
+            .ml-1\r
+                h5 {{ user.firstName }} {{user.lastName}} \r
+                p.mb-0 {{ user.email }}\r
+mat-dialog-actions \r
+    button.bg-primary.text-white(mat-button, (click)="addUsers()") Add To Group\r
+               \r