@tuki-io/tuki-widgets 0.0.65 → 0.0.67

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-stepper/move-user-stepper.component.ts

@@ -1,206 +1,206 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewChild, ViewEncapsulation } from "@angular/core";
-import { FormBuilder, Validators } from "@angular/forms";
-import { DnsService } from '../../services/dns.service';
-import { MatStepper } from "@angular/material/stepper";
-import { UserService } from '../../services/user.service';
-import { AppLocation } from '../../classes/app-location';
-import { SiteSettingsService } from '../../services/site-settings.service';
-import { filterOptions } from '../../utils/common-functions';
-import { MigrationData, PrepareMigrationBody, PrepareMigrationData } from '../../classes/move-user';
-import { MoveUserService } from '../../services/move-user.service';
-import { NotificationService } from '../../services/notification.service';
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-// for test only
-const LOCATION = 'Y2lzY29zcGFyazovL3VzL0xPQ0FUSU9OLzE2YjY0NjljLTBjZmQtNDJjMS1iOWJjLTUyN2FlZTNhN2RlOQ';
-
-@Component({
-  selector: 'app-move-user-stepper',
-  templateUrl: './move-user-stepper.component.html',
-  styleUrls: ['./move-user-stepper.component.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class MoveUserStepperComponent implements OnInit {
-  @ViewChild('nextAfterMoveBtn') nextAfterMoveBtn: any;
-  @Output()
-  done = new EventEmitter();
-  @Input()
-  user: any;
-  @Input()
-  customerId!: number;
-  @Output()
-  runMoveUser = new EventEmitter();
-  @Output()
-  cancel = new EventEmitter();
-  isLinear = false;
-  phoneNumberPending = false;
-  stepper!: MatStepper;
-  filteredLocations: AppLocation[] = [];
-  filteredPhoneNumbers: any;
-  dataPending = false;
-
-  get moveUserPending(): boolean {
-    return this.userService.moveUserPending;
-  }
-
-  get currentNumber(): string {
-    if (this.user?.devices?.length && this.user.devices[0]?.lineAssociations && this.user.devices[0].lineAssociations[0]) {
-      return this.user.devices[0].lineAssociations[0].directoryNumber.directoryNumber;
-    }
-    return '';
-  }
-
-  get locations(): AppLocation[] {
-    return this.siteSettingsService.locations;
-  }
-
-  get prepareMigrationData(): PrepareMigrationData {
-    return this.moveUserService.prepareMigrationData;
-  }
-
-  constructor(
-    public dnsService: DnsService,
-    public userService: UserService,
-    public siteSettingsService: SiteSettingsService,
-    private notificationService: NotificationService,
-    public moveUserService: MoveUserService
-  ) {
-  }
-
-  ngOnInit() {
-    this.moveUserService.prepareMigrationData = new PrepareMigrationData();
-    this.getData();
-  }
-
-  displayLocation(location?: AppLocation): string | undefined {
-    return location?.name || '';
-  }
-
-  onLocationAutocomplete(event: InputEvent): void {
-    const value = (event.target as HTMLInputElement).value;
-
-    if (this.locations?.length) {
-      this.filteredLocations = filterOptions(this.locations, value || '', '', 'name');
-    }
-  }
-
-  onNumberAutocomplete(): void {
-    if (this.dnsService.phoneNumbers?.length) {
-      this.filteredPhoneNumbers = filterOptions(this.dnsService.phoneNumbers, this.prepareMigrationData.newPhoneNumber);
-    }
-  }
-
-  onMoveUser(stepper: MatStepper): void {
-    this.stepper = stepper;
-    this.runMoveUser.emit();
-  }
-
-  onStepChange(event: any): void {
-  }
-
-  selectPhoneNumberMigrationType(event: any): void {
-    if (event.value && event.value === '2') {
-      this.getPhoneNumbers();
-    }
-    this.moveUserService.prepareMigrationData.removePhoneNumber = event.value && event.value === '3';
-  }
-
-  selectExtensionMigrationType(event: any): void {
-    this.moveUserService.prepareMigrationData.removeExtension = event.value && event.value === '3';
-  }
-
-  onPhoneNumberChange(event: any): void {
-    console.log('new phone number = ', this.prepareMigrationData.newPhoneNumber);
-  }
-
-  onLocationChange(event: MatAutocompleteSelectedEvent): void {
-    this.moveUserService.prepareMigrationData.newLocation = event.option.value;
-    this.moveUserService.resetMigrationDataForNewLocation();
-
-    if (this.prepareMigrationData.moveType.phoneNumber === '2') {
-      this.getPhoneNumbers();
-    }
-    this.getPrepareUserData();
-  }
-
-  onExtensionChange(event: any): void {
-    console.log('new newExtension = ', this.prepareMigrationData.newExtension);
-  }
-
-  getPhoneNumbers(): void {
-    if (!this.prepareMigrationData.newLocation?.id) {
-      return;
-    }
-    this.phoneNumberPending = true;
-    this.dnsService.fetchPhoneNumbers(this.customerId, this.prepareMigrationData.newLocation.id)
-      .subscribe(() => {
-        this.phoneNumberPending = false;
-        this.filteredPhoneNumbers = this.dnsService.phoneNumbers.slice();
-      }, () => this.phoneNumberPending = false);
-  }
-
-  isNextFromSelectLocationDisabled(): boolean {
-    if (!this.prepareMigrationData?.newLocation?.id || !this.prepareMigrationData.entityId) {
-      return true;
-    }
-    if (this.prepareMigrationData.moveType.phoneNumber === '2' && !this.prepareMigrationData.newPhoneNumber) {
-      return true;
-    }
-    if (this.prepareMigrationData.moveType.extension === '2' && !this.prepareMigrationData.newExtension) {
-      return true;
-    }
-    return false;
-  }
-
-  goNextStep(stepper: MatStepper) {
-
-  }
-
-  startMigration(): void {
-    const migrationData = new MigrationData(this.prepareMigrationData);
-    this.dataPending = true;
-    this.moveUserService.startMigration(migrationData)
-      .subscribe((result: any) => {
-        this.dataPending = false;
-        if (this.nextAfterMoveBtn?._elementRef?.nativeElement) {
-          this.nextAfterMoveBtn._elementRef.nativeElement.click();
-        }
-      }, () => {
-        this.dataPending = false;
-      })
-  }
-
-  getData(): void {
-    if (!this.user) {
-      return;
-    }
-    this.dataPending = true;
-    this.siteSettingsService.getLocations(this.customerId)
-      .subscribe(() => {
-        if (this.locations?.length) {
-          this.filteredLocations = this.locations.slice();
-        }
-        this.dataPending = false;
-      }, () => this.dataPending = false)
-  }
-
-  private getPrepareUserData() {
-    if (this.prepareMigrationData?.newLocation?.id) {
-      this.moveUserService.setOriginPrepareMigrationData();
-      const prepareMigrationBody = new PrepareMigrationBody(this.user, this.customerId, this.prepareMigrationData.newLocation.id);
-      this.moveUserService.prepareMigrationData.pending = true;
-      this.moveUserService.fetchPrepareMigrationData(prepareMigrationBody)
-        .subscribe(() => {
-
-        }, () => {
-          this.moveUserService.prepareMigrationData.pending = false;
-          this.notificationService.error('Move user attempt is failed');
-        });
-    }
-
-  }
-
-  private resetMoveTypePhoneNUmber(): void {
-    this.dnsService.phoneNumbers = [];
-  }
-
-}
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild, ViewEncapsulation } from "@angular/core";
+import { FormBuilder, Validators } from "@angular/forms";
+import { DnsService } from '../../services/dns.service';
+import { MatStepper } from "@angular/material/stepper";
+import { UserService } from '../../services/user.service';
+import { AppLocation } from '../../classes/app-location';
+import { SiteSettingsService } from '../../services/site-settings.service';
+import { filterOptions } from '../../utils/common-functions';
+import { MigrationData, PrepareMigrationBody, PrepareMigrationData } from '../../classes/move-user';
+import { MoveUserService } from '../../services/move-user.service';
+import { NotificationService } from '../../services/notification.service';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+// for test only
+const LOCATION = 'Y2lzY29zcGFyazovL3VzL0xPQ0FUSU9OLzE2YjY0NjljLTBjZmQtNDJjMS1iOWJjLTUyN2FlZTNhN2RlOQ';
+
+@Component({
+  selector: 'app-move-user-stepper',
+  templateUrl: './move-user-stepper.component.html',
+  styleUrls: ['./move-user-stepper.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class MoveUserStepperComponent implements OnInit {
+  @ViewChild('nextAfterMoveBtn') nextAfterMoveBtn: any;
+  @Output()
+  done = new EventEmitter();
+  @Input()
+  user: any;
+  @Input()
+  customerId!: number;
+  @Output()
+  runMoveUser = new EventEmitter();
+  @Output()
+  cancel = new EventEmitter();
+  isLinear = false;
+  phoneNumberPending = false;
+  stepper!: MatStepper;
+  filteredLocations: AppLocation[] = [];
+  filteredPhoneNumbers: any;
+  dataPending = false;
+
+  get moveUserPending(): boolean {
+    return this.userService.moveUserPending;
+  }
+
+  get currentNumber(): string {
+    if (this.user?.devices?.length && this.user.devices[0]?.lineAssociations && this.user.devices[0].lineAssociations[0]) {
+      return this.user.devices[0].lineAssociations[0].directoryNumber.directoryNumber;
+    }
+    return '';
+  }
+
+  get locations(): AppLocation[] {
+    return this.siteSettingsService.locations;
+  }
+
+  get prepareMigrationData(): PrepareMigrationData {
+    return this.moveUserService.prepareMigrationData;
+  }
+
+  constructor(
+    public dnsService: DnsService,
+    public userService: UserService,
+    public siteSettingsService: SiteSettingsService,
+    private notificationService: NotificationService,
+    public moveUserService: MoveUserService
+  ) {
+  }
+
+  ngOnInit() {
+    this.moveUserService.prepareMigrationData = new PrepareMigrationData();
+    this.getData();
+  }
+
+  displayLocation(location?: AppLocation): string | undefined {
+    return location?.name || '';
+  }
+
+  onLocationAutocomplete(event: InputEvent): void {
+    const value = (event.target as HTMLInputElement).value;
+
+    if (this.locations?.length) {
+      this.filteredLocations = filterOptions(this.locations, value || '', '', 'name');
+    }
+  }
+
+  onNumberAutocomplete(): void {
+    if (this.dnsService.phoneNumbers?.length) {
+      this.filteredPhoneNumbers = filterOptions(this.dnsService.phoneNumbers, this.prepareMigrationData.newPhoneNumber);
+    }
+  }
+
+  onMoveUser(stepper: MatStepper): void {
+    this.stepper = stepper;
+    this.runMoveUser.emit();
+  }
+
+  onStepChange(event: any): void {
+  }
+
+  selectPhoneNumberMigrationType(event: any): void {
+    if (event.value && event.value === '2') {
+      this.getPhoneNumbers();
+    }
+    this.moveUserService.prepareMigrationData.removePhoneNumber = event.value && event.value === '3';
+  }
+
+  selectExtensionMigrationType(event: any): void {
+    this.moveUserService.prepareMigrationData.removeExtension = event.value && event.value === '3';
+  }
+
+  onPhoneNumberChange(event: any): void {
+    console.log('new phone number = ', this.prepareMigrationData.newPhoneNumber);
+  }
+
+  onLocationChange(event: MatAutocompleteSelectedEvent): void {
+    this.moveUserService.prepareMigrationData.newLocation = event.option.value;
+    this.moveUserService.resetMigrationDataForNewLocation();
+
+    if (this.prepareMigrationData.moveType.phoneNumber === '2') {
+      this.getPhoneNumbers();
+    }
+    this.getPrepareUserData();
+  }
+
+  onExtensionChange(event: any): void {
+    console.log('new newExtension = ', this.prepareMigrationData.newExtension);
+  }
+
+  getPhoneNumbers(): void {
+    if (!this.prepareMigrationData.newLocation?.id) {
+      return;
+    }
+    this.phoneNumberPending = true;
+    this.dnsService.fetchPhoneNumbers(this.customerId, this.prepareMigrationData.newLocation.id)
+      .subscribe(() => {
+        this.phoneNumberPending = false;
+        this.filteredPhoneNumbers = this.dnsService.phoneNumbers.slice();
+      }, () => this.phoneNumberPending = false);
+  }
+
+  isNextFromSelectLocationDisabled(): boolean {
+    if (!this.prepareMigrationData?.newLocation?.id || !this.prepareMigrationData.entityId) {
+      return true;
+    }
+    if (this.prepareMigrationData.moveType.phoneNumber === '2' && !this.prepareMigrationData.newPhoneNumber) {
+      return true;
+    }
+    if (this.prepareMigrationData.moveType.extension === '2' && !this.prepareMigrationData.newExtension) {
+      return true;
+    }
+    return false;
+  }
+
+  goNextStep(stepper: MatStepper) {
+
+  }
+
+  startMigration(): void {
+    const migrationData = new MigrationData(this.prepareMigrationData);
+    this.dataPending = true;
+    this.moveUserService.startMigration(migrationData)
+      .subscribe((result: any) => {
+        this.dataPending = false;
+        if (this.nextAfterMoveBtn?._elementRef?.nativeElement) {
+          this.nextAfterMoveBtn._elementRef.nativeElement.click();
+        }
+      }, () => {
+        this.dataPending = false;
+      })
+  }
+
+  getData(): void {
+    if (!this.user) {
+      return;
+    }
+    this.dataPending = true;
+    this.siteSettingsService.getLocations(this.customerId)
+      .subscribe(() => {
+        if (this.locations?.length) {
+          this.filteredLocations = this.locations.slice();
+        }
+        this.dataPending = false;
+      }, () => this.dataPending = false)
+  }
+
+  private getPrepareUserData() {
+    if (this.prepareMigrationData?.newLocation?.id) {
+      this.moveUserService.setOriginPrepareMigrationData();
+      const prepareMigrationBody = new PrepareMigrationBody(this.user, this.customerId, this.prepareMigrationData.newLocation.id);
+      this.moveUserService.prepareMigrationData.pending = true;
+      this.moveUserService.fetchPrepareMigrationData(prepareMigrationBody)
+        .subscribe(() => {
+
+        }, () => {
+          this.moveUserService.prepareMigrationData.pending = false;
+          this.notificationService.error('Move user attempt is failed');
+        });
+    }
+
+  }
+
+  private resetMoveTypePhoneNUmber(): void {
+    this.dnsService.phoneNumbers = [];
+  }
+
+}

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-wizard.component.html

@@ -1,12 +1,12 @@
-<app-loader *ngIf="dataPending"></app-loader>
-<div class="move-user-stepper-container">
-    <header class="move-user-header">
-        <div class="move-user-header__title">Move User {{user.userid}}</div>
-        <div class="move-user-header__close">
-          <span class="app-icon icon-white-close" (click)="onClose()"></span>
-        </div>
-    </header>
-    <app-move-user-stepper *ngIf="user" [customerId]="customerId"
-                           [user]="user" (cancel)="onClose()" (done)="done.emit()"
-                           (runMoveUser)="onRunMoveUser()"></app-move-user-stepper>
-</div>
+<app-loader *ngIf="dataPending"></app-loader>
+<div class="move-user-stepper-container">
+    <header class="move-user-header">
+        <div class="move-user-header__title">Move User {{user.userid}}</div>
+        <div class="move-user-header__close">
+          <span class="app-icon icon-white-close" (click)="onClose()"></span>
+        </div>
+    </header>
+    <app-move-user-stepper *ngIf="user" [customerId]="customerId"
+                           [user]="user" (cancel)="onClose()" (done)="done.emit()"
+                           (runMoveUser)="onRunMoveUser()"></app-move-user-stepper>
+</div>

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-wizard.component.scss

@@ -1,41 +1,41 @@
-.move-user-stepper-container {
-}
-
-.move-user-header {
-    background-color: hsl(210deg 84.82% 43.92%);
-
-    height: 45px;
-    padding: 1rem 1.5rem;
-
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    color: white;
-
-    font-size: 18px;
-    font-weight: 500;
-}
-
-.move-user-header__close {
-    cursor: pointer;
-
-    & i {
-        font-size: 25px;
-        font-weight: 100;
-    }
-}
-.app-icon {
-  height: 20px;
-  width: 20px;
-  display: inline-block;
-  cursor: pointer;
-  background-repeat: no-repeat;
-  background-position: center;
-}
-.icon-close {
-  background-image: url('../assets/icons/close_icon_modal.svg');
-}
-.icon-white-close {
-  background-image: url('../assets/icons/white-close-icon.svg');
-}
+.move-user-stepper-container {
+}
+
+.move-user-header {
+    background-color: hsl(210deg 84.82% 43.92%);
+
+    height: 45px;
+    padding: 1rem 1.5rem;
+
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    color: white;
+
+    font-size: 18px;
+    font-weight: 500;
+}
+
+.move-user-header__close {
+    cursor: pointer;
+
+    & i {
+        font-size: 25px;
+        font-weight: 100;
+    }
+}
+.app-icon {
+  height: 20px;
+  width: 20px;
+  display: inline-block;
+  cursor: pointer;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.icon-close {
+  background-image: url('../assets/icons/close_icon_modal.svg');
+}
+.icon-white-close {
+  background-image: url('../assets/icons/white-close-icon.svg');
+}

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

@@ -1,36 +1,36 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
-import { DnsService } from '../services/dns.service';
-
-
-@Component({
-    selector: 'app-move-user-wizard',
-    templateUrl: './move-user-wizard.component.html',
-    styleUrls: ['./move-user-wizard.component.scss']
-})
-export class MoveUserWizardComponent {
-  @Input()
-  user: any;
-  @Input()
-  customerId!: number;
-  @Output()
-  closeMoveUserWizard = new EventEmitter();
-  @Output()
-  done = new EventEmitter();
-  @Output()
-  runMoveUser = new EventEmitter();
-  dataPending = false;
-
-    constructor(
-      public dnsService: DnsService
-    ) {
-
-    }
-
-    onClose(): void {
-      this.closeMoveUserWizard.emit();
-    }
-
-    onRunMoveUser(): void {
-      this.runMoveUser.emit();
-    }
-}
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { DnsService } from '../services/dns.service';
+
+
+@Component({
+    selector: 'app-move-user-wizard',
+    templateUrl: './move-user-wizard.component.html',
+    styleUrls: ['./move-user-wizard.component.scss']
+})
+export class MoveUserWizardComponent {
+  @Input()
+  user: any;
+  @Input()
+  customerId!: number;
+  @Output()
+  closeMoveUserWizard = new EventEmitter();
+  @Output()
+  done = new EventEmitter();
+  @Output()
+  runMoveUser = new EventEmitter();
+  dataPending = false;
+
+    constructor(
+      public dnsService: DnsService
+    ) {
+
+    }
+
+    onClose(): void {
+      this.closeMoveUserWizard.emit();
+    }
+
+    onRunMoveUser(): void {
+      this.runMoveUser.emit();
+    }
+}

package/projects/tuki/widgets/users-list/src/services/api-webex.service.ts

@@ -1,14 +1,14 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { APIService } from './api.service';
-
-
-@Injectable()
-export class ApiWebexService extends APIService {
-  constructor(httpClient: HttpClient) {
-    super(httpClient);
-    //this.apiUrl = window.location.protocol + "//"+ window.location.hostname + environment.apiAuthUrl;
-    this.apiUrl = 'https://webex.car-west.net/webex';
-    // this.apiUrl = 'https://staging.tuki.io/webex';
-  }
-}
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { APIService } from './api.service';
+
+
+@Injectable()
+export class ApiWebexService extends APIService {
+  constructor(httpClient: HttpClient) {
+    super(httpClient);
+    //this.apiUrl = window.location.protocol + "//"+ window.location.hostname + environment.apiAuthUrl;
+    this.apiUrl = 'https://webex.car-west.net/webex';
+    // this.apiUrl = 'https://staging.tuki.io/webex';
+  }
+}