http-request-manager 18.15.33 → 18.15.34

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

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

@@ -0,0 +1,100 @@
+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/http-manager.service';
+import { ApiRequest } from '../../../services/request-manager-state-service/models/api-request.model';
+import { Subscription, throwError } from 'rxjs';
+
+@Component({
+    selector: 'app-file-downloader',
+    templateUrl: './file-downloader.component.html',
+    styleUrls: ['./file-downloader.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
+})
+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

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

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

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

@@ -0,0 +1,26 @@
+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'],
+    standalone: false
+})
+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

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

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

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

@@ -0,0 +1,25 @@
+import { App } from "./app.model"
+import { AppSession } from "./app-session.model"
+
+export interface GetSampleInterface {
+  application: App,
+  session: AppSession
+}
+
+export class GetSample implements GetSampleInterface {
+
+  constructor(
+    public application = App.adapt(),
+    public session = AppSession.adapt(),
+  ) {}
+
+  static adapt(item?: any) {
+    
+    return new GetSample(
+      (item?.application) ? App.adapt(item.application) : App.adapt(),
+      (item?.session) ? AppSession.adapt(item.session) : AppSession.adapt(),
+    )
+
+  }
+
+}

package/src/lib/http-request-services-demo/request-manager-demo/models/sample-ai-prompt.ts

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

package/src/lib/http-request-services-demo/request-manager-demo/models/sample-client-details.ts

@@ -0,0 +1,24 @@
+import { App } from "./app.model"
+
+export interface ClientDetailsInterface {
+  prod: string,
+  dev: string,
+}
+
+export class ClientDetails implements ClientDetailsInterface {
+
+  constructor(
+    public prod = '',
+    public dev = '',
+  ) {}
+
+  static adapt(item?: any): ClientDetails {
+
+    return new ClientDetails(
+      item?.prod,
+      item?.dev,
+    )
+
+  }
+
+}

package/src/lib/http-request-services-demo/request-manager-demo/models/sample-client-info.ts

@@ -0,0 +1,30 @@
+export interface ClientInfoInterface {
+  domain: string
+  service: string
+  id: number
+  name: string
+}
+
+export class ClientInfo implements ClientInfoInterface {
+
+  constructor(
+    public domain = '',
+    public service = '',
+    public id = 0,
+    public name = '',
+  ) {}
+
+  static adapt(item?: any): ClientInfo {
+
+    return new ClientInfo(
+      item?.domain,
+      item?.service,
+      item?.id,
+      (item?.first_name || item?.last_name) ? `${item?.first_name} ${item?.last_name}` : '',
+    )
+
+  }
+
+}
+
+

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

@@ -0,0 +1,49 @@
+export interface ClientDataInterface {
+  id: string|number
+  name: string
+  domain: string
+  service: string
+  spiffe: string
+  secret: string
+  created: number
+  modified: number
+  icon: string
+  imageFile: string
+  email: string
+}
+
+export class ClientData implements ClientDataInterface {
+
+  constructor(
+    public id: string|number = 0,
+    public name = '',
+    public domain = '',
+    public service = '',
+    public spiffe = '',
+    public secret = '',
+    public created = 0,
+    public modified = 0,
+    public icon = '',
+    public imageFile = '',
+    public email = '',
+  ) {}
+
+  static adapt(item?: any): ClientData {
+
+    return new ClientData(
+      item?.id,
+      item?.name,
+      item?.domain,
+      item?.service,
+      item?.spiffe,
+      item?.secret,
+      item?.created,
+      item?.modified,
+      item?.icon,
+      item?.imageFile,
+      item?.email,
+    )
+
+  }
+
+}

package/src/lib/http-request-services-demo/request-manager-demo/models/sample-mapper-client-info.ts

@@ -0,0 +1,33 @@
+export interface ClientInfoMapperInterface {
+  id: number
+  first_name: string
+  last_name: string
+  email: string
+}
+
+export class ClientInfoMapper implements ClientInfoMapperInterface {
+
+  constructor(
+    public id = 0,
+    public first_name = '',
+    public last_name = '',
+    public email = '',
+  ) {}
+
+  static adapt(item?: any): ClientInfoMapper {
+
+    const first_name = (item?.name) ? item.name.split(' ')[0] : ''
+    const last_name = (item?.name) ? item.name.split(' ')[1] : ''
+
+    return new ClientInfoMapper(
+      item?.id,
+      first_name,
+      last_name,
+      item?.email,
+    )
+
+  }
+
+}
+
+