@tuki-io/tuki-widgets 0.0.65 → 0.0.67

package/projects/tuki/widgets/users-list/src/users-list.component.ts

@@ -1,312 +1,312 @@
-import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { UserService } from './services/user.service';
-import { APIService } from "./services/api.service";
-import { NotificationService } from './services/notification.service';
-import { Subscription } from 'rxjs';
-import { UsersSearchService } from './services/users-search.service';
-import { ListUser } from './classes/user-list';
-import { MatTableDataSource } from '@angular/material/table';
-import { PageEvent } from '@angular/material/paginator';
-import { ApiWebexService } from './services/api-webex.service';
-import { MAX_INTEGER } from './app.constants';
-import { MatDialog } from '@angular/material/dialog';
-import { UserListConfirmDialogComponent } from './user-list-confirm-dialog/user-list-confirm-dialog.component';
-
-const DISPLAYED_COLS = ['user-icon', 'name', 'email', 'status', 'role', 'actions'];
-const LOCAL_STORAGE = {
-  USER_IN_MIGRATION: 'userIdInMigration'
-};
-
-@Component({
-  selector: 'app-users-list',
-  templateUrl: './users-list.component.html',
-  styleUrls: ['./users-list.component.scss']
-})
-export class UsersListComponent implements OnInit, OnDestroy {
-  @Input() token!: string;
-  @Input() customerId!: number;
-  @Input() siteId!: number;
-  @Output() openUser = new EventEmitter();
-  @Output() userMoved = new EventEmitter();
-  @Output() switchToWizard = new EventEmitter();
-  @Input() host!: string;
-
-  dataPending!: boolean;
-  moveInProgressUserId!: string;
-  users!: ListUser[];
-  dataSource!: MatTableDataSource<ListUser>;
-  displayedColumns = DISPLAYED_COLS;
-  moveUser: any;
-  moveUserIndex: any;
-  showMoveUserWizard = false;
-  moveUserPending = false;
-  private subscriptions: Subscription[] = [];
-
-  get form(): FormGroup {
-    return this.userService?.user?.form;
-  }
-
-  constructor(
-    public userService: UserService,
-    private apiService: APIService,
-    private apiWebexService: ApiWebexService,
-    private notifications: NotificationService,
-    public usersSearchService: UsersSearchService,
-    private dialog: MatDialog
-  ) {
-  }
-
-
-  ngOnInit(): void {
-    this.usersSearchService.setDefaultValues();
-    this.usersSearchService.customerId = this.customerId;
-    this.usersSearchService.siteId = this.siteId;
-    this.apiService.token = this.token;
-    this.apiWebexService.token = this.token;
-    this.apiService.apiUrl = this.host + '/dcp';
-    this.apiWebexService.apiUrl = this.host + '/webex';
-
-    this.getMigratedUsers();
-    const subscription = this.usersSearchService.foundUsers$
-      .subscribe((users: ListUser[]) => {
-        this.initializeDataSource(users);
-      });
-    this.subscriptions.push(subscription);
-
-    console.log('users list paris 7773');
-  }
-
-  ngOnDestroy() {
-    if (this.subscriptions?.length) {
-      this.subscriptions.forEach(subscription => subscription.unsubscribe());
-    }
-  }
-
-  pageNumberChangeEvent(perPageNumber: number): void {
-    this.usersSearchService.pageSize = perPageNumber;
-    this.usersSearchService.pageIndex = 0;
-    this.runSearch();
-  }
-
-  closeMoveUserWizard(afterUserMove?: boolean): void {
-    this.moveUser = null;
-    this.moveUserIndex = null;
-    localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
-    this.showMoveUserWizard = false;
-    this.switchToWizard.emit(false);
-    if (afterUserMove) {
-      this.getMigratedUsers();
-    }
-  }
-
-  pageEvent(event: PageEvent): void {
-    this.usersSearchService.pageSize = event.pageSize;
-    this.usersSearchService.pageIndex = event.pageIndex;
-    this.runSearch();
-  }
-
-  onUserClick(user: ListUser): void {
-    this.openUser.emit(user);
-  }
-
-  moveUserToMT(user: ListUser, index: number): void {
-
-    if (user && user.siteId && user.userid) {
-      this.moveUserPending = true;
-      this.moveInProgressUserId = user.userid;
-      this.setStatusToUser(index, 'In Progress');
-      localStorage.setItem(LOCAL_STORAGE.USER_IN_MIGRATION, user.userid);
-
-      const subscription = this.userService.moveUserToMT(this.customerId, user)
-        .subscribe(() => {
-          this.moveUser = null;
-          this.moveUserIndex = null;
-          this.getMigratedUsers();
-        }, () => {
-          this.removeUserInMigrationProgress();
-          this.setStatusToUser(index, 'Migration Error');
-        });
-      this.subscriptions.push(subscription);
-    }
-  }
-
-  moveUserToDI(user: ListUser, index: number): void {
-
-    if (user && user.siteId && user.webexUUID) {
-      this.moveUserPending = true;
-      this.moveInProgressUserId = user.userid;
-      this.users[index].status = 'In Progress'
-      localStorage.setItem(LOCAL_STORAGE.USER_IN_MIGRATION, user.userid);
-
-      const subscription = this.userService.moveUserToDI(this.customerId, user)
-        .subscribe(() => {
-          this.removeUserInMigrationProgress();
-          this.setStatusToUser(index, 'Active');
-          this.users[index].webexUUID = '';
-          if (this.usersSearchService.migratedUsers && this.usersSearchService.migratedUsers.length) {
-            this.usersSearchService.migratedUsers = this.usersSearchService.migratedUsers.filter((migratedUser: any) => migratedUser.userid !== user.email);
-          }
-        }, () => {
-          this.removeUserInMigrationProgress();
-          this.setStatusToUser(index, 'Migration Error');
-        });
-    }
-  }
-
-  private removeUserInMigrationProgress(): void {
-    localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
-    this.moveInProgressUserId = '';
-    this.moveUserPending = false;
-  }
-
-  private setStatusToUser(index: number, status: string): void {
-    if (this.users && this.users[index]) {
-      this.users[index].status = status;
-      if (status === 'Migrated') {
-        this.users[index].roleName = '';
-        this.users[index].isMigrated = true;
-        this.users[index].status = status;
-      } else {
-        this.users[index].roleName = 'Dedicated Instance Calling user';
-        this.users[index].isMigrated = false;
-        this.users[index].status = status;
-      }
-    }
-    this.dataSource = new MatTableDataSource(this.users);
-  }
-
-  private initializeDataSource(users: ListUser[]): void {
-    if(users?.length) {
-      // this.setRandomUserRole(users);
-      this.users = users;
-      this.setUserMigrationProgress();
-      this.usersSearchService.setMigratedPropToUsers(this.users);
-      this.dataSource = new MatTableDataSource(users);
-    }
-  }
-
-  private setUserRole(): void {
-    if (this.users?.length) {
-      this.users.forEach(user => {
-        if (!user.isMigrated) {
-          user.roleName = 'Dedicated Instance Calling user';
-        }
-      })
-    }
-  }
-
-  private setRandomUserRole(users: ListUser[]): void {
-    const max = Math.round(this.usersSearchService.pageSize - this.usersSearchService.pageSize / 4);
-    const min = Math.round(this.usersSearchService.pageSize / 2);
-    const randomAmount = Math.round(Math.random() * (max - min) + min);
-    const indexes = this.getArrayOfRandomUserIndexes(randomAmount);
-    indexes.forEach(index => {
-      if (users[index]) {
-        users[index].roleName = 'Dedicated Instance Calling user'
-      }
-    });
-  }
-
-  private getArrayOfRandomUserIndexes(randomAmount: number): number[] {
-    const indexes = [];
-    while (randomAmount > 0) {
-      const index = Math.round(Math.random() * (this.usersSearchService.pageSize - 1));
-      indexes.push(index)
-      randomAmount--;
-    }
-    return indexes;
-  }
-
-  private runSearch(): void {
-    this.dataPending = true;
-    this.usersSearchService.quickRegularUsersSearch()
-      .subscribe(() => {
-        this.dataPending = false;
-      }, () => {
-        this.dataPending = false;
-        this.notifications.error('The data can not be received');
-      });
-  }
-
-  private setUserMigrationProgress(): void {
-    const userIdInMigration = localStorage.getItem(LOCAL_STORAGE.USER_IN_MIGRATION);
-    if (userIdInMigration) {
-      const index = this.users.findIndex(user => user.userid === userIdInMigration);
-      this.moveInProgressUserId = index > -1 ? this.users[index].userid : '';
-      this.moveUserPending = index > -1;
-    }
-  }
-
-  private getMigratedUsers(): void {
-    this.dataPending = true;
-    const searchParams = {
-      customerid: this.customerId,
-      siteid: this.siteId,
-      'cloud-only': 'true'
-    };
-    // this.usersSearchService.quickWebexUsersSearch(searchParams, true, MAX_INTEGER)
-    this.usersSearchService.getMigratedUsers(this.customerId)
-      // this.usersSearchService.getMigratedWebexUsers(this.customerId)
-      .subscribe(() => {
-        const userIdInMigration = localStorage.getItem(LOCAL_STORAGE.USER_IN_MIGRATION);
-        if (userIdInMigration && this.usersSearchService.migratedUsers.filter((migratedUser: any) => migratedUser.userid === userIdInMigration)) {
-          localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
-        }
-        this.runSearch();
-      }, () => {
-        this.dataPending = false;
-        this.notifications.error('The data can not be received');
-      });
-  }
-
-  onMoveUser(user: ListUser, index: number, type: string, title: string): void {
-    const dialogRef = this.dialog.open(UserListConfirmDialogComponent, {
-      data: {
-        title: `Move user ${user.userid} to ${title}?`,
-        message: `<p>By moving out of Dedicated Instance, you may need to reassign directory numbers and lose calling services.</p>
-<p>Are you sure you want to continue?</p>`,
-        confirmButtonText: 'Yes, continue'
-      }
-    });
-    dialogRef.beforeClosed().subscribe((result: any) => {
-      if (result) {
-        switch (type) {
-          case 'QuickMove':
-            this.moveUserToMT(user, index);
-            break;
-          case 'MT':
-            this.moveUser = user;
-            this.moveUserIndex = index;
-            this.showMoveUserWizard = true;
-            this.switchToWizard.emit(true);
-            break;
-          case 'DI':
-            this.moveUserToDI(user, index);
-            break;
-        }
-
-      }
-    });
-  }
-
-  runMoveUserToMT(): void {
-    if (this.moveUser && this.moveUser.siteId && this.moveUser.userid) {
-      this.userService.moveUserPending = true;
-      this.moveInProgressUserId = this.moveUser.userid;
-      this.setStatusToUser(this.moveUserIndex, 'In Progress');
-      localStorage.setItem(LOCAL_STORAGE.USER_IN_MIGRATION, this.moveUser.userid);
-    }
-
-    const subscription = this.userService.moveUserToMT(this.customerId, this.moveUser)
-      .subscribe(() => {
-        this.userService.userMoved$.next(true);
-      }, () => {
-        this.removeUserInMigrationProgress();
-        this.setStatusToUser(this.moveUserIndex, 'Migration Error');
-      });
-    this.subscriptions.push(subscription);
-  }
-
-
-}
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { UserService } from './services/user.service';
+import { APIService } from "./services/api.service";
+import { NotificationService } from './services/notification.service';
+import { Subscription } from 'rxjs';
+import { UsersSearchService } from './services/users-search.service';
+import { ListUser } from './classes/user-list';
+import { MatTableDataSource } from '@angular/material/table';
+import { PageEvent } from '@angular/material/paginator';
+import { ApiWebexService } from './services/api-webex.service';
+import { MAX_INTEGER } from './app.constants';
+import { MatDialog } from '@angular/material/dialog';
+import { UserListConfirmDialogComponent } from './user-list-confirm-dialog/user-list-confirm-dialog.component';
+
+const DISPLAYED_COLS = ['user-icon', 'name', 'email', 'status', 'role', 'actions'];
+const LOCAL_STORAGE = {
+  USER_IN_MIGRATION: 'userIdInMigration'
+};
+
+@Component({
+  selector: 'app-users-list',
+  templateUrl: './users-list.component.html',
+  styleUrls: ['./users-list.component.scss']
+})
+export class UsersListComponent implements OnInit, OnDestroy {
+  @Input() token!: string;
+  @Input() customerId!: number;
+  @Input() siteId!: number;
+  @Output() openUser = new EventEmitter();
+  @Output() userMoved = new EventEmitter();
+  @Output() switchToWizard = new EventEmitter();
+  @Input() host!: string;
+
+  dataPending!: boolean;
+  moveInProgressUserId!: string;
+  users!: ListUser[];
+  dataSource!: MatTableDataSource<ListUser>;
+  displayedColumns = DISPLAYED_COLS;
+  moveUser: any;
+  moveUserIndex: any;
+  showMoveUserWizard = false;
+  moveUserPending = false;
+  private subscriptions: Subscription[] = [];
+
+  get form(): FormGroup {
+    return this.userService?.user?.form;
+  }
+
+  constructor(
+    public userService: UserService,
+    private apiService: APIService,
+    private apiWebexService: ApiWebexService,
+    private notifications: NotificationService,
+    public usersSearchService: UsersSearchService,
+    private dialog: MatDialog
+  ) {
+  }
+
+
+  ngOnInit(): void {
+    this.usersSearchService.setDefaultValues();
+    this.usersSearchService.customerId = this.customerId;
+    this.usersSearchService.siteId = this.siteId;
+    this.apiService.token = this.token;
+    this.apiWebexService.token = this.token;
+    this.apiService.apiUrl = this.host + '/dcp';
+    this.apiWebexService.apiUrl = this.host + '/webex';
+
+    this.getMigratedUsers();
+    const subscription = this.usersSearchService.foundUsers$
+      .subscribe((users: ListUser[]) => {
+        this.initializeDataSource(users);
+      });
+    this.subscriptions.push(subscription);
+
+    console.log('users list paris 7773');
+  }
+
+  ngOnDestroy() {
+    if (this.subscriptions?.length) {
+      this.subscriptions.forEach(subscription => subscription.unsubscribe());
+    }
+  }
+
+  pageNumberChangeEvent(perPageNumber: number): void {
+    this.usersSearchService.pageSize = perPageNumber;
+    this.usersSearchService.pageIndex = 0;
+    this.runSearch();
+  }
+
+  closeMoveUserWizard(afterUserMove?: boolean): void {
+    this.moveUser = null;
+    this.moveUserIndex = null;
+    localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+    this.showMoveUserWizard = false;
+    this.switchToWizard.emit(false);
+    if (afterUserMove) {
+      this.getMigratedUsers();
+    }
+  }
+
+  pageEvent(event: PageEvent): void {
+    this.usersSearchService.pageSize = event.pageSize;
+    this.usersSearchService.pageIndex = event.pageIndex;
+    this.runSearch();
+  }
+
+  onUserClick(user: ListUser): void {
+    this.openUser.emit(user);
+  }
+
+  moveUserToMT(user: ListUser, index: number): void {
+
+    if (user && user.siteId && user.userid) {
+      this.moveUserPending = true;
+      this.moveInProgressUserId = user.userid;
+      this.setStatusToUser(index, 'In Progress');
+      localStorage.setItem(LOCAL_STORAGE.USER_IN_MIGRATION, user.userid);
+
+      const subscription = this.userService.moveUserToMT(this.customerId, user)
+        .subscribe(() => {
+          this.moveUser = null;
+          this.moveUserIndex = null;
+          this.getMigratedUsers();
+        }, () => {
+          this.removeUserInMigrationProgress();
+          this.setStatusToUser(index, 'Migration Error');
+        });
+      this.subscriptions.push(subscription);
+    }
+  }
+
+  moveUserToDI(user: ListUser, index: number): void {
+
+    if (user && user.siteId && user.webexUUID) {
+      this.moveUserPending = true;
+      this.moveInProgressUserId = user.userid;
+      this.users[index].status = 'In Progress'
+      localStorage.setItem(LOCAL_STORAGE.USER_IN_MIGRATION, user.userid);
+
+      const subscription = this.userService.moveUserToDI(this.customerId, user)
+        .subscribe(() => {
+          this.removeUserInMigrationProgress();
+          this.setStatusToUser(index, 'Active');
+          this.users[index].webexUUID = '';
+          if (this.usersSearchService.migratedUsers && this.usersSearchService.migratedUsers.length) {
+            this.usersSearchService.migratedUsers = this.usersSearchService.migratedUsers.filter((migratedUser: any) => migratedUser.userid !== user.email);
+          }
+        }, () => {
+          this.removeUserInMigrationProgress();
+          this.setStatusToUser(index, 'Migration Error');
+        });
+    }
+  }
+
+  private removeUserInMigrationProgress(): void {
+    localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+    this.moveInProgressUserId = '';
+    this.moveUserPending = false;
+  }
+
+  private setStatusToUser(index: number, status: string): void {
+    if (this.users && this.users[index]) {
+      this.users[index].status = status;
+      if (status === 'Migrated') {
+        this.users[index].roleName = '';
+        this.users[index].isMigrated = true;
+        this.users[index].status = status;
+      } else {
+        this.users[index].roleName = 'Dedicated Instance Calling user';
+        this.users[index].isMigrated = false;
+        this.users[index].status = status;
+      }
+    }
+    this.dataSource = new MatTableDataSource(this.users);
+  }
+
+  private initializeDataSource(users: ListUser[]): void {
+    if(users?.length) {
+      // this.setRandomUserRole(users);
+      this.users = users;
+      this.setUserMigrationProgress();
+      this.usersSearchService.setMigratedPropToUsers(this.users);
+      this.dataSource = new MatTableDataSource(users);
+    }
+  }
+
+  private setUserRole(): void {
+    if (this.users?.length) {
+      this.users.forEach(user => {
+        if (!user.isMigrated) {
+          user.roleName = 'Dedicated Instance Calling user';
+        }
+      })
+    }
+  }
+
+  private setRandomUserRole(users: ListUser[]): void {
+    const max = Math.round(this.usersSearchService.pageSize - this.usersSearchService.pageSize / 4);
+    const min = Math.round(this.usersSearchService.pageSize / 2);
+    const randomAmount = Math.round(Math.random() * (max - min) + min);
+    const indexes = this.getArrayOfRandomUserIndexes(randomAmount);
+    indexes.forEach(index => {
+      if (users[index]) {
+        users[index].roleName = 'Dedicated Instance Calling user'
+      }
+    });
+  }
+
+  private getArrayOfRandomUserIndexes(randomAmount: number): number[] {
+    const indexes = [];
+    while (randomAmount > 0) {
+      const index = Math.round(Math.random() * (this.usersSearchService.pageSize - 1));
+      indexes.push(index)
+      randomAmount--;
+    }
+    return indexes;
+  }
+
+  private runSearch(): void {
+    this.dataPending = true;
+    this.usersSearchService.quickRegularUsersSearch()
+      .subscribe(() => {
+        this.dataPending = false;
+      }, () => {
+        this.dataPending = false;
+        this.notifications.error('The data can not be received');
+      });
+  }
+
+  private setUserMigrationProgress(): void {
+    const userIdInMigration = localStorage.getItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+    if (userIdInMigration) {
+      const index = this.users.findIndex(user => user.userid === userIdInMigration);
+      this.moveInProgressUserId = index > -1 ? this.users[index].userid : '';
+      this.moveUserPending = index > -1;
+    }
+  }
+
+  private getMigratedUsers(): void {
+    this.dataPending = true;
+    const searchParams = {
+      customerid: this.customerId,
+      siteid: this.siteId,
+      'cloud-only': 'true'
+    };
+    // this.usersSearchService.quickWebexUsersSearch(searchParams, true, MAX_INTEGER)
+    this.usersSearchService.getMigratedUsers(this.customerId)
+      // this.usersSearchService.getMigratedWebexUsers(this.customerId)
+      .subscribe(() => {
+        const userIdInMigration = localStorage.getItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+        if (userIdInMigration && this.usersSearchService.migratedUsers.filter((migratedUser: any) => migratedUser.userid === userIdInMigration)) {
+          localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+        }
+        this.runSearch();
+      }, () => {
+        this.dataPending = false;
+        this.notifications.error('The data can not be received');
+      });
+  }
+
+  onMoveUser(user: ListUser, index: number, type: string, title: string): void {
+    const dialogRef = this.dialog.open(UserListConfirmDialogComponent, {
+      data: {
+        title: `Move user ${user.userid} to ${title}?`,
+        message: `<p>By moving out of Dedicated Instance, you may need to reassign directory numbers and lose calling services.</p>
+<p>Are you sure you want to continue?</p>`,
+        confirmButtonText: 'Yes, continue'
+      }
+    });
+    dialogRef.beforeClosed().subscribe((result: any) => {
+      if (result) {
+        switch (type) {
+          case 'QuickMove':
+            this.moveUserToMT(user, index);
+            break;
+          case 'MT':
+            this.moveUser = user;
+            this.moveUserIndex = index;
+            this.showMoveUserWizard = true;
+            this.switchToWizard.emit(true);
+            break;
+          case 'DI':
+            this.moveUserToDI(user, index);
+            break;
+        }
+
+      }
+    });
+  }
+
+  runMoveUserToMT(): void {
+    if (this.moveUser && this.moveUser.siteId && this.moveUser.userid) {
+      this.userService.moveUserPending = true;
+      this.moveInProgressUserId = this.moveUser.userid;
+      this.setStatusToUser(this.moveUserIndex, 'In Progress');
+      localStorage.setItem(LOCAL_STORAGE.USER_IN_MIGRATION, this.moveUser.userid);
+    }
+
+    const subscription = this.userService.moveUserToMT(this.customerId, this.moveUser)
+      .subscribe(() => {
+        this.userService.userMoved$.next(true);
+      }, () => {
+        this.removeUserInMigrationProgress();
+        this.setStatusToUser(this.moveUserIndex, 'Migration Error');
+      });
+    this.subscriptions.push(subscription);
+  }
+
+
+}