@tuki-io/tuki-widgets 0.0.6 → 0.0.8

package/projects/tuki/widgets/user-manage/src/material.module.ts

@@ -1,85 +0,0 @@
-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/user-manage/src/notifications/notification.component.html

@@ -1,33 +0,0 @@
-<!--
-
-<div class="notification-block" role="alert" aria-live="assertive">
-  <div class="notification"
-       *ngFor="let notification of list"
-       [ngClass]="{'error': notification.isError(), 'success': notification.isSuccess()}">
-
-    <div class="flex-box">
-      <div class="notification-icons-block">
-        <i *ngIf="notification.isError()" class="fa fa-exclamation-triangle"></i>
-        <i *ngIf="notification.isWarning()" class="fa fa-hand-paper-o"></i>
-        <i *ngIf="notification.isSuccess()" class="fa fa-check"></i>
-        <i *ngIf="notification.isInfo()" class="fa fa-info-circle"></i>
-      </div>
-      <div *ngIf="!isReadMore" class="message-block">
-        {{notification.message | truncate:[93]}}
-      </div>
-      <div *ngIf="isReadMore" class="message-block">
-        {{notification.message}}
-      </div>
-    </div>
-    <div class="read-more-error link clickable" *ngIf="notification.message && notification.message.length > 93"
-         (click)="readMore()">{{(isReadMore ? 'BUTTON.COLLAPSE' : 'BUTTON.READ_MORE') | translate}}</div>
-    <button
-      class="close"
-      mat-icon-button
-      matTooltip="{{'BUTTON.CLOSE' | translate}} {{'NOTIFICATION_MSG.' + notification.type | translate}} {{'NOTIFICATION_MSG.NOTI' | translate}}"
-      (click)="removeNotification(notification)">
-      <img class="notification-icon-close" src="assets/icons/close_icon_modal.svg" alt="">
-    </button>
-  </div>
-</div>
--->

package/projects/tuki/widgets/user-manage/src/notifications/notification.component.scss

@@ -1,84 +0,0 @@
-@import '../styles/variables';
-
-.notification-block {
-  right: 0;
-  top: 110px;
-  position: absolute;
-  width: 20%;
-  z-index: 100;
-
-  .read-more-error {
-    margin: 10px 13px 3px 0;
-    text-align: right;
-  }
-
-  .notification {
-    padding: 15px 0 10px 0;
-    margin-bottom: 18px;
-    color: $main-txt-color;
-    position: relative;
-    border-radius: 3px;
-    border-top: 1.5px solid $warning-border-color;
-    background: $warning-bg-color;
-    box-shadow: 0px 8px 12px 0px rgba(9, 30, 66, 0.15), 0px 0px 1px 0px rgba(9, 30, 66, 0.31);
-    width: 368px;
-    position: relative;
-
-    .notification-icons-block {
-      text-align: center;
-      width: 56px;
-    }
-    .message-block {
-      font-size: 14px;
-      font-family: $poppins-font !important;
-      word-break: break-word;
-      width: 270px;
-    }
-    .notification-icon-close {
-      height: 24px;
-    }
-
-    &.error {
-      background: #FFE9E9;
-      border-top: 1.5px solid #E16D6D;
-    }
-    &.success {
-      background: $success-bg-color;
-      border-top: 1.5px solid $success-border-color;
-    }
-    .fa-exclamation-triangle {
-      color: #E16D6D !important;
-    }
-    .fa-check {
-      color: #a0c37f !important;
-    }
-    .fa-info-circle, .fa-hand-paper-o {
-      color: #bdb89e !important;
-    }
-    .fa {
-      font-size: 20px;
-    }
-    .close {
-      position: absolute;
-      top: 2px;
-      right: -5px;
-      .fa {
-        font-size: 14px;
-      }
-    }
-    .fa {
-      margin: 0;
-      color: inherit;
-    }
-  }
-}
-
-@media screen and (max-width: 600px) {
-  .notification-block {
-    width: 50%;
-    min-width: 150px;
-  }
-
-}
-
-

package/projects/tuki/widgets/user-manage/src/notifications/notification.component.ts

