+//- 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