@tuki-io/tuki-widgets 0.0.95 → 0.0.97

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

@@ -0,0 +1,18 @@
+export interface PaginationDataDtoInterface {
+  total: number;
+  pageSizeOptions: number[];
+  pageSize: number;
+  pageIndex: number;
+}
+export class PaginationDataDto {
+  total!: number;
+  pageSizeOptions!: number[];
+  pageSize!: number;
+  pageIndex!: number;
+
+  constructor(pagination?: PaginationDataDtoInterface) {
+    if (pagination) {
+      Object.assign(this, pagination);
+    }
+  }
+}

package/projects/tuki/widgets/user-manage/src/classes/recording-options.ts

@@ -0,0 +1,6 @@
+export enum RecordingOptions {
+  disabled = 'Call Recording Disabled',
+  auto_enabled = 'Automatic Call Recording Enabled',
+  selective_enabled = 'Selective Call Recording Enabled'
+}
+

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

@@ -0,0 +1,165 @@
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { getSavableData } from '../common-functions';
+import { REGEX_PATTERN } from '../app.constants';
+import { Device } from './device';
+import { LineAssociation } from './line-association';
+import { LineAssociationInterface } from './line-association-interface';
+
+export class SimplifiedUser {
+  userid!: string;
+  email!: string;
+  firstName!: string;
+  lastName!: string;
+  siteId!: number;
+  siteName!: number;
+  token!: string;
+  // general user info
+  department!: string;
+  manager!: string;
+  associatedPc!: string;
+  digestCredentials!: string;
+  userProfile!: string;
+  enableMobileVoiceAccess!: boolean;
+  userLocale!: string;
+  confirmDigestCredentials: any;
+
+  // contact information
+  middleName!: string;
+  telephoneNumber!: string;
+  mobileNumber!: string;
+  directoryUri!: string;
+  title!: string;
+  homeNumber!: string;
+  pagerNumber!: string;
+  displayName!: string;
+
+  devices!: Device[];
+
+  viewMode!: string;
+  hasModifiedCache!: boolean;
+  newUserId!: string;
+  editMode!: boolean;
+  ldapIntegrated!: boolean;
+  form!: FormGroup;
+
+  constructor(user?: any, isLdap?: boolean) {
+    // isLdap TEMP because of token response issue
+    if (user) {
+      this.userid = user.userid;
+      this.email = user.email;
+      this.firstName = user.firstName;
+      this.lastName = user.lastName;
+      this.siteId = user.siteId;
+      this.siteName = user.siteName;
+      this.token = user.token;
+
+      this.department = user.department;
+      this.manager = user.manager;
+      this.associatedPc = user.associatedPc;
+      this.digestCredentials = user.digestCredentials;
+      this.userProfile = user.userProfile;
+      this.enableMobileVoiceAccess = user.enableMobileVoiceAccess;
+      this.ldapIntegrated = user.ldapIntegrated || isLdap || false;
+      this.userLocale = user.userLocale;
+      this.confirmDigestCredentials = user.confirmDigestCredentials;
+
+      this.middleName = user.middleName;
+      this.telephoneNumber = user.telephoneNumber;
+      this.mobileNumber = user.mobileNumber;
+      this.directoryUri = user.directoryUri;
+      this.title = user.title;
+      this.homeNumber = user.homeNumber;
+      this.pagerNumber = user.pagerNumber;
+      this.displayName = user.displayName;
+
+      if (user.devices && user.devices.length) {
+        this.devices = user.devices.map((device: any) => new Device(device));
+        if (user.lines && user.lines.length) {
+          this.devices.forEach(device => {
+            if (device && device.lineAssociations && device.lineAssociations.length) {
+              device.lineAssociations.forEach(lineAssociation => {
+                lineAssociation.callingSearchSpace = this.getLineVal(lineAssociation, user.lines, 'callingSearchSpace');
+                lineAssociation.textLabel = lineAssociation.textLabel || this.getLineVal(lineAssociation, user.lines, 'textLabel') || '';
+                lineAssociation.alertingName = lineAssociation.alertingName || this.getLineVal(lineAssociation, user.lines, 'alertingName') || '';
+              })
+            }
+          })
+        }
+      }
+    }
+    this.initForm()
+  }
+
+  getLineVal(lineAssociation: LineAssociation | LineAssociationInterface, lines: any, token: string): any {
+    const lineForVal = lines.find((line: any) => line.directoryNumber.directoryNumber === lineAssociation.directoryNumber.directoryNumber);
+    return lineForVal && lineForVal[token] || '';
+  }
+
+  getUserDetailsSavableData() {
+    const excludedFields: string[] = ['devices', 'deviceProfiles', 'lines', 'singleNumberReach', 'vmPassword', 'vmUnifiedMessagingAccount', 'alternateExtensions', 'callerInput', 'lineAppearances', 'meetMes', 'webAppPasswordSettings', 'form'];
+    return getSavableData(this, excludedFields);
+  }
+
+  initForm() {
+    const formBuilder = new FormBuilder();
+    const formSettings = {
+      userid: [{value: this.userid || '', disabled: this.ldapIntegrated}, [Validators.required, Validators.maxLength(128)]],
+      email: [{value: this.email || '', disabled: this.ldapIntegrated}, [
+        Validators.pattern(REGEX_PATTERN.EMAIL),
+        Validators.required
+      ]],
+      firstName: [{value: this.firstName || '', disabled: this.ldapIntegrated}],
+      lastName: [{value: this.lastName || '', disabled: this.ldapIntegrated}, Validators.required],
+      department: [{value: this.department || '', disabled: false}],
+      middleName: [{value: this.middleName || '', disabled: false}],
+      title: [{value: this.title || '', disabled: false}],
+      telephoneNumber: [{value: this.telephoneNumber || '', disabled: false}],
+      homeNumber: [{value: this.homeNumber || '', disabled: false}],
+      mobileNumber: [{value: this.mobileNumber || '', disabled: false}],
+      pagerNumber: [{value: this.pagerNumber || '', disabled: false}],
+      displayName: [{value: this.displayName || '', disabled: false}],
+      manager: [{value: this.manager || '', disabled: false}],
+      associatedPc: [this.associatedPc || ''],
+      directoryUri: [this.directoryUri || ''],
+      userProfile: [this.userProfile],
+      enableMobileVoiceAccess: [this.enableMobileVoiceAccess],
+      ldapIntegrated: [this.ldapIntegrated],
+      userLocale: [this.userLocale || ''],
+      digestCredentials: [''],
+      confirmDigestCredentials: ['']
+    };
+    this.form = formBuilder.group(formSettings);
+  }
+
+  toggleEditMode() {
+    this.editMode = !this.editMode;
+    /*['userid', 'email', 'firstName', 'lastName'].forEach(token => {
+      if (this.editMode) {
+        this.form.get(token)?.enable();
+      } else {
+        this.form.get(token)?.disable();
+      }
+    })*/
+  }
+
+  getSavableData() {
+    const excludedFields: string[] = ['form', 'editMode', 'viewMode', 'token', 'hasModifiedCache', 'confirmDigestCredentials'];
+    return getSavableData(this, excludedFields);
+  }
+
+  equal(userToCompare?: SimplifiedUser): boolean {
+    if (!userToCompare) {
+      return false;
+    }
+    return JSON.stringify(this.getSavableData()) === JSON.stringify(userToCompare.getSavableData());
+  }
+
+}
+
+export interface SimplifiedUserInterface {
+  userid: string;
+  email: string;
+  firstName: string;
+  lastName: string;
+  form: FormGroup;
+}

