X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?p=it%2Fotf.git;a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Fmanage-group%2Fmanage-group.component.pug;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Fmanage-group%2Fmanage-group.component.pug;h=e4b770052bfdd0677aa77adbbe21aebf5459a576;hp=0000000000000000000000000000000000000000;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b

diff --git a/otf-frontend/client/src/app/layout/manage-group/manage-group.component.pug b/otf-frontend/client/src/app/layout/manage-group/manage-group.component.pug
new file mode 100644
index 0000000..e4b7700
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/manage-group/manage-group.component.pug
@@ -0,0 +1,40 @@
+//-  Copyright (c) 2019 AT&T Intellectual Property.                             #
+//-                                                                             #
+//-  Licensed under the Apache License, Version 2.0 (the "License");            #
+//-  you may not use this file except in compliance with the License.           #
+//-  You may obtain a copy of the License at                                    #
+//-                                                                             #
+//-      http://www.apache.org/licenses/LICENSE-2.0                             #
+//-                                                                             #
+//-  Unless required by applicable law or agreed to in writing, software        #
+//-  distributed under the License is distributed on an "AS IS" BASIS,          #
+//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #
+//-  See the License for the specific language governing permissions and        #
+//-  limitations under the License.                                             #
+//- #############################################################################
+
+
+div([@routerTransition]).mb-3
+  h2 Manage Group
+
+  .card-mb-12
+    div.mb-1
+      mat-card-title(*ngIf="hasMembers") {{ group.groupName }}
+  
+      button.mr-2.pull-right(matTooltip="Remove user", color="warn", mat-raised-button, (click)="removeMembers()", [disabled] = "!hasSelectedRows") Remove
+      button.mr-2.pull-right(matTooltip="Edit user roles", color="accent", mat-raised-button, (click)="editRoles()", [disabled]="!hasSelectedRows || multipleRowsSelected") Edit Roles
+      button.mr-2.pull-right(mat-raised-button, color="primary", (click)="openUserSelect()") Add Users
+      //button.mr-2.pull-right(mat-raised-button, color="primary", (click)="onboardMechid()") Add Mech Id
+      button.mr-2.pull-right(mat-raised-button, color="primary", [routerLink]="['manage-group-roles']") Manage Group Roles
+     
+      mat-card-content
+        .clearfix
+        ag-grid-angular.ag-theme-material(
+          style="width:100%; height: 600px", 
+          [rowData]="rowData", 
+          [columnDefs]="columnDefs",
+          rowSelection="multiple",
+          [rowMultiSelectWithClick]="true",
+          (cellClicked)="onCellClicked($event)",
+          (rowSelected)="onRowSelected($event)",
+          (gridReady)="onGridReady($event)")