http-request-manager 15.0.26 → 18.0.2

package/src/lib/http-request-services-demo/local-storage-demo/local-storage-demo.component.ts

@@ -1,205 +0,0 @@
-import { Component, Inject, inject, OnInit, ViewEncapsulation } from '@angular/core';
-import { LocalStorageManagerService, SettingOptions, StorageOption, StorageType } from '../../services/local-storage-manager-service';
-import { FormBuilder, Validators } from '@angular/forms';
-import { BehaviorSubject, EMPTY, Observable, of } from 'rxjs';
-import { ConfigOptions, LocalStorageOptions, UtilsService } from '../../services';
-import { switchMap, tap, map } from 'rxjs/operators';
-import { CONFIG_SETTINGS_TOKEN } from '../../models/config-token.model';
-
-@Component({
-  selector: 'app-local-storage-demo',
-  templateUrl: './local-storage-demo.component.html',
-  styleUrls: ['./local-storage-demo.component.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class LocalStorageDemoComponent implements OnInit {
-
-  fb = inject(FormBuilder)
-  utils = inject(UtilsService)
-
-  type$ = new BehaviorSubject(StorageType.GLOBAL)
-  get type() {
-    return (this.typeControl.value) ? +this.typeControl.value : 0
-  }
-
-  typeControl = this.fb.control(StorageType.GLOBAL.toString())
-
-  localStorageManagerService = inject(LocalStorageManagerService)
-
-  settings$: Observable<any> = this.localStorageManagerService.settings$
-
-  setting$ = (store: string) => this.localStorageManagerService.setting$(store)
-
-  storageForm = this.fb.group({
-    store: this.fb.control<string|null>(null),
-    type: 'local',
-    settingType: 'local',
-    encrypted: false,
-    data: this.fb.control<string>('', Validators.required),
-  })
-
-  newStoreForm = this.fb.group({
-    name: this.fb.control<string|null>(null, Validators.required),
-    storage: 'local',
-    encrypted: false,
-    data: this.fb.control<string>('', Validators.required),
-    expiresIn: this.fb.control('0')
-  })
-
-  store$?: Observable<any>
-
-  storeData$ = this.storageForm.get('store')?.valueChanges
-  .pipe(
-    switchMap((data: any) => {
-      return data
-        ? this.localStorageManagerService.store$(data.name)
-        : of('')
-    }),
-    tap(data => {
-      this.storageForm.get('data')?.patchValue(data, { emitEvent: false })
-    })
-  )
-
-  expiresIn = (epoch: number) => this.utils.expiresIn(epoch)
-
-  get isValid() {
-    return this.newStoreForm.valid
-  }
-
-  get isValidData() {
-    return this.storageForm.valid
-  }
-
-  isValidJSON = (str: string) => {
-    try {
-      JSON.parse(str)
-      return true
-    } catch (e) {
-      return false
-    }
-  }
-
-  displayedColumns: string[] = ['name', 'id', 'encrypted', 'expires', "option"];
-
-  filterData = (values: SettingOptions[]) => {
-    if(!values) return []
-    return values.filter((item: any) => item.options.storage === +this.type)
-  }
-
-  data$?: Observable<any>
-
-  store: any
-
-  create = false
-
-  storeProps?: LocalStorageOptions
-  options?: SettingOptions
-
-  constructor(@Inject(CONFIG_SETTINGS_TOKEN) private configOptions?: ConfigOptions) { }
-
-  ngOnInit() {
-
-    this.storeProps = this.configOptions?.LocalStorageOptions
-    this.options = this.storeProps?.options
-
-    if(this.options?.storage) {
-      this.typeControl.patchValue(this.options.storage.toString())
-      this.typeControl.disable()
-    } else {
-      this.typeControl.enable()
-    }
-
-    if(this.options?.expiresIn) {
-      this.newStoreForm.get('expiresIn')?.patchValue(this.options.expiresIn)
-      this.newStoreForm.get('expiresIn')?.disable()
-    } else {
-      this.newStoreForm.get('expiresIn')?.enable()
-    }
-
-    if(this.options?.encrypted) {
-      this.newStoreForm.get('encrypted')?.patchValue(this.options.encrypted)
-      this.newStoreForm.get('encrypted')?.disable()
-    } else {
-      this.newStoreForm.get('encrypted')?.enable()
-    }
-
-  }
-
-  onCreateStore() {
-
-    if(!this.isValid) return
-
-    const store = this.newStoreForm.value
-    if(!store.name || store.name === '') return
-
-    const options = { storage: this.type, encrypted: store.encrypted, expiresIn: store.expiresIn }
-
-    this.localStorageManagerService.createStore({
-      name: store.name,
-      data: store.data,
-      options: SettingOptions.adapt(options)
-    })
-
-    this.newStoreForm.reset()
-    this.create = false
-  }
-
-  onUpdateStore(store: any) {
-
-    if(!this.storageForm.valid) return
-
-    const storeData = this.storageForm.value
-
-    const data = JSON.parse(storeData.data || '')
-
-    const type = (storeData.type === 'local') ? StorageType.GLOBAL : StorageType.SESSION
-
-    this.localStorageManagerService.updateStore({
-      name: store.name,
-      data
-    })
-
-  }
-
-  onSelectedRow(store: any) {
-    this.store = store
-    this.data$ = this.localStorageManagerService.store$(store.name).pipe(map(item => JSON.stringify(item)))
-    this.create = false
-  }
-
-  onCreate() {
-    this.onCancel()
-    this.create = true
-  }
-
-  onDelete(store: StorageOption) {
-
-    this.localStorageManagerService.deleteStore({
-      name: store.name,
-    })
-
-    this.onCancel()
-  }
-
-  onCancel() {
-    this.data$ = EMPTY
-    this.store = null
-    this.create = false
-  }
-
-  onUpdate(store: StorageOption, data: any) {
-
-    this.localStorageManagerService.updateStore({
-      name: store.name,
-      data: JSON.parse(data)
-    })
-
-    this.onCancel()
-
-  }
-
-  onReset() {
-    this.localStorageManagerService.resetStore()
-  }
-
-}

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/download-file/download-file.component.html

@@ -1,59 +0,0 @@
-<ng-container *ngIf="!isPending; else DOWNLOADING">
-  <ng-container *ngIf="hasError; else NORMAL">
-    <div class="width center-txt" style="margin-bottom: 4px;">
-      <mat-icon color="warn" class="warn-icon">warning</mat-icon>
-    </div>
-  </ng-container>
-  <ng-template #NORMAL>
-    <ng-container *ngIf="active; else ACTION">
-
-      <div class="container-obj">
-        <div class="centered-obj-div">
-          <mat-progress-spinner
-            color="primary"
-            mode="indeterminate"
-            [diameter]="44"
-          ></mat-progress-spinner>
-        </div>
-      </div>
-
-  </ng-container>
-  <ng-template #ACTION>
-    <button data-tracking="export-btn" mat-icon-button (click)="onAction()" class="icon-button" [disabled]="disabled">
-      <mat-icon class="custom-icon">file_download</mat-icon>
-    </button>
-  </ng-template>
-  </ng-template>
-</ng-container>
-
-<ng-template #DOWNLOADING>
-  <div
-    class="spinner-container"
-    *ngIf="(progress > 0 && progress < 100); else INDETERMINATE"
-  >
-    <div class="spinner-background">
-      {{progress}}%
-    </div>
-    <mat-progress-spinner
-      color="primary"
-      [mode]="mode"
-      [value]="progress"
-      [diameter]="44"
-    ></mat-progress-spinner>
-  </div>
-  <ng-template #INDETERMINATE>
-    <div class="container-obj">
-      <div class="centered-obj-div">
-        <mat-progress-spinner
-          color="primary"
-          mode="indeterminate"
-          [diameter]="44"
-        ></mat-progress-spinner>
-      </div>
-    </div>
-  </ng-template>
-
-</ng-template>
-
-
-

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/download-file/download-file.component.scss

@@ -1,60 +0,0 @@
-:not(spinner-container).spinner-container {
-  position: relative;
-
-  .spinner-background {
-    position: absolute;
-    width: 44px;
-    height: 44px;
-    font-size: 12px;
-    line-height: 32px;
-    text-align: center;
-    overflow: hidden;
-    border-radius: 50%;
-    border: solid 5px whitesmoke;
-  }
-
-}
-
-.center-txt {
-  align-content: center;
-  text-align: -webkit-center;
-}
-
-.width {
-  width: 48px;
-  height: 48px;
-}
-
-.icon-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 48px;
-  height: 48px;
-  padding: 0;
-}
-
-// .custom-icon {
-//   font-size: 32px;
-//   line-height: 1;
-//   position: relative;
-//   left: -4px;
-// }
-
-.container-obj {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 48px;
-  height: 48px;
-}
-
-.centered-obj-div {
-  text-align: center
-}
-
-// .warn-icon {
-//   position: relative;
-//   top: 6px;
-//   width: 48px;
-// }

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/download-file/download-file.component.ts

@@ -1,71 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';
-import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
-import { Subscription, timer } from 'rxjs';
-
-@Component({
-  selector: 'app-download-file',
-  templateUrl: './download-file.component.html',
-  styleUrls: ['./download-file.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-})
-export class DownloadFileComponent implements OnInit {
-
-  private subscriptions = new Subscription();
-
-  @Input() event?: Function;
-  @Input() displayError = 3; // seconds
-  @Input() diameter = 32;
-  @Input() mode: ProgressSpinnerMode = 'determinate';
-  @Input() isPending = false;
-
-  @Input() active = false;
-  @Input() disabled = false;
-
-  @Output() error = new EventEmitter<void>();
-
-  private _progress = 0;
-  @Input() set progress(value: any) {
-    this._progress = value ?? 0;
-  }
-
-  get progress() {
-    return this._progress;
-  }
-
-  private _hasError = false;
-  private errorTimerActive = false;
-
-  @Input() set hasError(value: boolean | any) {
-
-    this._hasError = !!value;
-
-    if (this._hasError && !this.errorTimerActive) {
-      this.errorTimerActive = true;
-      this.active = false;
-      this.error.emit()
-      this.subscriptions.add(
-        timer(this.displayError * 1000)
-        .subscribe((err) => {
-          this._hasError = false;
-          this.errorTimerActive = false;
-        })
-      );
-    }
-
-  }
-
-  get hasError() {
-    return this._hasError;
-  }
-
-  ngOnInit() {}
-
-  onAction() {
-    this.isPending = false
-    if (this.event) this.event()
-  }
-
-  ngOnDestroy() {
-    this.subscriptions.unsubscribe()
-  }
-}

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/file-download.module.ts

@@ -1,28 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { DownloadFileComponent } from './download-file/download-file.component';
-import { FileDownloaderComponent } from './file-downloader.component';
-
-import { SpinnerComponent } from './spinner/spinner.component';
-import { MatIconModule } from '@angular/material/icon';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatButtonModule } from '@angular/material/button';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    MatIconModule,
-    MatProgressSpinnerModule,
-    MatButtonModule,
-  ],
-  declarations: [
-    SpinnerComponent,
-    DownloadFileComponent,
-    FileDownloaderComponent,
-  ],
-  exports: [
-    FileDownloaderComponent
-  ]
-})
-export class FileDownloaderModule { }

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/file-downloader.component.html

