@tuki-io/tuki-widgets 0.0.95 → 0.0.97

package/projects/tuki/widgets/user-device-manage/src/classes/site-defaults.ts

@@ -0,0 +1,167 @@
+
+export class SiteDefaults implements SiteTemplateInterface {
+  id!: number;
+  routePartitionFilter!: string[];
+  devicePoolFilter: string[];
+  cssFilter!: string[];
+  voicemailProfileFilter: string[];
+  lineCss!: string;
+  deviceCss!: string;
+  callForwardAllCss!: string;
+  location!: string;
+  voicemailUserTemplate!: string;
+  routePartition!: string;
+  devicePool!: string;
+  voicemailProfile!: string;
+  externalCallerId!: string;
+  huntPilotPartition!: string;
+  callPickupGroupPartition!: string;
+  meetMeConferencePartition!: string;
+  callParkPartition!: string;
+  userLocale!: string;
+  networkLocale!: string;
+  cucmGroup!: string;
+  softkeyTemplates!: string;
+  phoneButtonTemplate!: string;
+  phoneSecurityProfile!: string;
+  sipProfile!: string;
+  rdpCss!: string;
+  rdpRerouteCss!: string;
+  commonPhoneProfile!: string;
+  subscribeCss!: string;
+  enableEm!: boolean;
+  forwardHuntBusyCSS!: string;
+  forwardHuntNoAnswerCSS!: string;
+  forwardBusyInternalCss!: string;
+  forwardBusyExternalCss!: string;
+  forwardNoAnswerInternalCss!: string;
+  forwardNoAnswerExternalCss!: string;
+  forwardNoCoverageInternalCss!: string;
+  forwardNoCoverageExternalCss!: string;
+  forwardOnCtiFailureCss!: string;
+  forwardUnregisteredInternalCss!: string;
+  forwardUnregisteredExternalCss!: string;
+  rdpExternalCallerId!: string;
+  noAnswerRingDuration!: string;
+  ucServiceProfile!: string;
+  phoneSystem!: string;
+  maxNumberOfCalls!: string;
+  busyTrigger!: string;
+  didPartition!: string;
+  didCss!: string;
+  vossCompatibilitySiteCode!: string;
+  vossCompatibilityRidCode!: string;
+  dialPlanType!: string;
+  emService!: string;
+  cucPartition!: string;
+  alertingName?: string;
+  displayCallerId?: string;
+  textLabel?: string;
+  internalTranslationPartition?: string;
+  internalTranslationCss?: string;
+  plarCss?: string;
+  lineDescription?: string;
+  deviceDescription?: string;
+  sharedSitesCssFilter!: string[];
+  sharedSitesRPFilter!: string[];
+  udpDeviceType!: string;
+  udpDeviceProtocol!: string;
+  udpButtonTemplate!: string;
+  userUserLocale!: string;
+  userAccessControlGroups?: string;
+
+  constructor(siteDefaults?: SiteTemplateInterface, isSharedLineSite?: boolean) {
+    this.routePartitionFilter = [];
+    this.devicePoolFilter = [];
+    this.cssFilter = [];
+    this.voicemailProfileFilter = [];
+
+    if (siteDefaults) {
+      Object.assign(this, siteDefaults);
+      this.enableEm = siteDefaults.enableEm === 'true';
+      this.routePartitionFilter?.sort();
+      this.devicePoolFilter?.sort();
+      this.cssFilter?.sort();
+      this.voicemailProfileFilter?.sort();
+    }
+    /*if (isSharedLineSite && siteDefaults) {
+      this.cssFilter = siteDefaults?.sharedSitesCssFilter;
+      this.routePartitionFilter = siteDefaults?.sharedSitesRPFilter;
+    }*/
+  }
+}
+
+export interface SiteTemplateInterface {
+  id: number;
+  routePartitionFilter: string | string[];
+  devicePoolFilter: string | string[];
+  cssFilter: string | string[];
+  voicemailProfileFilter: string | string[];
+  lineCss: string;
+  deviceCss: string;
+  callForwardAllCss: string;
+  location: string;
+  voicemailUserTemplate: string;
+  routePartition: string;
+  devicePool: string;
+  voicemailProfile: string;
+  externalCallerId: string;
+  huntPilotPartition: string;
+  callPickupGroupPartition: string;
+  meetMeConferencePartition: string;
+  callParkPartition: string;
+  userLocale: string;
+  networkLocale: string;
+  cucmGroup: string;
+  softkeyTemplates: string;
+  phoneButtonTemplate: string;
+  phoneSecurityProfile: string;
+  sipProfile: string;
+  rdpCss: string;
+  rdpRerouteCss: string;
+  commonPhoneProfile: string;
+  subscribeCss: string;
+  enableEm: boolean | string;
+  forwardHuntBusyCSS: string;
+  forwardHuntNoAnswerCSS: string;
+  forwardBusyInternalCss: string;
+  forwardBusyExternalCss: string;
+  forwardNoAnswerInternalCss: string;
+  forwardNoAnswerExternalCss: string;
+  forwardNoCoverageInternalCss: string;
+  forwardNoCoverageExternalCss: string;
+  forwardOnCtiFailureCss: string;
+  forwardUnregisteredInternalCss: string;
+  forwardUnregisteredExternalCss: string;
+  rdpExternalCallerId: string;
+  noAnswerRingDuration: string;
+  ucServiceProfile: string;
+  phoneSystem: string;
+  maxNumberOfCalls: string;
+  busyTrigger: string;
+  didPartition: string;
+  didCss: string;
+  vossCompatibilitySiteCode: string;
+  vossCompatibilityRidCode: string;
+  dialPlanType: string;
+  emService: string;
+  emergencyPartition?: string;
+  cucPartition: string;
+  alertingName?: string;
+  displayCallerId?: string;
+  lineTextLabel?: string;
+  textLabel?: string;
+  internalTranslationPartition?: string;
+  internalTranslationCss?: string;
+  plarCss?: string;
+  lineDescription?: string;
+  deviceDescription?: string;
+  sharedSitesCssFilter?: string[];
+  sharedSitesRPFilter?: string[];
+  reroutingCss?: string;
+  udpDeviceType: string;
+  udpDeviceProtocol: string;
+  udpButtonTemplate: string;
+  userUserLocale: string;
+  userAccessControlGroups?: string;
+}

