@tuki-io/tuki-widgets 0.0.0

package/projects/tuki/widgets/users-list/src/classes/user-interface.ts

@@ -0,0 +1,225 @@
+/*
+
+export interface UserInterface {
+  userid: string;
+  firstName: string;
+  lastName: string;
+  middleName: string;
+  email: string;
+  department: string;
+  telephoneNumber: string;
+  homeNumber: string;
+  mobileNumber: string;
+  pagerNumber: string;
+  displayName: string;
+  features: string[];
+  ldapIntegrated: boolean;
+  sparkLicenses: any[];
+  extensionMobility: ExtensionMobilityInterface;
+  singleNumberReach?: SingleNumberReachInterface;
+  primaryLineReference: LineDirectoryInterface;
+  voicemail: VoicemailInterface;
+  devices: DeviceInterface[];
+  deviceProfiles: DeviceInterface[];
+  lines: LineInterface[];
+  subscribeCss: string;
+  presenceGroup: string;
+  allowDeviceControlFromCti: boolean;
+  enableCrossClusterEm: boolean;
+  ucServiceProfile: string;
+  manager: string;
+  title: string;
+  associatedPc: string;
+  userProfile: string;
+  enableUserToHostConferenceNow: boolean;
+  attendeesAccessCode: string;
+  enableMobileVoiceAccess: boolean;
+  mlppUserIdNumber: string;
+  mlppPrecedencePattern: string;
+  userLocale: string;
+  siteId: number;
+  siteName: string;
+  location: string;
+  lineAppearances: Array<LineAppearance>;
+  meetMes: Array<MeetMeConferencing>;
+  homeCluster: boolean;
+  vmOnlyUser?: boolean;
+  directoryUri:string;
+}
+
+export interface SingleNumberReachInterface {
+  remoteDestinationProfileName: string;
+  remoteDestinations?: RemoteDestinationInterface[];
+  devicePool?: string;
+  css?: string;
+  rerouteCss?: string;
+}
+
+export interface VoicemailInterface {
+  callHandlerObjectId?: string;
+  extension: string;
+  vmUserTemplate?: string;
+  vmPassword?: VoicemailSettingsInterface;
+  vmMailbox?: MailboxInterface;
+  vmUnifiedMessagingAccount?: UnifiedMessagingAccount[];
+  notificationDevices?: VoicemailNotifications[];
+  alternateExtensions?: AlternateExtensions[];
+  language?: LanguageMailbox;
+  messageActions?: MessageActions;
+  webAppPassword?: WebAppPassword;
+  vmPasswordSettings?: VmPasswordSettings;
+  pkid?: string;
+}
+
+export interface ExtensionMobilityInterface {
+  deviceType: string;
+  deviceProfileName: string;
+  buttonTemplate: string;
+  services: string[];
+  protocol: string;
+  userLocale: string;
+  lineAssociations: LineAssociationInterface[];
+  speedDials: SpeedDialInterface[];
+}
+
+export interface SpeedDialInterface {
+  index: number;
+  position: number;
+  destination: string;
+  label: string;
+  editMode?: boolean;
+}
+
+export interface DeviceInterface {
+  name: string;
+  newName: string;
+  pkid: string;
+  entityChangeType: EntityChangeType;
+  deviceType: string;
+  protocol: string;
+  description: string;
+  buttonTemplate: string;
+  softkeyTemplate: string;
+  devicePoolName: string;
+  location: string;
+  userLocale: string;
+  enabledExtensionMobility: boolean;
+  callingSearchSpaceName: string;
+  services: string[];
+  networkLocale: string;
+  securityProfile: string;
+  lineAssociations: LineAssociationInterface[];
+  speedDials: SpeedDialInterface[];
+  sipProfile: string;
+  subscribeCallingSearchSpaceName: string;
+  commonPhoneConfigName: string;
+  ctiRemoteDevice: boolean;
+  firstExpansionModule: string;
+  secondExpansionModule: string;
+  thirdExpansionModule: string;
+  builtInBridge: string;
+  extraOptions?: DeviceExtraOptionsInterface;
+  formDisabledControls?: string[];
+  sharedUsers: string[];
+  busyLampFields: BusyLampFieldsInterface[];
+  meetMeEnabled: boolean;
+  deviceKind;
+  isCtiRoutePoint?: boolean;
+  cucmId: string;
+  plarDevice?: boolean;
+  firmwareVersion;
+  certificateOperation: string;
+  authenticationMode: string;
+  authenticationString?: string;
+  rsaKeySize?: string;
+  operationCompletesBy: string;
+  certificateStatus: string;
+  day?: string;
+  month?: string;
+  year?: string;
+  hour?: string;
+  securityProfileUuid?: string;
+  excludeDeviceExtraOptions?: boolean;
+}
+
+export interface DeviceViewConfiguration {
+  viewMode: any;
+  editMode: boolean;
+}
+
+export enum DeviceViewType {
+  details = 0,
+  lines = 1,
+  speedDials = 2,
+  blf = 2,
+}
+
+export interface LineAssociationInterface {
+  index: number;
+  position?: number;
+  e164Mask: string;
+  textLabel: string;
+  displayLabel: string;
+  displayLabelAscii: string;
+  directoryNumber: LineDirectoryInterface;
+  didPattern: TranslationPatternInterface;
+  mappedDids: Array<string>;
+  linePkid: string;
+  maxNumberOfCalls: number;
+  busyTrigger: number;
+  recordingOption: RecordingOptions;
+  recordingProfile: string;
+  recordingMediaSource: string;
+  visualMWI: string;
+  audibleMWI: string;
+  ringSetting_idle: string;
+  ringSetting_active: string;
+  pickupAAS_idle: string;
+  pickupAAS_active: string;
+  monitorCSS: string;
+  logMissedCall: string;
+  callInfoDisplay: LineCallInfoDisplayInterface;
+  lineLocalId: string;
+  sharedUsers: string[];
+  sharedDevices: string[];
+  ownerUserId: Array<string>;
+  associated: boolean;
+  populateWithDid: boolean;
+}
+
+export interface LineCallInfoDisplayInterface {
+  callerName: string;
+  callerNumber: string;
+  redirectedNumber: string;
+  dialedNumber: string;
+}
+
+export interface LineDirectoryInterface {
+  directoryNumber: string;
+  routePartitionName: string;
+  pkid: string;
+  dnType: string;
+  subType?: string;
+  templateDirectoryNumber?: string;
+}
+
+export interface TranslationPatternInterface {
+  pattern: string;
+  calledPartyTransformationMask: string;
+  description?: string;
+  site?: SiteShortDataInterface;
+  hasMultipleSites?: boolean;
+  multipleSitesId?: string;
+}
+
+export interface SiteShortDataInterface {
+  id: number;
+  name: string;
+}
+
+export enum RecordingOptions {
+  disabled = 'Call Recording Disabled',
+  auto_enabled = 'Automatic Call Recording Enabled',
+  selective_enabled = 'Selective Call Recording Enabled'
+}
+*/

