@tuki-io/tuki-widgets 0.0.76 → 0.0.77

package/projects/tuki/widgets/users-list/src/utils/pagination/pagination.component.html

@@ -1,26 +0,0 @@
-<div class="flex-box pagination">
-  <div class="page-indexes-box">
-    <mat-paginator
-      [id]="'commonPagination'"
-      [hidePageSize]="true"
-      [length]="pagination.total"
-      [pageIndex]="pagination.pageIndex"
-      [pageSize]="pagination.pageSize"
-      [pageSizeOptions]="pagination.pageSizeOptions || [5, 10, 25, 100]"
-      (page)="pageEvent($event)">
-    </mat-paginator>
-    <mat-spinner class="length-spinner" [diameter]="20" mode="indeterminate" *ngIf="lengthPending">
-    </mat-spinner>
-  </div>
-
-  <div class="flex-box per-page-block" *ngIf="showPageSizeOptions">
-    <div class="item_per_page">Items per page:</div>
-    <div class="select-box select-page-size">
-      <mat-select [(ngModel)]="pagination.pageSize" (selectionChange)="changePerPageNumber($event)" #page
-                  [id]="'commonPaginationSelect'">
-        <mat-option *ngFor="let option of pageSizeOptions; let i = index;" [id]="'paginationSelectOpt_' + i" [value]="option">{{option}}</mat-option>
-      </mat-select>
-    </div>
-
-  </div>
-</div>

package/projects/tuki/widgets/users-list/src/utils/pagination/pagination.component.scss

@@ -1,41 +0,0 @@
-.search-header-refresh-icon {
-  align-items: center;
-  line-height: 54px;
-  margin-left: 10px;
-}
-
-button[mat-icon-button] {
-  i {
-    font-size: 18px;
-  }
-}
-
-mat-spinner.length-spinner {
-  position: absolute;
-  right: 120px;
-}
-h3, .search-header-refresh-icon {
-  float: left;
-}
-.page-options, .mat-paginator {
-  float: right;
-}
-.per-page-block mat-form-field {
-  width: 70px !important;
-}
-.per-page-block span {
-  margin-right: 20px;
-}
-.pagination {
-  display: flex;
-  justify-content: flex-end;
-}
-.select-page-size {
-  width: 60px;
-  margin: 0 0 0 15px;
-  padding: 0 10px;
-}
-.item_per_page {
-  line-height: 35px;
-}
-

package/projects/tuki/widgets/users-list/src/utils/pagination/pagination.component.ts

@@ -1,41 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { PaginationDataDto } from '../../classes/pagination';
-import { PAGINATION_SIZE_OPTIONS } from '../../app.constants';
-
-
-@Component({
-  selector: 'app-pagination',
-  templateUrl: './pagination.component.html',
-  styleUrls: ['./pagination.component.scss'],
-})
-export class PaginationComponent implements OnInit{
-  @Input()
-  public pagination!: PaginationDataDto;
-  @Input()
-  public showPageSizeOptions!: boolean;
-  @Input()
-  public showRefreshButton!: boolean;
-  @Input()
-  public lengthPending!: boolean;
-  @Output()
-  public pageEmitter = new EventEmitter();
-  @Output()
-  public pageNumberChangeEmitter = new EventEmitter<any>();
-  public pageSizeOptions: number[] = PAGINATION_SIZE_OPTIONS;
-
-  constructor(
-  ) {
-  }
-
-  ngOnInit(): void {
-  }
-
-  public pageEvent(event: any) {
-    this.pageEmitter.emit(event);
-  }
-
-  public changePerPageNumber(event: any) {
-    this.pageNumberChangeEmitter.emit(event.value);
-  }
-
-}

package/projects/tuki/widgets/users-list/src/utils/utils.service.ts

@@ -1,71 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class UtilsService {
-
-  static sortSortArrayByProperty(array: [], sortBy: string) {
-    if (!array) {
-      return null;
-    }
-    return array.sort((a, b) => {
-      if (!a[sortBy] && !b[sortBy]) {
-        return 0;
-      }
-      if (a[sortBy] && !b[sortBy]) {
-        return 1;
-      }
-      if (!a[sortBy] && b[sortBy]) {
-        return -1;
-      }
-      const positionA = a[sortBy];
-      const positionB = b[sortBy];
-      return (positionA < positionB) ? -1 : (positionA > positionB) ? 1 : 0;
-    });
-  }
-
-  static diff(origObject: any, updatedObj: any, path: string, keysToIgnore?: string[]) {
-    let result: any = [];
-    if (Object.is(origObject, updatedObj)) {
-      return undefined;
-    }
-    if (!updatedObj || typeof updatedObj !== 'object') {
-      return updatedObj;
-    }
-    const concat = Array.from(new Set([...Object.keys(origObject || {}), ...Object.keys(updatedObj || {})]));
-    const filter = keysToIgnore ? concat.filter(key => !keysToIgnore.includes(key)) : concat;
-    filter
-      .forEach(key => {
-        if (typeof updatedObj[key] === 'object' && typeof origObject[key] === 'object') {
-          if (UtilsService.differs(updatedObj[key], origObject[key])) {
-            const newPath = `${path}${path ? '.' : ''}${key}`;
-            const values = UtilsService.diff(origObject[key], updatedObj[key], newPath, keysToIgnore);
-            if (values !== undefined) {
-              result = [...result, ...values];
-            }
-          }
-        } else if (updatedObj && !origObject || updatedObj[key] !== origObject[key] && !Object.is(origObject[key], updatedObj[key])) {
-          const value = updatedObj ? UtilsService.formatIfEmpty(updatedObj[key]) : null;
-          result.push(`${path}${path ? '.' : ''}${key}=${value}`);
-        }
-      });
-    return result;
-  }
-
-  static formatIfEmpty(value: any) {
-    if (value) {
-      return value;
-    }
-    switch (typeof value) {
-      case 'boolean':
-        return value;
-      case 'string':
-        return '';
-      default:
-        return null;
-    }
-  }
-
-  static differs(obj1: any, obj2: any): boolean {
-    return JSON.stringify(obj1) !== JSON.stringify(obj2);
-  }
-}

