fix: TT-190 use add remove groups

Author: wobravo

src/app/modules/users/components/users-list/users-list.component.html

@@ -22,6 +22,7 @@
           <div *ngIf="isUserGroupsToggleOn">
             <ui-switch
               size="small"
+<<<<<<< HEAD
               (change)="switchGroup(user.id, user.groups, 'time-tracker-admin')"
               [checked]="user.groups.includes('time-tracker-admin')"
             ></ui-switch>
@@ -39,12 +40,21 @@
               size="small"
               (change)="switchRole(user.id, user.roles, 'admin','time-tracker-admin')"
               [checked]="user.roles.includes('time-tracker-admin')"
+=======
+              (change)="switchGroups(user.id, user.groups, 'admin', 'time-tracker-admin')"
+              [checked]="user.groups.includes('time-tracker-admin')"
+>>>>>>> fix: TT-190 use add remove groups
             ></ui-switch>
             admin
             <ui-switch
               size="small"
+<<<<<<< HEAD
               (change)="switchRole(user.id, user.roles,'tester','time-tracker-tester')"
               [checked]="user.roles.includes('time-tracker-tester')"
+=======
+              (change)="switchGroups(user.id, user.groups, 'test', 'time-tracker-tester')"
+              [checked]="user.groups.includes('time-tracker-tester')"
+>>>>>>> fix: TT-190 use add remove groups
             ></ui-switch>
             test
           </div>

src/app/modules/users/components/users-list/users-list.component.ts

@@ -1,6 +1,7 @@
 import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
 import { ActionsSubject, select, Store } from '@ngrx/store';
 import { DataTableDirective } from 'angular-datatables';
+<<<<<<< HEAD
 import { Observable, Subject, Subscription } from 'rxjs';
 import { delay, filter, map } from 'rxjs/operators';
 import { FeatureManagerService } from 'src/app/modules/shared/feature-toggles/feature-toggle-manager.service';
@@ -13,6 +14,13 @@ import {
   AddUserToGroup,
   RemoveUserFromGroup,
 } from '../../store/user.actions';
+=======
+import { Observable, Subject, Subscription} from 'rxjs';
+import { delay, filter, map } from 'rxjs/operators';
+import { FeatureManagerService } from 'src/app/modules/shared/feature-toggles/feature-toggle-manager.service';
+import { User } from '../../models/users';
+import { GrantRoleUser, LoadUsers, RevokeRoleUser, UserActionTypes, AddUserToGroup, RemoveUserToGroup} from '../../store/user.actions';
+>>>>>>> fix: TT-190 use add remove groups
 import { getIsLoading } from '../../store/user.selectors';
 
 @Component({
@@ -120,4 +128,10 @@ export class UsersListComponent implements OnInit, OnDestroy, AfterViewInit {
       })
     );
   }
+
+  switchGroups(userId: string, userGroups: string[], groupname: string, groupValue: string) {
+    userGroups.includes(groupValue)
+      ? this.store.dispatch(new RemoveUserFromGroup(userId, groupname))
+      : this.store.dispatch(new AddUserToGroup(userId, groupname));
+  }
 }