--- /dev/null
+//- 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]).mb-3\r
+ h2 Manage Group\r
+\r
+ .card-mb-12\r
+ div.mb-1\r
+ mat-card-title(*ngIf="hasMembers") {{ group.groupName }}\r
+ \r
+ button.mr-2.pull-right(matTooltip="Remove user", color="warn", mat-raised-button, (click)="removeMembers()", [disabled] = "!hasSelectedRows") Remove\r
+ button.mr-2.pull-right(matTooltip="Edit user roles", color="accent", mat-raised-button, (click)="editRoles()", [disabled]="!hasSelectedRows || multipleRowsSelected") Edit Roles\r
+ button.mr-2.pull-right(mat-raised-button, color="primary", (click)="openUserSelect()") Add Users\r
+ //button.mr-2.pull-right(mat-raised-button, color="primary", (click)="onboardMechid()") Add Mech Id\r
+ button.mr-2.pull-right(mat-raised-button, color="primary", [routerLink]="['manage-group-roles']") Manage Group Roles\r
+ \r
+ mat-card-content\r
+ .clearfix\r
+ ag-grid-angular.ag-theme-material(\r
+ style="width:100%; height: 600px", \r
+ [rowData]="rowData", \r
+ [columnDefs]="columnDefs",\r
+ rowSelection="multiple",\r
+ [rowMultiSelectWithClick]="true",\r
+ (cellClicked)="onCellClicked($event)",\r
+ (rowSelected)="onRowSelected($event)",\r
+ (gridReady)="onGridReady($event)")\r