package/projects/tuki/widgets/user-device-manage/src/classes/translation-pattern.ts

@@ -0,0 +1,50 @@
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { TranslationPatternInterface } from './line';
+import { SiteShortDataInterface } from './device';
+import { getSavableData } from '../common-functions';
+
+export class TranslationPattern implements TranslationPatternInterface {
+  pattern!: string;
+  calledPartyTransformationMask!: string;
+  description!: string;
+  site?: SiteShortDataInterface;
+  hasMultipleSites!: boolean;
+  multipleSitesId!: string;
+  cucmId?: number;
+
+  // non-savable data fields
+  form!: FormGroup;
+  isNewForExistingLine!: boolean;
+
+  constructor(translationPattern?: TranslationPatternInterface) {
+    Object.assign(this, translationPattern || {});
+    this.initForm();
+  }
+
+  public getSavableData() {
+    return getSavableData(this, ['form', 'isNewForExistingLine']);
+  }
+
+  initForm() {
+    const formBuilder = new FormBuilder();
+    const formSettings = {
+      pattern: [{value: this.pattern || ''}],
+      calledPartyTransformationMask: [{value: this.calledPartyTransformationMask || ''}]
+    };
+    this.form = formBuilder.group(formSettings);
+  }
+
+  public getSiteId() {
+    if (this.site && this.site.id != null) {
+      return this.site.id;
+    }
+    if (this.hasMultipleSiteIds()) {
+      return this.multipleSitesId.split(',')[0];
+    }
+    return null;
+  }
+
+  private hasMultipleSiteIds(): boolean {
+    return this.hasMultipleSites && !!this.multipleSitesId && this.multipleSitesId.length > 0;
+  }
+}

package/projects/tuki/widgets/user-device-manage/src/classes/types.ts

@@ -0,0 +1,19 @@
+export enum SpeedDialType {
+  slotBasic = 'slotBasic',
+  abbreviated = 'abbreviated',
+}
+export enum MailboxQuotasType {
+  system = 'system',
+  custom = 'custom'
+}
+export enum VMNotificationsTypes {
+  'Pager Device' = 'Pager Device',
+  'Phone Device' = 'Phone Device',
+  'SMTP Device' = 'SMTP Device',
+  'HTML Device' = 'HTML Device',
+}
+export enum DeviceTypes {
+  CTI_ROUTE_POINT = 'CTI Route Point',
+  CTI_PORT = 'CTI Port',
+  CTI_REMOTE = 'CTI Remote Device'
+}

package/projects/tuki/widgets/user-device-manage/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/user-device-manage/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/user-device-manage/src/common-functions.ts

@@ -0,0 +1,16 @@
+export const getSavableData = (model: any, exclude?: Array<string>) => {
+  let result = Object.keys(model);
+  if (exclude && exclude.length) {
+    result = result.filter(key => !exclude.some(item => item === key));
+  }
+  return result.reduce((result, key) => {
+    if (model[key] instanceof Array && model[key].length && model[key][0].getSavableData) {
+      (result as any)[key] = model[key].map((item: any) => item.getSavableData());
+    } else if (model[key] instanceof Object && model[key].getSavableData) {
+      (result as any)[key] = model[key].getSavableData();
+    } else {
+      (result as any)[key] = model[key];
+    }
+    return result;
+  }, {});
+};