package/projects/widgets-playground/src/app/app.component.html

@@ -1,109 +0,0 @@
-<div class="wrapper">
-  <div class="sidebach"></div>
-
-  <div
-    class="content"
-    style="display: flex; gap: 1rem; flex-direction: column; padding: 1rem"
-    role="main"
-  >
-    <div style="display: flex; flex-direction: column; gap: 1rem">
-      <!-- <app-users-list
-        (switchToWizard)="(null)"
-        [customerId]="1477"
-        [siteId]="7095"
-        [token]="token"
-        (openUser)="(null)"
-        [host]="'https://dev.tuki.io'">
-      </app-users-list>
-
-      <app-user-manage-widget
-        #usermanage
-        (onSave)="(null)"
-        (onChange)="(null)"
-        (goBack)="(null)"
-        [siteId]="7095"
-        [userId]="'170720250055'"
-        [isLdap]="true"
-        [token]="token"
-        (selectDevice)="(null)"
-        [host]="'https://dev.tuki.io'">
-      </app-user-manage-widget> -->
-
-      <app-device-manage-widget
-        #devicemanage
-        (onSave)="(null)"
-        (onChange)="(null)"
-        (discardChanges)="(null)"
-        (goBack)="(null)"
-        [siteId]="7095"
-        [userId]="'170720250055'"
-        [isLdap]="true"
-        [token]="token"
-        [deviceName]="'SEP654345633333'"
-        [host]="'https://dev.tuki.io'">
-      </app-device-manage-widget>
-    </div>
-
-    <!-- <br />
-
-      <tk-ready-to-upgrade-users-card
-        [token]="token"
-        [customerId]="'1477'"
-      ></tk-ready-to-upgrade-users-card>
-      <tk-ready-to-upgrade-sites-card
-        [token]="token"
-        [customerId]="'1477'"
-      ></tk-ready-to-upgrade-sites-card>
-      <tk-already-upgraded-users-card
-        [token]="token"
-        [customerId]="'1477'"
-      ></tk-already-upgraded-users-card>
-      <tk-already-upgraded-sites-card
-        [token]="token"
-        [customerId]="'1477'"
-      ></tk-already-upgraded-sites-card>
-    </div>
-
-    <div style="display: flex; gap: 1rem">
-      <tk-preconditions-status-list-card
-        [token]="token"
-        [customerId]="'1477'"
-      ></tk-preconditions-status-list-card>
-      <tk-site-infrastructure-status-list-card
-        [token]="token"
-        [customerId]="'1477'"
-      ></tk-site-infrastructure-status-list-card>
-    </div>
-
-    <div style="display: flex; gap: 1rem">
-      <tk-upgrade-state-comparison-chart-card
-        [token]="token"
-        [type]="'Users'"
-        [customerId]="'1477'"
-      ></tk-upgrade-state-comparison-chart-card>
-      <tk-upgrade-state-comparison-chart-card
-        [token]="token"
-        [type]="'Sites'"
-        [customerId]="'1477'"
-      ></tk-upgrade-state-comparison-chart-card>
-    </div>
-
-    <tk-user-upgrade-data-table
-      [token]="token"
-      [customerId]="'1477'"
-    ></tk-user-upgrade-data-table>
-
-    <tk-site-upgrade-data-table
-      [token]="token"
-      [customerId]="'1477'"
-    ></tk-site-upgrade-data-table> -->
-    <!-- </div> -->
-  </div>
-  <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-  <!-- * * * * * * * * * * * The content above * * * * * * * * * * * -->
-  <!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
-  <!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
-  <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-  <!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * -->
-  <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-</div>

package/projects/widgets-playground/src/app/app.component.scss