package/projects/tuki/widgets/user-manage/src/classes/table-data.ts

@@ -0,0 +1,6 @@
+
+export interface TableDataInterface {
+  total: number;
+  pageData: Array<any>;
+  systemSettings?: any;
+}

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

@@ -0,0 +1,49 @@
+import {FormBuilder, FormGroup} from '@angular/forms';
+import { TranslationPatternInterface } from './line';
+import { getSavableData } from '../common-functions';
+
+export class TranslationPattern implements TranslationPatternInterface {
+  pattern!: string;
+  calledPartyTransformationMask!: string;
+  description!: string;
+  site!: any;
+  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-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-manage/src/classes/user-list.ts

@@ -0,0 +1,42 @@
+import { DeviceInterface } from '../classes/device';
+import { LineInterface } from '../classes/line';
+
+export class ListUser {
+  // @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;
+  isMigrated!: boolean;
+
+  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;
+  isMigrated: boolean;
+}

package/projects/tuki/widgets/user-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-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-manage/src/device-list/device-list.component.html

@@ -0,0 +1,27 @@
+<div class="webex-list device-list-container">
+  <div class="webex-list-header">
+    <div class="webex-list-header__hr">Name</div>
+    <div class="webex-list-header__hr">Type</div>
+    <div class="webex-list-header__hr">Line</div>
+    <div class="webex-list-header__hr">Device description</div>
+    <div class="webex-list-header__hr">Plar service</div>
+  </div>
+  <ng-container *ngFor="let device of devices">
+    <div class="device-item" (click)="selectDevice(device)">
+      <div class="device-item__td">{{ device.name }}</div>
+      <div class="device-item__td">{{ device.deviceType }}</div>
+      <div class="device-item__td">
+        <span class="device-associated-line" *ngFor="let line of device.lineAssociations">{{line.directoryNumber?.directoryNumber}} | </span>
+      </div>
+      <div class="device-item__td">{{ device.description }}</div>
+      <div class="device-item__td">
+        <mat-slide-toggle class="device-slide-toggle" [disabled]="true" [checked]="device.plarService"></mat-slide-toggle>
+      </div>
+      <div class="device-item__actions-menu" style="text-align: right;">
+        <div class="device-item__more">
+<!--          <mat-icon>more_vert</mat-icon>-->
+        </div>
+      </div>
+    </div>
+  </ng-container>
+</div>

package/projects/tuki/widgets/user-manage/src/device-list/device-list.component.scss

@@ -0,0 +1,131 @@
+.info-holder {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  font-family: "Inter", sans-serif;
+  height: 102px;
+  width: 100%;
+  background: white;
+  margin: 0 0 30px 0;
+
+  &__user-image {
+    img {
+      width: 40px;
+      border-radius: 120px;
+      margin: 20px 0 0 0;
+    }
+  }
+
+  &__user-information {
+    padding: 10px;
+    margin: 10px;
+    gap: 10px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__user-name {
+    font-size: 20px;
+    font-weight: 500;
+  }
+
+  &__user-breadcrumbs {
+    display: flex;
+    gap: 8px;
+    font-weight: 400;
+    font-size: 14px;
+    color: rgba(0, 0, 0, 0.7);
+    align-items: center;
+  }
+
+  .icon-separator {
+    height: 5px;
+    width: 5px;
+    background-color: rgba(0, 0, 0, 0.7);
+    border-radius: 50%;
+  }
+
+  .is-active {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+  }
+}
+.icon-user-status {
+  width: .5rem;
+  height: .5rem;
+  border-radius: 50%;
+  background-color: #707070;
+  margin: 0 5px 0 0;
+}
+.icon-user-status.icon-user-status-active  {
+  background-color: #1d805f;
+  display:inline-block;
+}
+// Devices list
+
+.webex-list {
+  padding: 2.5rem;
+}
+
+.webex-list-header {
+  display: flex;
+  align-items: center;
+
+  padding: 1rem;
+}
+
+.webex-list-header__hr {
+  width: 100%;
+
+  font-size: 12px;
+}
+
+// Device Row --------------
+
+.device-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: white;
+  border-bottom: 1px solid #b0b0b0;
+  padding: 0.8rem;
+  z-index: 10;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  cursor: pointer;
+
+  /*&:hover {
+    background-color: #ededed;
+  }*/
+}
+
+.device-item__td {
+  width: 100%;
+}
+
+.device-item__actions-menu {
+  position: absolute;
+  margin: 0 1rem;
+  right: 0;
+}
+
+.device-item__more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  cursor: pointer;
+
+  color: #b0b0b0;
+
+  border-radius: 50%;
+  padding: 0.5rem;
+
+  transition: background-color 0.3s ease-in-out;
+
+  /*&:hover {
+    background-color: #ffffff;
+  }*/
+}