@tuki-io/tuki-widgets 0.0.73 → 0.0.74

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,47 @@
+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;
+  roleName?: string;
+  status?: string;
+  ldapIntegrated!: boolean;
+  isMigrated = false;
+
+  constructor(user?: ListUser, roleName?: string) {
+    if (user) {
+      Object.assign(this, user);
+    }
+    if (roleName) {
+      this.roleName = roleName;
+    }
+  }
+}
+
+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,94 @@
+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';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatRadioModule } from '@angular/material/radio';
+
+
+@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,
+    MatMenuModule,
+    MatDialogModule,
+    MatRadioModule
+  ],
+  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,
+    MatMenuModule,
+    MatDialogModule,
+    MatRadioModule
+  ],
+})
+export class MaterialModule {
+}

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

@@ -0,0 +1,37 @@
+<form>
+  <div class="device-item-panel-container">
+    <div class="device-left">
+      <div
+        class="device-migration-status"
+        [ngClass]="{'--checked':  device.toMigrate}"
+      >
+        <mat-checkbox
+          class="rounded"
+          [checked]="device.toMigrate"
+        ></mat-checkbox>
+      </div>
+    </div>
+    <div class="device-right">
+      <div class="device-header">
+        <div class="device-name">{{ device.name }}</div>
+        <div class="device-migrate" *ngIf="device.isEligible">
+          <mat-checkbox name="toMigrate"
+            [(ngModel)]="device.toMigrate"
+          >Migrate this device</mat-checkbox>
+        </div>
+      </div>
+      <mat-divider></mat-divider>
+      <div class="device-info">
+        <div *ngIf="device.product" class="device-info__item">
+          <div class="key">Device type</div>
+          <div class="value">{{ device.product }}</div>
+        </div>
+        <div *ngIf="device.mac" class="device-info__item">
+          <div class="key">MAC address</div>
+          <div class="value">{{ device.mac }}</div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</form>

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

@@ -0,0 +1,129 @@
+.device-item-panel-container {
+  display: flex;
+
+  border: 1px solid gray;
+  border-radius: 0.5rem;
+
+  margin-bottom: 1.5rem;
+
+  overflow: hidden;
+}
+
+.device-migration-status {
+  height: 100%;
+  padding: 1rem;
+
+  background-color: hsl(40.33deg 100% 88.04%);
+}
+
+.device-right {
+  width: 100%;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  padding: 1rem 2rem;
+}
+
+.device-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0 7px 0;
+
+  & .device-name {
+    font-size: 18px;
+    font-weight: bold;
+  }
+
+  & .device-migrate {
+
+    font-weight: bold;
+
+    .mat-checkbox ::ng-deep .mat-checkbox-label {
+      margin-left: 0.4rem;
+    }
+
+    ::ng-deep .mat-checkbox-checked.mat-accent {
+      .mat-checkbox-ripple .mat-ripple-element {
+        background-color: hsl(220, 100%, 50%) !important;
+      }
+
+      .mat-checkbox-background,
+      .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
+        background-color: hsl(220, 100%, 50%) !important;
+      }
+    }
+
+    ::ng-deep .mat-checkbox.mat-accent {
+      .mat-checkbox-ripple .mat-ripple-element {
+        background-color: hsl(220, 100%, 50%) !important;
+      }
+    }
+  }
+}
+
+.device-info {
+  // display: inline-flex;
+  // gap: 4.5rem;
+  display: grid;
+  grid-template-columns: auto auto;
+  gap: 2.5rem;
+}
+
+.device-info__item {
+  font-size: 16px;
+  font-weight: bold;
+
+  & .key {
+    margin: 10px 0 0 0;
+  }
+
+  & .value {
+    color: rgb(160, 160, 160);
+  }
+}
+
+.--checked {
+  background-color: hsl(164.62deg 66.1% 88.43%);
+}
+
+.mat-checkbox ::ng-deep .mat-checkbox-inner-container {
+  width: 20px;
+  height: 20px;
+}
+
+::ng-deep .mat-checkbox-checked.mat-accent {
+  .mat-checkbox-ripple .mat-ripple-element {
+    background-color: hsl(159.43deg 59.32% 23.14%) !important;
+  }
+
+  .mat-checkbox-background,
+  .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
+    background-color: hsl(159.43deg 59.32% 23.14%);
+  }
+}
+
+::ng-deep .mat-checkbox.mat-accent {
+  .mat-checkbox-ripple .mat-ripple-element {
+    background-color: hsl(159.43deg 59.32% 23.14%) !important;
+  }
+}
+
+::ng-deep .rounded {
+
+  & .mat-checkbox-background,
+  .mat-checkbox-frame {
+    border-radius: 50% !important;
+  }
+
+  pointer-events: none;
+}
+
+::ng-deep .mat-divider {
+  display: block;
+  margin: 0;
+  border-top-width: 2px;
+  border-top-style: solid;
+}

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

