feat: TT-190create feature toggle in azure

Author: scastillo-jp

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

@@ -19,37 +19,35 @@
         <td class="col-4 text-break">{{ user.email }}</td>
         <td class="col-5 text-break">{{ user.name }}</td>
         <td class="col-3 text-center">
-          <div *ngIf="flakyToggle; else elseBlock">
+          <div *ngIf="isUserGroupsToggleOn">
             <ui-switch
               size="small"
               (change)="switchGroup(user.id, user.groups, 'time-tracker-admin')"
               [checked]="user.groups.includes('time-tracker-admin')"
             ></ui-switch>
-            admin
+            group admin
             <ui-switch
               size="small"
               (change)="switchGroup(user.id, user.groups, 'time-tracker-tester')"
               [checked]="user.groups.includes('time-tracker-tester')"
             ></ui-switch>
-            test
+            group test
           </div>
-          <ng-template #elseBlock>
-            <div>
-              <ui-switch
-                size="small"
-                (change)="switchRole(user.id, user.roles, 'admin','time-tracker-admin')"
-                [checked]="user.roles.includes('time-tracker-admin')"
-              ></ui-switch>
-              admin
-              <ui-switch
-                size="small"
-                (change)="switchRole(user.id, user.roles,'tester','time-tracker-tester')"
-                [checked]="user.roles.includes('time-tracker-tester')"
-              ></ui-switch>
-              test
-            </div>
-          </ng-template>
 
+          <div *ngIf="!isUserGroupsToggleOn">
+            <ui-switch
+              size="small"
+              (change)="switchRole(user.id, user.roles, 'admin','time-tracker-admin')"
+              [checked]="user.roles.includes('time-tracker-admin')"
+            ></ui-switch>
+            admin
+            <ui-switch
+              size="small"
+              (change)="switchRole(user.id, user.roles,'tester','time-tracker-tester')"
+              [checked]="user.roles.includes('time-tracker-tester')"
+            ></ui-switch>
+            test
+          </div>
         </td>
       </tr>
     </tbody>

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

@@ -31,8 +31,7 @@ export class UsersListComponent implements OnInit, OnDestroy, AfterViewInit {
   dtOptions: any = {};
   switchGroupsSubscription: Subscription;
   isEnableToggleSubscription: Subscription;
-  isUserGroupsToggleOn;
-  flakyToggle = true; // borrar para implementar feature toggle
+  isUserGroupsToggleOn: boolean;
 
   constructor(
     private store: Store<User>,
@@ -53,7 +52,6 @@ export class UsersListComponent implements OnInit, OnDestroy, AfterViewInit {
 
     this.isEnableToggleSubscription = this.isFeatureToggleActivated().subscribe((flag) => {
       this.isUserGroupsToggleOn = flag;
-      console.log('in subscription', this.isUserGroupsToggleOn);
     });
 
     this.switchGroupsSubscription = this.actionsSubject$
@@ -105,8 +103,8 @@ export class UsersListComponent implements OnInit, OnDestroy, AfterViewInit {
 
   switchRole(userId: string, userRoles: string[], roleId: string, roleValue: string) {
     userRoles.includes(roleValue)
-      ? this.store.dispatch(new RevokeRoleUser(userId, roleId))
-      : this.store.dispatch(new GrantRoleUser(userId, roleId));
+    ? this.store.dispatch(new RevokeRoleUser(userId, roleId))
+    : this.store.dispatch(new GrantRoleUser(userId, roleId));
   }
 
   switchGroup(userId: string, userGroups: string[], groupName: string) {