added svcapi ui and camunda code
[it/otf.git] / otf-frontend / client / src / app / shared / modules / create-group-modal / create-group-modal.component.pug
diff --git a/otf-frontend/client/src/app/shared/modules/create-group-modal/create-group-modal.component.pug b/otf-frontend/client/src/app/shared/modules/create-group-modal/create-group-modal.component.pug
new file mode 100644 (file)
index 0000000..82c37a4
--- /dev/null
@@ -0,0 +1,37 @@
+//-  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
+div([@routerTransition])\r
+  app-page-header([heading]="'Create Group'")\r
+  form.ml-2(style="width:100%")\r
+    .row\r
+      .col-md-6\r
+        .row\r
+          mat-form-field.mr-2\r
+            mat-select([(value)]="newGroup.parentGroupId", placeholder="Parent Group", required)\r
+              mat-option(value="None") None\r
+              mat-option(*ngFor="let group of groups", [value]="group._id") {{group.groupName}} \r
+              \r
+        .row\r
+          mat-form-field.mr-2(required)\r
+            input(matInput, placeholder="New Group Name", [(ngModel)]="newGroup.groupName", name="Group Name", required)\r
+        \r
+      .col-md-6\r
+        mat-form-field.mr-2\r
+          textarea(matInput, cdkTextareaAutosize, placeholder="Description", #autosize="cdkTextareaAutosize", cdkAutosizeMinRows="2", cdkAutosizeMaxRows="5", name="description", [(ngModel)]="newGroup.groupDescription")\r
+\r
+    button.pull-left(mat-raised-button, color="primary", (click)="createGroup()") Create\r
+    button.pull-right(mat-raised-button, color="warn", (click)="close()") Cancel\r