@@ -0,0 +1,46 @@
+import { Component, Input, OnInit } from "@angular/core";
+import { PrepareMigrationDevice } from '../../../classes/move-user';
+import { AppLocation } from '../../../classes/app-location';
+import { DnsService } from '../../../services/dns.service';
+import { UserService } from '../../../services/user.service';
+import { SiteSettingsService } from '../../../services/site-settings.service';
+@Component({
+  selector: 'app-device-move-user-wizard',
+  templateUrl: './device-move-user-wizard.component.html',
+  styleUrls: ['./device-move-user-wizard.component.scss']
+
+})
+export class DeviceMoveUserWizardComponent implements OnInit {
+  @Input()
+  device!: PrepareMigrationDevice;
+
+
+  get moveUserPending(): boolean {
+    return this.userService.moveUserPending;
+  }
+
+  get locations(): AppLocation[] {
+    return this.siteSettingsService.locations;
+  }
+
+  constructor(
+    public dnsService: DnsService,
+    public userService: UserService,
+    public siteSettingsService: SiteSettingsService
+  ) {
+  }
+
+  ngOnInit() {
+
+  }
+
+  onMigrateDeviceChecked(event: any): void {
+
+  }
+
+
+  private resetMoveTypePhoneNUmber(): void {
+    this.dnsService.phoneNumbers = [];
+  }
+
+}

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-stepper/device-move-user-tab/devices-move-user-wizard-tab.component.html

@@ -0,0 +1,31 @@
+<div *ngIf="prepareMigrationData.eligibleDevicesSize"
+     class="devices-move-user-box eligible-devices-section" >
+  <div class="section-title">Eligible devices ({{ prepareMigrationData.eligibleDevicesSize() }})</div>
+  <div class="section-content">
+    <div *ngIf="prepareMigrationData.devices?.length" class="device-group">
+      <div class="group-title">IP Phones</div>
+      <ng-container *ngFor="let device of prepareMigrationData.devices">
+        <app-device-move-user-wizard [device]="device"></app-device-move-user-wizard>
+      </ng-container>
+    </div>
+
+    <div *ngIf="prepareMigrationData.softDevices?.length" class="device-group">
+      <div class="group-title">Soft Devices</div>
+      <ng-container *ngFor="let device of prepareMigrationData.softDevices">
+        <app-device-move-user-wizard [device]="device"></app-device-move-user-wizard>
+      </ng-container>
+    </div>
+  </div>
+</div>
+<mat-divider *ngIf="prepareMigrationData.notSupportedDevices.length"></mat-divider>
+<div *ngIf="prepareMigrationData.notSupportedDevices.length" class="ineligible-devices-section">
+  <div class="section-title">Ineligible devices ({{ prepareMigrationData.notSupportedDevices.length }})</div>
+  <div class="section-content">
+    <div class="device-group">
+      <ng-container *ngFor="let device of prepareMigrationData.notSupportedDevices">
+        <app-device-move-user-wizard [device]="device"></app-device-move-user-wizard>
+      </ng-container>
+    </div>
+  </div>
+</div>
+

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-stepper/device-move-user-tab/devices-move-user-wizard-tab.component.scss

@@ -0,0 +1,20 @@
+.eligible-devices-section, .ineligible-devices-section {
+  display: flex;
+  padding: 1.5rem;
+
+  & .section-title {
+    font-size: 18px;
+    font-weight: bold;
+    padding: 0 0.5rem;
+    width: 300px;
+  }
+
+  & .section-content {
+    width: 100%;
+  }
+}
+.group-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 1rem;
+}

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

@@ -0,0 +1,26 @@
+import { Component, OnInit } from "@angular/core";
+import { PrepareMigrationData } from '../../../classes/move-user';
+import { MoveUserService } from '../../../services/move-user.service';
+@Component({
+  selector: 'app-devices-move-user-tab',
+  templateUrl: './devices-move-user-wizard-tab.component.html',
+  styleUrls: ['./devices-move-user-wizard-tab.component.scss']
+
+})
+export class DevicesMoveUserWizardTabComponent implements OnInit {
+
+  get prepareMigrationData(): PrepareMigrationData {
+    return this.moveUserService.prepareMigrationData;
+  }
+
+  constructor(
+    public moveUserService: MoveUserService,
+  ) {
+  }
+
+  ngOnInit() {
+
+  }
+
+
+}