@tuki-io/tuki-widgets 0.0.75 → 0.0.77

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

@@ -1,225 +0,0 @@
-/*
-
-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

@@ -1,8 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,14 +0,0 @@
-<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

@@ -1,80 +0,0 @@
-@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

@@ -1,35 +0,0 @@
-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

@@ -1,21 +0,0 @@
-<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>

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

@@ -1,97 +0,0 @@
-.line-item{
-    position: relative;
-
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    background-color: white;
-
-    border-radius: 0.5rem;
-    border: 1px solid #cfcfcf;
-
-    padding: 1rem;
-    margin: 1rem 0 0 0;
-
-    z-index: 10;
-}
-.line-informations, .line-actions {
-    display: inherit;
-    align-items: inherit;
-
-    gap: 0.5rem;
-    padding: 0 0.5rem;
-}
-.line-actions {
-    cursor: pointer;
-}
-.line-drag, .line-toggle-details, .line-delete {
-    display: inherit;
-    align-items: inherit;
-    justify-content: center;
-
-    font-size: 1rem;
-
-    color: rgb(150, 150, 150);
-
-    width: 36px;
-    height: 36px;
-
-    border-radius: 50%;
-
-    transition: all 0.25s ease-out;
-
-}
-.line-delete :hover {
-
-  color: red !important;
-}
-.line-drag {
-    cursor: grab
-}
-.line-label {
-    margin-right: 2.5rem;
-}
-.flex-box {
-  display: flex;
-  justify-content: flex-start;
-}
-.app-icon {
-  height: 20px;
-  width: 20px;
-  display: inline-block;
-  cursor: pointer;
-  background-repeat: no-repeat;
-  background-position: center;
-}
-.app-icon {
-    transition: all 0.15s ease-out
-}
-
-.toggled {
-    transform: rotate(-90deg);
-}
-.line-dn-box {
-  line-height: 20px;
-}
-.icon-dragger-vertical {
-  background-image: url('../../assets/icons/dragger-vertical-icon.svg');
-  width: 1px;
-  margin: 0 10px 0 0;
-}
-
-.icon-delete {
-  background-image: url('../../assets/icons/delete_icon.svg');
-}
-
-.icon-arrow-right {
-  background-image: url('../../assets/icons/arrow-right.svg');
-}
-
-.icon-vertical-divider {
-  background-image: url('../../assets/icons/vartical_divider_icon.svg');
-  height: 20px;
-}
-.line-item:hover {
-  background-color: rgba(214, 214, 214, 0.5);
-}

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

@@ -1,28 +0,0 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
-import { LineAssociation } from '../../classes/line-association';
-import { LineAssociationInterface } from '../../classes/line-association-interface';
-
-@Component({
-  selector: "app-associated-line-row",
-  templateUrl: "./associated-line-row.component.html",
-  styleUrls: ["./associated-line-row.component.scss"]
-})
-export class AssociatedLineRowComponent {
-  @Input() line!: LineAssociation | LineAssociationInterface;
-  @Input() toggled: boolean = false;
-
-  @Output() toggleAssociatedLine = new EventEmitter<string>();
-  @Output() removeAssociatedLine = new EventEmitter();
-
-  constructor() {
-  }
-
-  onToggleDetails(): void {
-    this.toggled = !this.toggled;
-    this.toggleAssociatedLine.emit(this.toggled ? this.line.displayLabel : '')
-  }
-
-  onLineRemove(): void {
-      this.removeAssociatedLine.emit();
-  }
-}

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

@@ -1,6 +0,0 @@
-<div class="line-details-block">
-    <div class="line-details-block__title">{{ title }}</div>
-    <div class="line-details-block__content">
-        <ng-content></ng-content>
-    </div>
-</div>

package/projects/tuki/widgets/user-device-manage/src/device-associated-line/device-associated-line-details-box/device-associated-line-details-box.component.scss

@@ -1,20 +0,0 @@
-.line-details-block {
-    display: flex;
-
-    padding: 1rem 1.5rem;
-}
-
-.line-details-block__title {
-    width: 150px;
-    max-width: 150px;
-    font-weight: 500;
-}
-
-.line-details-block__content {
-    display: flex;
-    flex-direction: column;
-    
-    width: 100%;
-
-    margin-left: 2.5rem;
-}

package/projects/tuki/widgets/user-device-manage/src/device-associated-line/device-associated-line-details-box/device-associated-line-details-box.component.ts

@@ -1,13 +0,0 @@
-import { Component, Input } from "@angular/core";
-
-@Component({
-    selector: "app-line-details-block",
-    templateUrl: "./device-associated-line-details-box.component.html",
-    styleUrls: ["./device-associated-line-details-box.component.scss"]
-})
-export class DeviceAssociatedLineDetailsBoxComponent {
-
-    @Input() title: string = '';
-
-    constructor() {}
-}

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

@@ -1,6 +0,0 @@
-<div *ngIf="this.availableNumbers?.length" class="user-calling-extension">
-  <mat-select [formControl]="formControl" (selectionChange)="this.onChangeField($event)" #page>
-    <mat-option *ngFor="let option of this.availableNumbers; let i = index;"[value]="option">{{option}}</mat-option>
-  </mat-select>
-  <mat-spinner *ngIf="this.dataPending" [diameter]="50"></mat-spinner>
-</div>

package/projects/tuki/widgets/user-device-manage/src/device-associated-line/device-associated-line-extension/device-associated-line-extension.component.scss

@@ -1,4 +0,0 @@
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}

package/projects/tuki/widgets/user-device-manage/src/device-associated-line/device-associated-line-extension/device-associated-line-extension.component.ts

@@ -1,63 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { SimplifiedUser } from '../../classes/simplified-user';
-import { UserService } from '../../services/user.service';
-import { DnsService } from '../../services/dns.service';
-
-@Component({
-  selector: 'app-device-associated-line-extension',
-  templateUrl: './device-associated-line-extension.component.html',
-  styleUrls: ['./device-associated-line-extension.component.scss'],
-})
-export class DeviceAssociatedLineExtensionComponent implements OnInit {
-  @Input() formControl!: FormControl;
-  @Input() routePartition!: string;
-  @Input() directoryNumber!: string;
-  @Input() siteId!: number;
-  @Output() onChange = new EventEmitter<string>();
-  public dataPending!: boolean;
-
-  get user(): SimplifiedUser {
-    return this.userService.user;
-  }
-
-  get availableNumbers(): any {
-    // @ts-ignore
-    return this.routePartition && this.dnsService.availableNumbers ? this.dnsService.availableNumbers[this.routePartition] : null;
-  }
-
-
-  constructor(
-    public userService: UserService,
-    private dnsService: DnsService
-  ) {
-  }
-
-  ngOnInit(): void {
-    this.getData();
-  }
-
-  public onChangeField(event: any): void {
-    // if (!token) {
-    //   return;
-    // }
-    // (this.userService.user as any)[token] = this.form?.get(token)?.value;
-    this.onChange.emit(event?.value);
-
-  }
-
-  private getData() {
-    if (!this.siteId || !this.routePartition) {
-      return;
-    }
-    this.dataPending = true;
-    this.dnsService.getNumberRange(String(this.siteId), this.routePartition)
-      .subscribe(() => {
-        if (this.availableNumbers) {
-          // @ts-ignore
-          this.dnsService.availableNumbers[this.routePartition].push(this.directoryNumber);
-        }
-        this.dataPending = false;
-      });
-  }
-}