package/projects/tuki/widgets/user-device-manage/src/confirm-dialog/info-dialog.component.html

@@ -0,0 +1,14 @@
+<div id="info-dialog" class="app-dialog" aria-labelledby="info-dialog-label" role="dialog">
+  <h3 *ngIf="title" class="app-dialog-title">{{title}}</h3>
+  <div mat-dialog-content *ngIf="message" class="app-dialog-content">
+    <div [innerHTML]="message"></div>
+  </div>
+  <div mat-dialog-actions class="flex-gap-container">
+    <button class="app-dialog-button app-dialog-cancel-button" (click)="onClose(false)">
+      Cancel
+    </button>
+    <button class="app-dialog-button app-dialog-confirm-button" (click)="onClose(true)">
+      {{confirmButtonText}}
+    </button>
+  </div>
+</div>

package/projects/tuki/widgets/user-device-manage/src/confirm-dialog/info-dialog.component.scss

@@ -0,0 +1,80 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
+$main-webex-font: Inter, 'Inter', sans-serif;
+
+#info-dialog {
+  min-height: 150px;
+  width: 400px;
+  box-sizing: border-box;
+  position: relative;
+
+
+  .fa  {
+    font-size: 35px;
+    margin: 0 auto 20px;
+    display: block;
+    text-align: center;
+    color: #009fdb;
+    cursor: default;
+
+    /*&:hover {
+      color: darken(#009fdb, 3%);
+    }*/
+  }
+
+
+
+  /*button {
+    width: calc(1/2*100% - (1 - 1/2)*10px);
+  }*/
+}
+.scroll-content {
+  overflow-y: auto;
+  margin: auto;
+  max-height: 150px;
+  width: 100%;
+}
+.app-dialog {
+  font-family: $main-webex-font;
+
+  .app-dialog-title {
+    text-align: center;
+    font-weight: 600;
+    font-size: 16px;
+    font-family: $main-webex-font;
+    margin: 0 0 24px 0;
+  }
+  .flex-gap-container {
+    gap: 16px;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    gap: 15px;
+    display: flex;
+
+  }
+  .app-dialog-content {
+    color: rgba(0, 0, 0, 0.70);
+    font-size: 14px;
+  }
+}
+.app-dialog-button {
+  height: 32px;
+  padding: 10px 12px;
+  text-align: center;
+  border-radius: 50px;
+  box-shadow: none;
+  line-height: 11px;
+  border: none;
+  font-size: 14px;
+  font-family: $main-webex-font;
+  cursor: pointer;
+}
+.app-dialog-cancel-button {
+  border: 1px solid rgba(0, 0, 0, 0.50);
+  color: black;
+  background: white;
+}
+.app-dialog-confirm-button {
+  background: black;
+  color: white;
+}

package/projects/tuki/widgets/user-device-manage/src/confirm-dialog/info-dialog.component.ts

@@ -0,0 +1,35 @@
+import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+@Component({
+  selector: 'app-info-dialog',
+  templateUrl: './info-dialog.component.html',
+  styleUrls: ['./info-dialog.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class InfoDialogComponent implements OnInit {
+  public confirmButtonText = 'OK';
+  public message = '';
+  public title = '';
+
+  constructor(
+    public dialogRef: MatDialogRef<any>,
+    @Inject(MAT_DIALOG_DATA) public data: InfoDialogConfig
+  ) { }
+
+  ngOnInit(): void {
+    this.confirmButtonText = this.data.confirmButtonText || '';
+    this.message = this.data.message || '';
+    this.title = this.data.title || '';
+  }
+
+  public onClose(val: boolean): void {
+    this.dialogRef.close(val);
+  }
+}
+
+export class InfoDialogConfig {
+  message!: string;
+  title!: string;
+  confirmButtonText!: string;
+}

package/projects/tuki/widgets/user-device-manage/src/device-associated-line/associated-line-row/associated-line-row.component.html

@@ -0,0 +1,21 @@
+<div class="line-item">
+    <div class="line-informations">
+        <div class="line-drag">
+          <i class="app-icon icon-dragger-vertical"></i>
+        </div>
+        <div class="line-label">Button Position {{ line.position }}</div>
+        <div class="line-sep flex-box">
+          <div class="app-icon icon-vertical-divider"></div>
+          <div class="line-dn-box">Line {{line.directoryNumber.directoryNumber}}</div>
+        </div>
+        <div class="line-name">{{ line.displayLabel }}</div>
+    </div>
+    <div class="line-actions">
+        <div class="line-delete">
+          <i class="app-icon icon-delete" (click)="onLineRemove()"></i>
+        </div>
+        <div class="line-toggle-details" (click)="onToggleDetails()">
+          <i class="app-icon icon-arrow-right"></i>
+        </div>
+    </div>
+</div>