package/projects/tuki/widgets/users-list/src/classes/user-list.ts

@@ -0,0 +1,40 @@
+import { DeviceInterface } from './device';
+import { LineInterface } from './line';
+
+export class ListUser implements ListUserInterface {
+  // @ts-ignore
+  userid: string;
+  firstName?: string;
+  lastName?: string;
+  email?: string;
+  telephoneNumber?: string;
+  devices: DeviceInterface[] = [];
+  deviceProfiles: DeviceInterface[] = [];
+  lines?: LineInterface[];
+  siteId?: number;
+  siteName?: string;
+  webexUUID?: string;
+  cucmId?: number;
+
+  constructor(user?: ListUser) {
+    if (user) {
+      Object.assign(this, user);
+    }
+  }
+}
+
+export interface ListUserInterface {
+  userid: string;
+  firstName?: string;
+  lastName?: string;
+  email?: string;
+  telephoneNumber?: string;
+  viewMode?: any;
+  devices: DeviceInterface[];
+  deviceProfiles: DeviceInterface[];
+  lines?: LineInterface[];
+  siteId?: number;
+  siteName?: string;
+  webexUUID?: string;
+  cucmId?: number;
+}

package/projects/tuki/widgets/users-list/src/classes/user.ts

@@ -0,0 +1,8 @@
+export enum UserView {
+  USER = 0,
+  DEVICE = 1,
+  LINE = 2,
+  SNR = 3,
+  FEATURES = 4,
+  USER_COLLECTION = 5
+}