@@ -1,10 +0,0 @@
-<app-download-file
-  [disabled]="disabled"
-  [displayError]="3"
-  [event]="onDownloadStreaming.bind(this)"
-  [isPending]="(isPending$ | async) || false"
-  [progress]="(progress$ | async)"
-  [hasError]="(error$ | async)"
-  (error)="onError(labels.error)"
-  [active]="active"
-></app-download-file>

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/file-downloader.component.scss

@@ -1,29 +0,0 @@
-
-$snackBarTextColor: white;
-$snackBarBackgroundNormal: #F44336;
-$snackBarActionColor: white;
-
-.snackBarInfo {
-    background-color: $snackBarBackgroundNormal;
-    color: $snackBarTextColor;
-}
-.mat-simple-snackbar > span {
-    font-weight: bold;
-}
-.mat-simple-snackbar-action {
-    .mat-button {
-        .mat-button-wrapper {
-            color: $snackBarActionColor;
-        }
-    }
-}
-
-.cdk-overlay-pane > .mat-snack-bar-container {
-  width: 100%;
-}
-
-
-.mat-snack-bar-container {
-  max-width: 100% !important;
-  width: 100%;
-}

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/file-downloader.component.ts

@@ -1,99 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';
-import { catchError, distinctUntilChanged, finalize } from 'rxjs/operators';
-
-import { ToastColors, ToastDisplay } from 'toast-message-display';
-
-import { DownloadLabels } from './models/download-labels-model';
-import { HTTPManagerService } from '../../../services/request-manager-services';
-import { ApiRequest } from '../../../services';
-import { Subscription, throwError } from 'rxjs';
-
-@Component({
-  selector: 'app-file-downloader',
-  templateUrl: './file-downloader.component.html',
-  styleUrls: ['./file-downloader.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-})
-export class FileDownloaderComponent extends HTTPManagerService<any> implements OnInit {
-
-  @Input() delayError = 3
-  @Input() apiRequest: ApiRequest = ApiRequest.adapt()
-  @Input() displayErrorMessage = false
-
-  @Input() saveFileAs?: string
-
-  _labels = DownloadLabels.adapt()
-  @Input() set labels(value: DownloadLabels) {
-    this._labels = (value) ? DownloadLabels.adapt(value) : DownloadLabels.adapt()
-  }
-
-  active = false
-
-  subscription = new Subscription()
-
-  get labels() {
-    return this._labels
-  }
-
-  @Output() completed = new EventEmitter<void>()
-  @Output() failed = new EventEmitter<string>()
-
-  @Input() disabled = false
-
-  constructor() {
-    super()
-  }
-
-  ngOnInit() {
-
-  }
-
-  onDownloadStreaming() {
-
-    if (this.active) return;
-    this.active = true;
-
-    return this.downloadRequest(this.apiRequest, [])
-      .pipe(
-        distinctUntilChanged(),
-        catchError((err) => {
-
-          this.onError(err.message)
-          this.active = false
-          this.failed.emit(err)
-
-          return throwError(() => err)
-
-        }),
-        finalize(() => {
-          if (!this.active) return
-          this.active = false
-          this.completed.emit()
-        })
-      )
-      .subscribe()
-  }
-
-
-  onError(message: string) {
-
-    if(!message || !this.displayErrorMessage) return
-
-    const display = ToastDisplay.adapt({
-      message,
-      action: 'Ok',
-      color: ToastColors.ERROR,
-      icon: 'error',
-    });
-
-    this.active = false
-
-    this.toastMessage.toastMessage(display);
-
-  }
-
-  OnDestroy() {
-    this.subscription.unsubscribe()
-  }
-
-}

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/models/download-labels-model.ts

@@ -1,22 +0,0 @@
-export interface DownloadLabelsInterface {
-  error: string;
-  action: string;
-  icon: string;
-}
-
-export class DownloadLabels implements DownloadLabelsInterface {
-  constructor(
-    public error = '',
-    public action = '',
-    public icon = 'error',
-  ) {}
-
- static adapt(item?: any): DownloadLabelsInterface {
-    return new DownloadLabels(
-      item?.error,
-      item?.action,
-      item?.icon,
-    )
-
-  }
-}

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/spinner/spinner.component.html

@@ -1,8 +0,0 @@
-<div class="spinner-background">{{display}}</div>
-<mat-progress-spinner
-    [color]="color"
-    [diameter]="diameter"
-    [mode]="mode || 'indeterminate'"
-    [strokeWidth]="strokeWidth"
-    [value]="value">
-</mat-progress-spinner>

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/spinner/spinner.component.scss

@@ -1,19 +0,0 @@
-.example-h2 {
-  margin: 24px 0;
-}
-:not(spinner-container).spinner-container {
-  position: relative;
-
-  .spinner-background {
-    position: absolute;
-    width: 80px;
-    height: 80px;
-    line-height: 80px;
-    text-align: center;
-    overflow: hidden;
-    border-color: rgba(103, 58, 183, 0.12);
-    border-radius: 50%;
-    border-style: solid;
-    border-width: 10px;
-  }
-}

package/src/lib/http-request-services-demo/request-manager-demo/file-downloader/spinner/spinner.component.ts

@@ -1,25 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { ThemePalette } from '@angular/material/core';
-import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
-
-@Component({
-  selector: 'app-spinner',
-  templateUrl: './spinner.component.html',
-  styleUrls: ['./spinner.component.scss']
-})
-export class SpinnerComponent implements OnInit {
-
-  @Input() color: ThemePalette;
-
-  @Input() diameter?: number;
-  @Input() display?: string | number;
-  @Input() mode?: ProgressSpinnerMode;
-  @Input() strokeWidth?: number;
-  @Input() value = 0
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}

package/src/lib/http-request-services-demo/request-manager-demo/models/app-session.model.ts

@@ -1,30 +0,0 @@
-import { App } from "./app.model"
-
-export interface AppSessionInterface {
-    cfid: string,
-    sessionid: string,
-    urltoken: string,
-    cftoken: string,
-}
-
-export class AppSession implements AppSessionInterface {
-
-  constructor(
-    public cfid = '',
-    public sessionid = '',
-    public urltoken = '',
-    public cftoken = '',
-  ) {}
-
-  static adapt(item?: any): AppSession {
-
-    return new AppSession(
-      item?.cfid,
-      item?.sessionid,
-      item?.urltoken,
-      item?.cftoken,
-    )
-
-  }
-
-}

package/src/lib/http-request-services-demo/request-manager-demo/models/app.model.ts

@@ -1,19 +0,0 @@
-export interface AppInterface {
-  applicationName: string
-}
-
-export class App implements AppInterface {
-
-  constructor(
-    public applicationName = ''
-  ) {}
-
-  static adapt(item?: any): App {
-
-    return new App(
-      item?.applicationName,
-    )
-
-  }
-
-}