@@ -1,15 +0,0 @@
-body, html {
-    padding: 1rem;
-    /* Remove height: 1000vh; */
-}
-
-.wrapper {
-    display: flex;
-    // min-height: 100vh; /* At least viewport height, grows with content */
-}
-
-.sidebach {
-    width: 350px;
-    background-color: rgb(217, 217, 217);
-    /* height: 100%; Remove this, let .wrapper control height */
-}

package/projects/widgets-playground/src/app/app.component.spec.ts

@@ -1,31 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'widgets-playground'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('widgets-playground');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('.content span')?.textContent).toContain('widgets-playground app is running!');
-  });
-});

package/projects/widgets-playground/src/app/app.component.ts

@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { catchError, Observable, of, pipe, throwError } from 'rxjs';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
-})
-export class AppComponent {
-  title = 'widgets-playground';
-
-  token: string = 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJhZG1pbkBjb3JyZW5ldC5jb20iLCJyb2xlcyI6IlNVUEVSX1VTRVIiLCJpYXQiOjE3NTczMTg5MDYsImV4cCI6MTc1NzMzNjkwNn0.qprvJ5DftZDZRLQlBSPQM-K19v8liikt70IX9z6wM0w';
-  // constructor() {
-
-  //   const o1 = new Observable(observer => {
-  //     observer.next(100);
-  //     observer.error(200);
-  //     observer.complete();
-  //   });
-  //   const o2 = new Observable(observer => {
-  //     observer.error('Hola Error');
-  //   });
-
-  //   o1.subscribe(o => {
-  //     console.log('---> ', o);
-  //     o2.subscribe(_o => {
-  //       console.log('__>>', _o);
-  //     });
-  //   });
-  // }
-}

package/projects/widgets-playground/src/app/app.module.ts

@@ -1,43 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { AppComponent } from './app.component';
-import { SharedModule } from '../../../tuki/widgets/di2mt/shared/shared.module';
-import { UpgradeOverviewModule } from 'projects/tuki/widgets/di2mt/widgets/upgrade-overview/upgrade-overview.module';
-import { UserUpgradeModule } from 'projects/tuki/widgets/di2mt/widgets/user-upgrade/user-upgrade.module';
-import { SiteUpgradeModule } from 'projects/tuki/widgets/di2mt/widgets/site-upgrade/site-upgrade.module';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CommonModule } from '@angular/common';
-import { UsersListModule } from 'projects/tuki/widgets/users-list/public-api';
-import { UserManageModule } from 'projects/tuki/widgets/user-manage/public-api';
-import { UserDeviceManageModule } from 'projects/tuki/widgets/user-device-manage/public-api';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule,
-    CommonModule,
-    BrowserAnimationsModule,
-    SharedModule,
-    UpgradeOverviewModule,
-    UserUpgradeModule,
-    SiteUpgradeModule,
-    MatCheckboxModule,
-    UsersListModule,
-    UserManageModule,
-    UserDeviceManageModule,
-    FormsModule,
-    ReactiveFormsModule,
-    MatFormFieldModule,
-    MatInputModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }

package/projects/widgets-playground/src/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>WidgetsPlayground</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
-</html>

package/projects/widgets-playground/src/main.ts

@@ -1,7 +0,0 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
-
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));

package/projects/widgets-playground/src/styles.scss

@@ -1,23 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-
-// Import Angular Material prebuilt theme
-@import '~@angular/material/prebuilt-themes/indigo-pink.css';
-
-// Import Material Icons font
-@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
-
-// Reset and basic styling
-* {
-  box-sizing: border-box;
-}
-
-html, body {
-  height: 100%;
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-}

package/projects/widgets-playground/tsconfig.app.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}

package/projects/widgets-playground/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}

package/proxy.conf.js

@@ -1,23 +0,0 @@
-module.exports = [
-  {
-    context: [
-      "/api",
-      "/restorepassword",
-      "/logout",
-      "/registration",
-      "/docs",
-      "/swagger-ui",
-      "/v3/api-docs"
-    ],
-    // target: "http://192.168.0.103:8080",
-    // target: "http:// 192.168.0.191:8080",
-    // target: "http://localhost:3000",
-    //  target: "http://localhost:8088",
-    // target: "https://dev.tuki.io/webex",
-    target: "https://dev.tuki.io/webex",
-    // target: "http://192.168.10.56:8080",
-    secure: false
-  }
-];
-
-

package/tsconfig.json

@@ -1,46 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "compileOnSave": false,
-  "build": {
-    "builder": "@angular-devkit/build-ng-packagr:build",
-    "options": {
-      "preserveSymlinks": true,
-      "tsConfig": "projects/button/tsconfig.lib.json",
-      "project": "projects/button/ng-package.json"
-    }
-  },
-  "compilerOptions": {
-    "preserveSymlinks": true,
-    "paths": {
-      "@tuki/widgets": [
-        "dist/tuki/widgets"
-      ]
-    },
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "sourceMap": true,
-    "declaration": false,
-    "downlevelIteration": true,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "es2020",
-    "module": "es2020",
-    "lib": [
-      "es2020",
-      "dom"
-    ]
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}