package/projects/tuki/widgets/users-list/src/material.module.ts

@@ -0,0 +1,84 @@
+import { NgModule } from '@angular/core';
+
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatListModule } from '@angular/material/list';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatTreeModule } from '@angular/material/tree';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { MatButtonModule } from '@angular/material/button';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatInputModule } from '@angular/material/input';
+import { MatNativeDateModule } from '@angular/material/core';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import {MatFormFieldModule} from '@angular/material/form-field';
+import {MatStepperModule} from '@angular/material/stepper';
+import {MatTabsModule} from '@angular/material/tabs';
+import {MatCardModule} from '@angular/material/card';
+import {MatSelectModule} from '@angular/material/select';
+import {MatCheckboxModule} from '@angular/material/checkbox';
+import {MatSlideToggleModule} from '@angular/material/slide-toggle';
+import { MatTableModule } from '@angular/material/table';
+import { MatPaginatorModule } from '@angular/material/paginator';
+
+
+@NgModule({
+  imports: [
+    DragDropModule,
+    MatButtonModule,
+    MatListModule,
+    MatProgressSpinnerModule,
+    MatExpansionModule,
+    MatInputModule,
+    MatInputModule,
+    MatListModule,
+    MatTreeModule,
+    MatTreeModule,
+    MatNativeDateModule,
+    MatDatepickerModule,
+    MatTooltipModule,
+    MatAutocompleteModule,
+    MatChipsModule,
+    MatSidenavModule,
+    MatFormFieldModule,
+    MatStepperModule,
+    MatTabsModule,
+    MatCardModule,
+    MatSelectModule,
+    MatCheckboxModule,
+    MatSlideToggleModule,
+    MatTableModule,
+    MatPaginatorModule
+  ],
+  exports: [
+    DragDropModule,
+    MatButtonModule,
+    MatListModule,
+    MatProgressSpinnerModule,
+    MatExpansionModule,
+    MatInputModule,
+    MatInputModule,
+    MatListModule,
+    MatTreeModule,
+    MatTreeModule,
+    MatNativeDateModule,
+    MatDatepickerModule,
+    MatTooltipModule,
+    MatAutocompleteModule,
+    MatChipsModule,
+    MatSidenavModule,
+    MatFormFieldModule,
+    MatStepperModule,
+    MatTabsModule,
+    MatCardModule,
+    MatCheckboxModule,
+    MatSelectModule,
+    MatSlideToggleModule,
+    MatProgressSpinnerModule,
+    MatTableModule,
+    MatPaginatorModule
+  ],
+})
+export class MaterialModule { }

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

@@ -0,0 +1,87 @@
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { TableDataInterface } from '../classes/table-data';
+import { Observable } from 'rxjs';
+
+const apiUrl = 'http://192.168.0.191:8080';
+
+@Injectable()
+export class APIService {
+  public token: any;
+  constructor(
+    private httpClient: HttpClient
+  ) {
+  }
+
+  fetch(url: string, params = {}, cache?: boolean) {
+    const headers = this.getHeaders(cache);
+    return this.httpClient.get(apiUrl + url, {params: this.prepareEncodedParams(params), headers});
+  }
+
+  post(url: string, body: any, params = {}): any {
+    body = body || null;
+    const headers = this.getHeaders();
+    return this.httpClient.post(apiUrl + url, body, {params: this.prepareEncodedParams(params), headers});
+  }
+
+  // use when response extended data is necessary:
+  postExtended(url: string, body = null, params = {}, headers = {}) {
+    headers = headers || this.getHeaders();
+    return this.httpClient.post(apiUrl + url, body, {
+      headers,
+      observe: 'response',
+      params: this.prepareEncodedParams(params)
+    });
+  }
+
+  put(url: string, body = null, params = {}) {
+    const headers = this.getHeaders();
+    return this.httpClient.put(apiUrl + url, body, {headers, params: this.prepareEncodedParams(params)});
+  }
+
+  delete(url: string, params = {}) {
+    const headers = this.getHeaders();
+    return this.httpClient.delete(apiUrl + url, {headers, params: this.prepareEncodedParams(params)});
+  }
+
+  fetchPagination(url: string, pageSize: number, pageNumber: number, additionalParams = {}, cache?: boolean): Observable<TableDataInterface> {
+    const copyAdditionalParams = JSON.parse(JSON.stringify(additionalParams));
+    const params = Object.assign(copyAdditionalParams, {size: pageSize.toString(), page: pageNumber.toString()});
+    return this.fetch(url, params, cache) as Observable<TableDataInterface>;
+  }
+
+  private prepareEncodedParams(params: any) {
+    const result: any = {};
+
+    if (!params) {
+      return {};
+    }
+    for (const key of Object.keys(params)) {
+      if (params[key]) {
+        const stringParam = params[key].toString();
+        result[key] = stringParam.includes('+') ? encodeURIComponent(stringParam) : stringParam;
+      }
+    }
+    return result;
+  }
+
+  private getHeaders(cache?: boolean): HttpHeaders {
+    let headers = new HttpHeaders();
+    if (cache) {
+      headers = headers.append('_Cache', 'true ');
+    }
+    const token = this.token || this.getParameterByName('token');
+    headers = headers.append('Authorization', 'Bearer '+ token);
+    return headers;
+  }
+
+  private getParameterByName(name: any, url = window.location.href) {
+    name = name.replace(/[\[\]]/g, '\\$&');
+    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
+      results = regex.exec(url);
+    if (!results) return null;
+    if (!results[2]) return '';
+    return decodeURIComponent(results[2].replace(/\+/g, ' '));
+  }
+
+}

