@unifylib/ui-lib 1.0.3 → 1.1.3

package/src/lib/services/backend-service.ts

@@ -1,286 +1,287 @@
-import {Inject, Injectable} from "@angular/core";
-import {HttpClient, HttpErrorResponse, HttpHeaders, HttpParams} from "@angular/common/http";
-import {Observable, of, Subject} from "rxjs";
-import {catchError, distinctUntilChanged} from "rxjs/operators";
-import {SnackMessage} from "../base-model/snack-message.model";
-import {PageInfo} from "../base-model/page-info";
-import {TranslateService} from "@ngx-translate/core";
-import {ColumnDef} from "../base-model/column-def.model";
-import {TableColumn} from "../base-model/table-column.interface";
-import {GetItemsList} from "../base-model/get-items-list";
-import {FieldAction} from "../base-model/field-action";
-import {Workflow} from "../base-model/workflow/workflow.model";
-import {ReportRequest} from "../base-model/report-request.model";
-import {FilterRequest} from "../base-model/filter-request";
-import {ResponseEnvelop} from "../base-model/response-envelop.model";
-import {FormGroup} from "@angular/forms";
-import { ActivatedRoute } from "@angular/router";
-import {TopPanel} from "./top-panel";
-import {DoActionRequest} from "../base-model/do-action-request";
-import {MatDialog} from "@angular/material/dialog";
-import {ActionConfirmationComponent} from "../components/action-confirmation/action-confirmation.component";
-
-const WORKFLOW_STATES_MAP: Record<number, string> = {
-    1: 'New',
-    2: 'Pending',
-    3: 'Terminated',
-    4: 'Completed',
-    5: 'Updated',
-    6: 'Default'
-};
-
-const EXCLUDED_REPORT_COLUMNS = ['listAction','button', 'checkbox'];
-@Injectable({
-    providedIn: 'root'
-})
-export class BackendService {
-    public topPanelMessage$ = new Subject<SnackMessage>();
-    // @ts-ignore
-    public parentForm: FormGroup;
-    public fieldAction$ = new Subject<FieldAction>();
-    public isEmptyItems: boolean = true;
-
-    constructor(private http: HttpClient,
-                private topPanel: TopPanel,
-                private translateService: TranslateService,
-                private route: ActivatedRoute,
-                private dialog: MatDialog,
-                @Inject('config') private config: any,
-                @Inject('secretsManager') private secretsManager: any) {
-
-        this.topPanelMessage$.subscribe(msg => {
-            this.topPanel.topPanelMessage$.next(msg);
-        })
-    }
-
-    set defaults(value: any | undefined) {
-    }
-
-    get defaults(): any | undefined {
-        return {};
-    }
-
-    getStatusDescription(element: any, workflow: Workflow) {
-        if (element?.stepId) {
-
-            let index = workflow?.workflowSteps?.findIndex(s => s.stepId === element.stepId);
-            if (index > -1) {
-                return this.translateService.getDefaultLang() === 'ar' ?
-                    workflow?.workflowSteps[index].stepNameAr || workflow?.workflowSteps[index].stepName:
-                    workflow?.workflowSteps[index].stepName;
-                // return this.translateService.instant(workflow?.workflowSteps[index].stepName);
-            } else {
-                return this.translateService.instant('INVENTORY.inprocessStatus');
-            }
-        } else {
-            if (element.statusId === 4 && element.statusDescription) {
-                return element.statusDescription;
-            } else if (element.statusId) {
-                return this.translateService.instant(WORKFLOW_STATES_MAP[element.statusId]);
-            } else {
-                return "unknown";
-            }
-        }
-    }
-//sss
-    getItemsByFilter(reportRequest: any, apiUrl: string): Observable<any> {
-        const url = `${this.getApiBasePath()}/api/v1${apiUrl}/list`;
-        return this.http.post(url, reportRequest, { headers: this.buildSecuredHeader()}).pipe(
-            distinctUntilChanged(),
-            catchError(err => of(err.message || err)));
-    }
-
-    getItemAuditLog(reportRequest: any, apiUrl: string): Observable<any> {
-        const url = `${this.getApiBasePath()}/api/v1${apiUrl}/audit-log`;
-        return this.http.post(url, reportRequest, { headers: this.buildSecuredHeader()}).pipe(
-            distinctUntilChanged(),
-            catchError(err => of(err.message || err)));
-    }
-
-
-    private buildSecuredHeader() {
-        const headers = new HttpHeaders({
-            'Content-Type': 'application/json',
-            Authorization: this.config.getAuthToken()
-        });
-        return headers;
-    }
-
-  public buildFormSecuredHeader() {
-    const headers = new HttpHeaders({
-      Authorization: this.config.getAuthToken()
-    });
-    return headers;
-  }
-
-  labelKey(column: any, pageInfo: PageInfo) {
-    const configuredKey = column.label ? column.label : column.property;
-
-    if (configuredKey && configuredKey.trim() !== '' && configuredKey.startsWith(pageInfo.labelsSection)) {
-      return configuredKey;
-    }
-
-    return `${pageInfo.labelsSection}.${configuredKey}`;
-  }
-
-
-    private buildReportColumn(columns: TableColumn<any>[], pageInfo: PageInfo): ColumnDef[] {
-        let columnDef: ColumnDef[] = [];
-
-          columns.filter(x => !EXCLUDED_REPORT_COLUMNS.includes(x.type)).forEach((c, index) => {
-            let transLabel = this.translateService.instant(this.labelKey(c,pageInfo));
-            let transGroup = pageInfo.supportGroupingInExport ?
-              c.group.trim() ? this.translateService.instant(c.group) : ' ' : null;
-            if (c.type === 'workflowStatus') {
-              transLabel = this.translateService.instant('workflowStatus');
-            }
-            if ((c.reportVisible === true) || (c.visible === true && c.reportVisible !== false)) {
-              columnDef.push(new ColumnDef(c, index, transLabel, this.translateService.getDefaultLang(),transGroup));
-            }
-        });
-        return columnDef;
-    }
-
-    private base64ToArrayBuffer(base64: string) {
-        const binaryString = window.atob(base64); // Comment this if not using base64
-        const bytes = new Uint8Array(binaryString.length);
-        return bytes.map((byte, i) => binaryString.charCodeAt(i));
-    }
-
-    buildReportRequest(columns: TableColumn<any>[], title: string | string[], filterRequest: FilterRequest, reportType: any, pageInfo: PageInfo, searchStr: string ,orientation='PORTRAIT'): ReportRequest {
-        const columnDef = this.buildReportColumn(columns, pageInfo);
-        const reportRequest = new ReportRequest({
-            dataset: [], filter: "",
-            columns: columnDef,
-            // sessionId: this.topPanel.userSession().sessionId,
-            sessionId: this.config.getAuthToken(),
-            title: this.translateService.instant(title),
-            prefLang: this.translateService.getDefaultLang(),
-            reportType: reportType,
-            searchStr: searchStr,
-            filterRequest: filterRequest,
-            orientation: orientation});
-        return reportRequest;
-    }
-
-    getLookupItemsByMultiFilter(listItems: GetItemsList, filterRequest?: FilterRequest): Observable<any> {
-      listItems.pageSize = 100;
-      filterRequest.pageSize = 100;
-        const params = new HttpParams().set('searchStr', listItems.searchStr);
-        let url = `${this.getApiBasePath()}/api/v1/${listItems.apiUri}`;
-        return this.http.post(url, filterRequest, { headers: this.buildSecuredHeader(), params: params}).pipe(
-            distinctUntilChanged(),
-            catchError(err => of(err.message || err)));
-    }
-    getLookupItemsByFilter(listItems: GetItemsList, cascadedId?: any): Observable<any> {
-        listItems.pageSize = 500;
-        const params = new HttpParams().set('searchStr', listItems.searchStr);
-        let url = `${this.getApiBasePath()}/api/v1/${listItems.apiUri}`;
-        if (cascadedId) {
-            url = url + `/${cascadedId}`
-        }
-
-        return this.http.post(url, listItems,{ headers: this.buildSecuredHeader()}).pipe(
-            distinctUntilChanged(),
-            catchError(err => of(err.message || err)));
-    }
-
-
-
-    downloadReport(reportRequest: ReportRequest, pageApiPath : string, readyPath? : boolean ) {
-      const s = readyPath === true ? `/api/v1${pageApiPath}` : `/api/v1${pageApiPath}/extractAndDownloadListReport`;
-      return this.http.post<ResponseEnvelop>(this.getApiBasePath() + s, reportRequest, {headers: this.buildSecuredHeader()}).subscribe(
-            (resp:ResponseEnvelop) => {
-                if (resp.valid) {
-                    if (resp.body) {
-                        const filename = reportRequest.title + "." + reportRequest.reportType;
-                        const blob = new Blob([this.base64ToArrayBuffer(resp.body)]);
-                        if (navigator.msSaveBlob) {
-                            navigator.msSaveBlob(blob, filename);
-                        } else {
-                            const link = document.createElement('a');
-                            // Browsers that support HTML5 download attribute
-                            if (link.download !== undefined) {
-                                const url = URL.createObjectURL(blob);
-                                link.setAttribute('href', url);
-                                link.setAttribute('download', filename);
-                                link.style.visibility = 'hidden';
-                                document.body.appendChild(link);
-                                link.click();
-                                document.body.removeChild(link);
-                            }
-                        }
-                    } else {
-                        this.topPanel.topPanelMessage$.next(new SnackMessage(resp.message.toString(), true, 'info'));
-                    }
-                } else {
-                    this.topPanel.topPanelMessage$.next(new SnackMessage(resp.message.toString(), false, 'error'));
-                }
-            }
-        );
-
-    }
-
-    private getApiBasePath(){
-      return this.config.getBaseApi();
-    }
-
-  doActionWithAttachments(request: DoActionRequest, param2: any[], pageInfo: PageInfo) {
-    const url = `${this.getApiBasePath()}/api/v1${pageInfo.apiUri}/doActionWithAttachments`;
-    const formData: FormData = new FormData();
-    formData.set('doActionRequest', new Blob([JSON.stringify(request)], {
-      type: "application/json"
-    }));
-
-    return this.http.post(url, formData, { headers: this.buildFormSecuredHeader() }).pipe(
-      distinctUntilChanged(),
-      catchError((error: HttpErrorResponse) => {
-        return of(error.error);
-      })
-    );
-
-  }
-  doActionWithAttachment(request: DoActionRequest, file: File, pageInfo: PageInfo) {
-    const url = `${this.getApiBasePath()}/api/v1${pageInfo.apiUri}/doActionWithAttachments`;
-    const formData: FormData = new FormData();
-
-    formData.append('files', file);
-    formData.set('doActionRequest', new Blob([JSON.stringify(request)], {
-      type: "application/json"
-    }));
-
-    return this.http.post<any>(url, formData, {
-      headers: this.buildFormSecuredHeader()
-    }).pipe(
-      distinctUntilChanged(),
-      catchError((error: HttpErrorResponse) => {
-        // Transform the error into a fake success-like response
-        return of(error.error); // This will now be passed to `next` in subscribe()
-      })
-    );
-  }
-
-  encrypt(message: any) {
-    return this.secretsManager.encryptSecret(message);
-  }
-
-  decrypt(secret: any) {
-    return this.secretsManager.decryptSecret(secret);
-  }
-
-  public getConfirmation(): Observable<any> {
-    const dialogRef = this.dialog.open(ActionConfirmationComponent, {
-      data: {acceptActionLabel: 'accept',rejectActionLabel:'return', warningMsg: 'confirmation_message'},
-      width: '600px',
-      height: 'auto'
-    });
-    return dialogRef.afterClosed();
-  }
-
-}
-
-declare global {
-    interface Navigator {
-        msSaveBlob: (blobOrBase64: Blob | string, filename: string) => void
-    }
-}
+import {Inject, Injectable} from "@angular/core";
+import {HttpClient, HttpErrorResponse, HttpHeaders, HttpParams} from "@angular/common/http";
+import {Observable, of, Subject} from "rxjs";
+import {catchError, distinctUntilChanged} from "rxjs/operators";
+import {SnackMessage} from "../base-model/snack-message.model";
+import {PageInfo} from "../base-model/page-info";
+import {TranslateService} from "@ngx-translate/core";
+import {ColumnDef} from "../base-model/column-def.model";
+import {TableColumn} from "../base-model/table-column.interface";
+import {GetItemsList} from "../base-model/get-items-list";
+import {FieldAction} from "../base-model/field-action";
+import {Workflow} from "../base-model/workflow/workflow.model";
+import {ReportRequest} from "../base-model/report-request.model";
+import {FilterRequest} from "../base-model/filter-request";
+import {ResponseEnvelop} from "../base-model/response-envelop.model";
+import {FormGroup} from "@angular/forms";
+import { ActivatedRoute } from "@angular/router";
+import {TopPanel} from "./top-panel";
+import {DoActionRequest} from "../base-model/do-action-request";
+import {MatDialog} from "@angular/material/dialog";
+import {ActionConfirmationComponent} from "../components/action-confirmation/action-confirmation.component";
+
+const WORKFLOW_STATES_MAP: Record<number, string> = {
+    1: 'New',
+    2: 'Pending',
+    3: 'Terminated',
+    4: 'Completed',
+    5: 'Updated',
+    6: 'Default'
+};
+
+const EXCLUDED_REPORT_COLUMNS = ['listAction','button', 'checkbox'];
+@Injectable({
+    providedIn: 'root'
+})
+export class BackendService {
+    public topPanelMessage$ = new Subject<SnackMessage>();
+    // @ts-ignore
+    public parentForm: FormGroup;
+    public childForm: FormGroup;
+    public fieldAction$ = new Subject<FieldAction>();
+    public isEmptyItems: boolean = true;
+
+    constructor(private http: HttpClient,
+                private topPanel: TopPanel,
+                private translateService: TranslateService,
+                private route: ActivatedRoute,
+                private dialog: MatDialog,
+                @Inject('config') private config: any,
+                @Inject('secretsManager') private secretsManager: any) {
+
+        this.topPanelMessage$.subscribe(msg => {
+            this.topPanel.topPanelMessage$.next(msg);
+        })
+    }
+
+    set defaults(value: any | undefined) {
+    }
+
+    get defaults(): any | undefined {
+        return {};
+    }
+
+    getStatusDescription(element: any, workflow: Workflow) {
+        if (element?.stepId) {
+
+            let index = workflow?.workflowSteps?.findIndex(s => s.stepId === element.stepId);
+            if (index > -1) {
+                return this.translateService.getDefaultLang() === 'ar' ?
+                    workflow?.workflowSteps[index].stepNameAr || workflow?.workflowSteps[index].stepName:
+                    workflow?.workflowSteps[index].stepName;
+                // return this.translateService.instant(workflow?.workflowSteps[index].stepName);
+            } else {
+                return this.translateService.instant('INVENTORY.inprocessStatus');
+            }
+        } else {
+            if (element.statusId === 4 && element.statusDescription) {
+                return element.statusDescription;
+            } else if (element.statusId) {
+                return this.translateService.instant(WORKFLOW_STATES_MAP[element.statusId]);
+            } else {
+                return "unknown";
+            }
+        }
+    }
+//sss
+    getItemsByFilter(reportRequest: any, apiUrl: string): Observable<any> {
+        const url = `${this.getApiBasePath()}/api/v1${apiUrl}/list`;
+        return this.http.post(url, reportRequest, { headers: this.buildSecuredHeader()}).pipe(
+            distinctUntilChanged(),
+            catchError(err => of(err.message || err)));
+    }
+
+    getItemAuditLog(reportRequest: any, apiUrl: string): Observable<any> {
+        const url = `${this.getApiBasePath()}/api/v1${apiUrl}/audit-log`;
+        return this.http.post(url, reportRequest, { headers: this.buildSecuredHeader()}).pipe(
+            distinctUntilChanged(),
+            catchError(err => of(err.message || err)));
+    }
+
+
+    private buildSecuredHeader() {
+        const headers = new HttpHeaders({
+            'Content-Type': 'application/json',
+            Authorization: this.config.getAuthToken()
+        });
+        return headers;
+    }
+
+  public buildFormSecuredHeader() {
+    const headers = new HttpHeaders({
+      Authorization: this.config.getAuthToken()
+    });
+    return headers;
+  }
+
+  labelKey(column: any, pageInfo: PageInfo) {
+    const configuredKey = column.label ? column.label : column.property;
+
+    if (configuredKey && configuredKey.trim() !== '' && configuredKey.startsWith(pageInfo.labelsSection)) {
+      return configuredKey;
+    }
+
+    return `${pageInfo.labelsSection}.${configuredKey}`;
+  }
+
+
+    private buildReportColumn(columns: TableColumn<any>[], pageInfo: PageInfo): ColumnDef[] {
+        let columnDef: ColumnDef[] = [];
+
+          columns.filter(x => !EXCLUDED_REPORT_COLUMNS.includes(x.type)).forEach((c, index) => {
+            let transLabel = this.translateService.instant(this.labelKey(c,pageInfo));
+            let transGroup = pageInfo.supportGroupingInExport ?
+              c.group.trim() ? this.translateService.instant(c.group) : ' ' : null;
+            if (c.type === 'workflowStatus') {
+              transLabel = this.translateService.instant('workflowStatus');
+            }
+            if ((c.reportVisible === true) || (c.visible === true && c.reportVisible !== false)) {
+              columnDef.push(new ColumnDef(c, index, transLabel, this.translateService.getDefaultLang(),transGroup));
+            }
+        });
+        return columnDef;
+    }
+
+    private base64ToArrayBuffer(base64: string) {
+        const binaryString = window.atob(base64); // Comment this if not using base64
+        const bytes = new Uint8Array(binaryString.length);
+        return bytes.map((byte, i) => binaryString.charCodeAt(i));
+    }
+
+    buildReportRequest(columns: TableColumn<any>[], title: string | string[], filterRequest: FilterRequest, reportType: any, pageInfo: PageInfo, searchStr: string ,orientation='PORTRAIT'): ReportRequest {
+        const columnDef = this.buildReportColumn(columns, pageInfo);
+        const reportRequest = new ReportRequest({
+            dataset: [], filter: "",
+            columns: columnDef,
+            // sessionId: this.topPanel.userSession().sessionId,
+            sessionId: this.config.getAuthToken(),
+            title: this.translateService.instant(title),
+            prefLang: this.translateService.getDefaultLang(),
+            reportType: reportType,
+            searchStr: searchStr,
+            filterRequest: filterRequest,
+            orientation: orientation});
+        return reportRequest;
+    }
+
+    getLookupItemsByMultiFilter(listItems: GetItemsList, filterRequest?: FilterRequest): Observable<any> {
+      listItems.pageSize = 100;
+      filterRequest.pageSize = 100;
+        const params = new HttpParams().set('searchStr', listItems.searchStr);
+        let url = `${this.getApiBasePath()}/api/v1/${listItems.apiUri}`;
+        return this.http.post(url, filterRequest, { headers: this.buildSecuredHeader(), params: params}).pipe(
+            distinctUntilChanged(),
+            catchError(err => of(err.message || err)));
+    }
+    getLookupItemsByFilter(listItems: GetItemsList, cascadedId?: any): Observable<any> {
+        listItems.pageSize = 500;
+        const params = new HttpParams().set('searchStr', listItems.searchStr);
+        let url = `${this.getApiBasePath()}/api/v1/${listItems.apiUri}`;
+        if (cascadedId) {
+            url = url + `/${cascadedId}`
+        }
+
+        return this.http.post(url, listItems,{ headers: this.buildSecuredHeader()}).pipe(
+            distinctUntilChanged(),
+            catchError(err => of(err.message || err)));
+    }
+
+
+
+    downloadReport(reportRequest: ReportRequest, pageApiPath : string, readyPath? : boolean ) {
+      const s = readyPath === true ? `/api/v1${pageApiPath}` : `/api/v1${pageApiPath}/extractAndDownloadListReport`;
+      return this.http.post<ResponseEnvelop>(this.getApiBasePath() + s, reportRequest, {headers: this.buildSecuredHeader()}).subscribe(
+            (resp:ResponseEnvelop) => {
+                if (resp.valid) {
+                    if (resp.body) {
+                        const filename = reportRequest.title + "." + reportRequest.reportType;
+                        const blob = new Blob([this.base64ToArrayBuffer(resp.body)]);
+                        if (navigator.msSaveBlob) {
+                            navigator.msSaveBlob(blob, filename);
+                        } else {
+                            const link = document.createElement('a');
+                            // Browsers that support HTML5 download attribute
+                            if (link.download !== undefined) {
+                                const url = URL.createObjectURL(blob);
+                                link.setAttribute('href', url);
+                                link.setAttribute('download', filename);
+                                link.style.visibility = 'hidden';
+                                document.body.appendChild(link);
+                                link.click();
+                                document.body.removeChild(link);
+                            }
+                        }
+                    } else {
+                        this.topPanel.topPanelMessage$.next(new SnackMessage(resp.message.toString(), true, 'info'));
+                    }
+                } else {
+                    this.topPanel.topPanelMessage$.next(new SnackMessage(resp.message.toString(), false, 'error'));
+                }
+            }
+        );
+
+    }
+
+    private getApiBasePath(){
+      return this.config.getBaseApi();
+    }
+
+  doActionWithAttachments(request: DoActionRequest, param2: any[], pageInfo: PageInfo) {
+    const url = `${this.getApiBasePath()}/api/v1${pageInfo.apiUri}/doActionWithAttachments`;
+    const formData: FormData = new FormData();
+    formData.set('doActionRequest', new Blob([JSON.stringify(request)], {
+      type: "application/json"
+    }));
+
+    return this.http.post(url, formData, { headers: this.buildFormSecuredHeader() }).pipe(
+      distinctUntilChanged(),
+      catchError((error: HttpErrorResponse) => {
+        return of(error.error);
+      })
+    );
+
+  }
+  doActionWithAttachment(request: DoActionRequest, file: File, pageInfo: PageInfo) {
+    const url = `${this.getApiBasePath()}/api/v1${pageInfo.apiUri}/doActionWithAttachments`;
+    const formData: FormData = new FormData();
+
+    formData.append('files', file);
+    formData.set('doActionRequest', new Blob([JSON.stringify(request)], {
+      type: "application/json"
+    }));
+
+    return this.http.post<any>(url, formData, {
+      headers: this.buildFormSecuredHeader()
+    }).pipe(
+      distinctUntilChanged(),
+      catchError((error: HttpErrorResponse) => {
+        // Transform the error into a fake success-like response
+        return of(error.error); // This will now be passed to `next` in subscribe()
+      })
+    );
+  }
+
+  encrypt(message: any) {
+    return this.secretsManager.encryptSecret(message);
+  }
+
+  decrypt(secret: any) {
+    return this.secretsManager.decryptSecret(secret);
+  }
+
+  public getConfirmation(): Observable<any> {
+    const dialogRef = this.dialog.open(ActionConfirmationComponent, {
+      data: {acceptActionLabel: 'accept',rejectActionLabel:'return', warningMsg: 'confirmation_message'},
+      width: '600px',
+      height: 'auto'
+    });
+    return dialogRef.afterClosed();
+  }
+
+}
+
+declare global {
+    interface Navigator {
+        msSaveBlob: (blobOrBase64: Blob | string, filename: string) => void
+    }
+}

package/src/lib/services/index.ts

@@ -1,3 +1,3 @@
-export * from './backend-service';
-export * from './top-panel';
-export * from './trigger-form.service'
+export * from './backend-service';
+export * from './top-panel';
+export * from './trigger-form.service'

package/src/lib/services/top-panel.ts

@@ -1,17 +1,17 @@
-import {Injectable} from "@angular/core";
-import {BehaviorSubject} from "rxjs";
-import {SnackMessage} from "../base-model/snack-message.model";
-
-@Injectable({
-  providedIn: 'root'
-})
-export class TopPanel {
-
-  public topPanelMessage$ = new BehaviorSubject<SnackMessage>({
-    message: '',
-    translate: false,
-    type: 'info',
-    translateParams: {}
-  });
-
-}
+import {Injectable} from "@angular/core";
+import {BehaviorSubject} from "rxjs";
+import {SnackMessage} from "../base-model/snack-message.model";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TopPanel {
+
+  public topPanelMessage$ = new BehaviorSubject<SnackMessage>({
+    message: '',
+    translate: false,
+    type: 'info',
+    translateParams: {}
+  });
+
+}