@@ -1,46 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { NotificationService } from '../services/notification.service';
-import { Notification } from '../classes/notification';
-
-@Component({
-  selector: 'app-notification',
-  templateUrl: './notification.component.html',
-  styleUrls: ['./notification.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class NotificationsComponent implements OnInit, OnDestroy {
-  public list!: Notification[];
-  public isReadMore!: boolean;
-  private listSubscription!: Subscription;
-
-  constructor(
-    public notificationService: NotificationService,
-    private ref: ChangeDetectorRef
-  ) {
-  }
-
-  ngOnInit() {
-    this.listChangeSubscribe();
-  }
-
-  ngOnDestroy() {
-    this.listSubscription.unsubscribe();
-  }
-
-  public readMore(): void {
-    this.isReadMore = !this.isReadMore;
-  }
-
-  public removeNotification(notification: Notification): void {
-    this.notificationService.remove(notification);
-  }
-
-  private listChangeSubscribe(): void {
-    this.listSubscription = this.notificationService.listChange
-      .subscribe((list: any) => {
-        this.list = list;
-        this.ref.detectChanges();
-      });
-  }
-}

package/projects/tuki/widgets/user-manage/src/removeKynFromIBM.service.ts

@@ -1,25 +0,0 @@
-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/user-manage/src/services/api.service.ts

@@ -1,89 +0,0 @@
-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?: any, cache?: boolean) {
-    const headers = this.getHeaders(cache);
-    params = params || {};
-    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/user-manage/src/services/notification.service.ts

@@ -1,68 +0,0 @@
-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/user-manage/src/services/removeKynFromIBM.service.ts

@@ -1,25 +0,0 @@
-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/user-manage/src/services/site-settings.service.ts

@@ -1,35 +0,0 @@
-import { Injectable, OnInit } from '@angular/core';
-import { APIService } from './api.service';
-import { API } from '../app.constants';
-import { Observable } from 'rxjs';
-import { map } from 'rxjs/operators';
-const urlMap = {
-  locations: API.LOCATION,
-  userLocales: API.USER_LOCALES,
-  userProfiles: API.USER_PROFILES
-}
-
-@Injectable()
-export class SiteSettingsService {
-
-  constructor(
-    private apiService: APIService
-  ) {
-
-  }
-  public getSelectionOptions(siteId: number, token: string): any {
-    if(!siteId) {
-      return;
-    }
-    // @ts-ignore
-    const URL = urlMap[token];
-    return this.apiService.fetch(URL.replace(':siteId', String(siteId)), null, true)
-      // @ts-ignore
-      .pipe(map((options: string[]) => {
-        // @ts-ignore
-        this[token] = options ? options.sort() : [];
-        // @ts-ignore
-        return this[token];
-      }))
-  }
-}

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

@@ -1,120 +0,0 @@
-import {Injectable, OnInit} from '@angular/core';
-import { Observable, of, forkJoin } from 'rxjs';
-import { SimplifiedUser } from '../classes/simplified-user';
-import { API } from '../app.constants';
-import { APIService } from './api.service';
-import { map } from 'rxjs/operators';
-import { UtilsService } from './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() {
-    if (this.user && this.originUser) {
-      return !this.user.equal(this.originUser);
-    }
-    return false;
-  }
-
-  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;
-      }
-    }
-  }
-}

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

@@ -1,58 +0,0 @@
-import { Injectable, OnInit } from '@angular/core';
-import { SimplifiedUser } from '../classes/simplified-user';
-import { APIService } from './api.service';
-import { ListUser, ListUserInterface } from '../classes/user-list';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { API, PAGINATION_DEFAULTS, PAGINATION_SIZE_OPTIONS } from '../app.constants';
-import { TableDataInterface } from '../classes/table-data';
-import { map } from 'rxjs/operators';
-import { RemoveKynFromIBMService } from '../removeKynFromIBM.service';
-import { PaginationDataDto } from '../classes/pagination';
-
-
-
-@Injectable()
-export class UsersSearchService  {
-  siteId: number = -1;
-  userId: string = '';
-  customerId!: number;
-  userIdExistPending = false;
-  hasExistedUserId = false;
-  pageSize = PAGINATION_DEFAULTS.SIZE;
-  pageIndex = PAGINATION_DEFAULTS.SIZE;
-  pageSizeOptions = PAGINATION_SIZE_OPTIONS;
-  total!: number;
-  searchParams!: any;
-  foundUsers$!: any;
-
-  constructor(
-    private apiService: APIService,
-    private removeKynFromIBMService: RemoveKynFromIBMService
-  ) {
-    this.foundUsers$ = new BehaviorSubject(null);
-
-  }
-
-  public getPagination(): PaginationDataDto {
-    return {
-      total: this.total,
-      pageSizeOptions: this.pageSizeOptions,
-      pageSize: this.pageSize,
-      pageIndex: this.pageIndex
-    };
-  }
-
-  public quickRegularUsersSearch() {
-    this.searchParams = this.searchParams || {customerid: this.customerId};
-    return this.apiService.fetchPagination(API.QUICK_USERS_SEARCH, this.pageSize, this.pageIndex, this.searchParams)
-      .pipe(map((res: TableDataInterface) => {
-        this.total = res.total;
-        // this.totals = this.totals || {};
-        // this.totals['users'] = res.total;
-        const users = res.pageData && res.pageData.length ? res.pageData.map(user => new ListUser(user)) : [];
-        // this.foundUsers$.next(this.removeKynFromIBMService.removeCUCMS(users, this.customerId));
-        this.foundUsers$.next(users);
-      }));
-      // .pipe(this.handleError(true));
-  }
-}