package/projects/tuki/widgets/users-list/src/services/events-communication.service.ts

@@ -0,0 +1,11 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+
+@Injectable()
+export class EventsCommunicationService {
+  public onSuccessfulLoginEvent = new Subject();
+
+  constructor() {
+  }
+
+}

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

@@ -0,0 +1,68 @@
+import { Injectable } from '@angular/core';
+import { Notification } from '../classes/notification';
+import { Subject } from 'rxjs';
+const SUCCESS_TIME = 5000;
+const INACTIVE_SESSION_MESSAGE = 'Your session was lost due to inactivity. Please login again';
+const INACTIVE_SESSION = 'SESSION_INACTIVE';
+
+@Injectable()
+export class NotificationService {
+
+  public listChange = new Subject();
+
+  private max = 0;
+  private list: Notification[] = [];
+
+  constructor(
+  ) {
+  }
+
+  error(message: string, ttl?: number): void {
+    this.notify('error', message, ttl);
+  }
+
+  success(message: string, ttl?: number): void {
+    this.notify('success', message, (!ttl) ? SUCCESS_TIME : ttl);
+  }
+
+  warning(message: string, ttl?: number): void {
+    this.notify('warning', message, ttl);
+  }
+
+  info(message: string, ttl?: number): void {
+    this.notify('info', message, ttl);
+  }
+  private notify(type: string, message: string, ttl?: number): void {
+    const found = this.list.find((n: Notification) => n.message === message);
+    if (found) {
+      this.remove(found);
+    }
+    const notification = new Notification({
+      id: ++this.max,
+      type, message, ttl
+    });
+    if (notification.ttl > 0) {
+      notification.timerId = setTimeout(() => this.remove(notification, true), notification.ttl);
+    }
+    this.list.push(notification);
+    this.listChange.next(this.list);
+  }
+
+  remove(notification: Notification, auto?: boolean): void {
+    if (!auto && notification.timerId) {
+      // clear timeout in case of manual remove
+      clearInterval(notification.timerId);
+    }
+    this.list = this.list.filter(n => n.id !== notification.id);
+    this.listChange.next(this.list);
+  }
+
+  private removeInactiveSessionError(): void {
+    if (!this.list || !this.list.length) {
+      return;
+    }
+    this.list = this.list.filter(n => n.message !== INACTIVE_SESSION_MESSAGE && n.message !== INACTIVE_SESSION);
+    this.listChange.next(this.list);
+  }
+
+}

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

@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+import { CUCMS_TO_IGNORE, CUCS_TO_IGNORE } from '../app.constants';
+
+@Injectable()
+export class RemoveKynFromIBMService {
+  constructor() {
+  }
+
+
+  removeCUCMS(date: any, customerId: number) {
+    if (customerId === 8) {
+      return date.filter((val: any) => !CUCMS_TO_IGNORE.includes(Math.round(val.cucmId)));
+    }
+    return date;
+  }
+
+  removeCUCS(date: any, customerId: number) {
+    if (customerId === 8) {
+      return date.filter((val: any) => !CUCS_TO_IGNORE.includes(Math.round(val.cucId)));
+    }
+    return date;
+  }
+
+
+}

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

