//-  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)")