@@ -0,0 +1,117 @@
+import {Injectable, OnInit} from '@angular/core';
+import { Observable, of, forkJoin } from 'rxjs';
+import { SimplifiedUser } from '../classes/simlified-user';
+import { API } from '../app.constants';
+import { APIService } from './api.service';
+import { map } from 'rxjs/operators';
+import { UtilsService } from '../utils/utils.service';
+
+@Injectable()
+export class UserService implements OnInit{
+  siteId: number = -1;
+  userId: string = '';
+  userIdExistPending = false;
+  hasExistedUserId = false;
+  user!: SimplifiedUser;
+  originUser!: SimplifiedUser;
+
+  constructor(
+    private apiService: APIService
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    console.log(this.siteId)
+  }
+
+  public fetchUserToken(siteId: number, userId: string): any {
+    if (this.siteId === siteId && this.userId === userId && this.user) {
+      return of(this.user);
+    }
+    this.siteId = siteId;
+    this.userId = userId;
+    return this.apiService.fetch(API.USER_TOKEN.replace(':siteId', String(this.siteId)).replace(':userId', encodeURIComponent(encodeURIComponent(userId))))
+      .pipe(map((result: any) => {
+        this.setSimplifiedUser(Object.values(result)[0]);
+      }))
+    // .pipe(this.handleError(false, true));
+  }
+
+  public updateUserFields(body: any): any {
+    if (!this.userId || !this.siteId || !this.user?.token) {
+      return;
+    }
+    return this.apiService.post(API.UPDATE_USER_FIELDS.replace(':siteId', String(this.siteId)).replace(':token', this.user.token), body)
+      // .pipe(this.handleError(false, true));
+  }
+
+  public fetchUserById(id: string) {
+    this.userIdExistPending = true;
+    return this.apiService.fetch(API.USER_BY_ID.replace(':siteId', String(this.siteId)).replace(':userId', encodeURIComponent(encodeURIComponent(id))))
+      .pipe(map(result => {
+        this.userIdExistPending = false;
+        return result;
+      }));
+  }
+
+  public persistCacheChanges() {
+    const params = {
+      excludeDeviceExtraOptions: true
+    };
+    return this.processUserChangesToCache()
+      .pipe(map((result: any) => {
+        return this.apiService.post(API.PERSIST_USER_CACHE.replace(':siteId', String(this.siteId)).replace(':token', this.user.token), {}, params)
+          .subscribe(() => {
+
+          })
+          // .pipe(map((user) => {
+          //   // this.setUser(user, false, this.user.token);
+          //   this.user.hasModifiedCache = false;
+          // }))
+          // .pipe(this.handleError(true, true));
+      }));
+  }
+
+  public processUserChangesToCache(): any {
+    const calls = [];
+    const body = UtilsService.diff(this.originUser.getSavableData(), this.user.getSavableData(), 'user');
+    if (body) {
+      calls.push(this.updateUserFields(body));
+    }
+    if (!calls?.length) {
+      return of(this.user);
+    }
+
+    return forkJoin(calls)
+      .pipe(map((responses: any) => {
+        // ApiUserResponse
+        this.handleSaveUserResponse(responses);
+      }))
+      // .pipe(this.handleError(false, true));
+
+  }
+
+  public hasUnsavedChanges() {
+    return !this.user.equal(this.originUser);
+  }
+
+  public setSimplifiedUser(user: any): void {
+    this.user = new SimplifiedUser(user);
+    const copiedUser = JSON.parse(JSON.stringify(user));
+    this.originUser = new SimplifiedUser(copiedUser);
+  }
+
+  private handleSaveUserResponse(responses: any) {
+    if (!responses?.length) {
+      return;
+    }
+    for (let len = responses.length, i = len - 1; i >= 0; i--) {
+      if (responses[i] && responses[i].currentUpdatedUser) {
+        // this.setUser(responses[i].currentUpdatedUser, false, this.user.token);
+        this.user.hasModifiedCache = true;
+        return;
+      }
+    }
+  }
+}