@seniorsistemas/exclusion-process-component 0.0.1-40efacd8-8a6c-4d38-8102-8c977c14410a

package/fesm2015/seniorsistemas-exclusion-process-component.js

@@ -0,0 +1,917 @@
+import { __decorate, __param } from 'tslib';
+import { CommonModule } from '@angular/common';
+import { InjectionToken, Inject, Injectable, Output, Component, ViewEncapsulation, NgModule, ChangeDetectorRef, ViewChild } from '@angular/core';
+import { PanelModule } from 'primeng/panel';
+import { TableModule } from 'primeng/table';
+import { EnumColumnFieldType, EnumBadgeColors, SidebarModule, ButtonModule, TableModule as TableModule$1, LoadingStateModule, LocaleModule, FieldType, FormField, LocaleService, ControlErrorsModule, InfoSignModule, EmptyStateModule, DynamicFormModule, TokenListModule } from '@seniorsistemas/angular-components';
+import * as moment from 'moment';
+import { Router, ActivatedRoute, RouterModule } from '@angular/router';
+import { throwError, Subject } from 'rxjs';
+import { catchError, map, takeUntil, finalize } from 'rxjs/operators';
+import { HttpParams, HttpClient } from '@angular/common/http';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import { MessageService } from 'primeng/api';
+import { Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { DialogModule } from 'primeng/dialog';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { InputTextModule } from 'primeng/inputtext';
+import { PermissionsService } from '@seniorsistemas/platform-components';
+
+var EnumExclusionProcessStatus;
+(function (EnumExclusionProcessStatus) {
+    EnumExclusionProcessStatus["PENDING"] = "PENDING";
+    EnumExclusionProcessStatus["PROCESSING"] = "PROCESSING";
+    EnumExclusionProcessStatus["ERROR"] = "ERROR";
+    EnumExclusionProcessStatus["SUCCESS"] = "SUCCESS";
+})(EnumExclusionProcessStatus || (EnumExclusionProcessStatus = {}));
+
+const ProjectConfigsInjectionToken = new InjectionToken("projectConfigs");
+
+let LogicalDeleteConfigService = class LogicalDeleteConfigService {
+    constructor(projectConfigs) {
+        this.projectConfigs = projectConfigs;
+    }
+    getDomain() {
+        return this.projectConfigs.domain;
+    }
+    getService() {
+        return this.projectConfigs.service;
+    }
+    getTranslationPrefix() {
+        if (this.projectConfigs.translationPrefix) {
+            return this.projectConfigs.translationPrefix;
+        }
+        return `${this.projectConfigs.domain}.${this.projectConfigs.service}`;
+    }
+};
+LogicalDeleteConfigService.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [ProjectConfigsInjectionToken,] }] }
+];
+LogicalDeleteConfigService = __decorate([
+    Injectable(),
+    __param(0, Inject(ProjectConfigsInjectionToken))
+], LogicalDeleteConfigService);
+
+let LogicalDeleteService = class LogicalDeleteService {
+    constructor(http, messageService, translate, projectConfigs) {
+        this.http = http;
+        this.messageService = messageService;
+        this.translate = translate;
+        this.projectConfigs = projectConfigs;
+        const entityUrl = `${projectConfigs.getDomain()}/${projectConfigs.getService()}`;
+        this.exclusionProcessUrl = `${entityUrl}/entities/exclusionProcess`;
+        this.listExclusionsUrl = `${entityUrl}/entities/exclusionProcess`;
+        this.defaultCatch = this.defaultCatch.bind(this);
+    }
+    defaultCatch() {
+        return catchError((err) => {
+            if (err) {
+                let summary = err.status ? String(err.status) : "Error";
+                let detail = (err.error && err.error.message) || err.statusText || err.message || "Error";
+                if (err.status === 401) {
+                    const prefix = this.projectConfigs.getTranslationPrefix();
+                    summary = this.translate.instant(`${prefix}.error_unauthorized_title`);
+                    detail = this.translate.instant(`${prefix}.error_unauthorized_description`);
+                }
+                this.messageService.add({
+                    severity: "error",
+                    summary,
+                    detail
+                });
+            }
+            return throwError(err);
+        });
+    }
+    getListQueryParams(listParams) {
+        const { page = 0, size = 10, sort = [], filterQuery = "", displayFields = [] } = listParams;
+        let params = new HttpParams();
+        params = params.append("size", String(size));
+        params = params.append("offset", String(page));
+        if (sort && sort.length) {
+            params = params.append("orderby", sort
+                .map(s => {
+                if (s.order === -1) {
+                    return `${s.field} desc`;
+                }
+                return `${s.field} asc`;
+            })
+                .join(", "));
+        }
+        if (filterQuery) {
+            params = params.append("filter", filterQuery);
+        }
+        if (displayFields && displayFields.length) {
+            params = params.append("displayfields", displayFields.join());
+        }
+        return params;
+    }
+    getProcessDetails(recordId) {
+        const filterParams = {
+            filter: `recordId eq '${recordId}'`
+        };
+        return this.http.get(this.exclusionProcessUrl, { params: filterParams })
+            .pipe(this.defaultCatch())
+            .pipe(map(value => {
+            var _a;
+            if (!((_a = value.contents) === null || _a === void 0 ? void 0 : _a.length)) {
+                return null;
+            }
+            return value.contents[0];
+        }));
+    }
+    listExclusions(entityName, params = {}) {
+        if (params.filterQuery) {
+            params.filterQuery += ` and lower(entityName) eq lower('${entityName}')`;
+        }
+        else {
+            params.filterQuery = `lower(entityName) eq lower('${entityName}')`;
+        }
+        return this.http.get(this.exclusionProcessUrl, { params: this.getListQueryParams(params) })
+            .pipe(this.defaultCatch())
+            .pipe(map(value => {
+            value.contents.forEach(p => {
+                if (p.startDate) {
+                    p.startDate = moment(p.startDate).toDate();
+                }
+                if (p.finishDate) {
+                    p.finishDate = moment(p.finishDate).toDate();
+                }
+            });
+            return value;
+        }));
+    }
+};
+LogicalDeleteService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: MessageService },
+    { type: TranslateService },
+    { type: LogicalDeleteConfigService }
+];
+LogicalDeleteService = __decorate([
+    Injectable()
+], LogicalDeleteService);
+
+let ExclusionDetailsComponent = class ExclusionDetailsComponent {
+    constructor(router, route, translate, logicalDeleteService, projectConfigs) {
+        this.router = router;
+        this.route = route;
+        this.translate = translate;
+        this.logicalDeleteService = logicalDeleteService;
+        this.projectConfigs = projectConfigs;
+        this._entityName = "";
+        this._isVisible = false;
+        this._isLoading = false;
+        this._processSummaryData = [];
+        this._processSummaryColumns = [];
+        this.ngUnsubscribe = new Subject();
+    }
+    get isVisible() {
+        return this._isVisible;
+    }
+    get isLoading() {
+        return this._isLoading;
+    }
+    get processSummaryData() {
+        return this._processSummaryData;
+    }
+    get processSummaryColumns() {
+        return this._processSummaryColumns;
+    }
+    ngOnInit() {
+        this.route.data
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((data) => {
+            this.locale = data.localeConfig;
+        });
+        this._processSummaryColumns = this.getSummaryColumns();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    showDetails(details) {
+        this.processDetails = null;
+        this._entityName = details.entityName;
+        this._isVisible = true;
+        this.entityDescription = details.entityDescription;
+        this.loadProcessDetails(details.recordId);
+    }
+    closeDetails() {
+        this._isVisible = false;
+    }
+    openExclusions() {
+        this.closeDetails();
+        this.router.navigate(["exclusions-list", this._entityName], {
+            queryParams: {
+                entityDescription: this.entityDescription
+            }
+        });
+    }
+    getRecordDescription() {
+        var _a;
+        if (!((_a = this.processDetails) === null || _a === void 0 ? void 0 : _a.description)) {
+            return "";
+        }
+        return this.processDetails.description;
+    }
+    getInicialDate() {
+        var _a;
+        if (!((_a = this.processDetails) === null || _a === void 0 ? void 0 : _a.startDate)) {
+            return "";
+        }
+        return moment(this.processDetails.startDate).format("DD/MM/YYYY HH:mm");
+    }
+    getFinishDate() {
+        var _a;
+        if (!((_a = this.processDetails) === null || _a === void 0 ? void 0 : _a.finishDate)) {
+            return "";
+        }
+        return moment(this.processDetails.finishDate).format("DD/MM/YYYY HH:mm");
+    }
+    isFinished() {
+        var _a;
+        return !!((_a = this.processDetails) === null || _a === void 0 ? void 0 : _a.finishDate);
+    }
+    getShowExclusionsButtonLabel() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_show_deletions`);
+    }
+    getCloseButtonLabel() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_close`);
+    }
+    getSummaryLabel() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_summary`);
+    }
+    getStartDateLabel() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_start`);
+    }
+    getFinishDateLabel() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_finish`);
+    }
+    getSidebarTitle() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_details_title`);
+    }
+    getSummaryColumns() {
+        return [
+            {
+                field: "description",
+                attributes: ["description"],
+                header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_description`),
+                type: EnumColumnFieldType.STRING,
+                style: {
+                    width: "300px"
+                }
+            },
+            {
+                field: "status",
+                attributes: ["status"],
+                header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_status`),
+                type: EnumColumnFieldType.ENUM,
+                enumPrefix: `${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_`,
+                style: {
+                    width: "100px"
+                },
+                tooltip: this.getColumnStatusTooltip,
+                badgeConfigs: [
+                    {
+                        enumValue: EnumExclusionProcessStatus.ERROR,
+                        color: EnumBadgeColors.RED
+                    },
+                    {
+                        enumValue: EnumExclusionProcessStatus.PENDING,
+                        color: EnumBadgeColors.YELLOW
+                    },
+                    {
+                        enumValue: EnumExclusionProcessStatus.PROCESSING,
+                        color: EnumBadgeColors.BLUE
+                    },
+                    {
+                        enumValue: EnumExclusionProcessStatus.SUCCESS,
+                        color: EnumBadgeColors.GREEN
+                    }
+                ]
+            }
+        ];
+    }
+    getColumnStatusTooltip(rowValue) {
+        if (rowValue.errorMessage) {
+            return rowValue.errorMessage;
+        }
+        return null;
+    }
+    loadProcessDetails(recordId) {
+        this._isLoading = true;
+        this.logicalDeleteService.getProcessDetails(recordId)
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(finalize(() => this._isLoading = false))
+            .subscribe((process) => {
+            this.processDetails = process;
+            this.loadProcessSummary(process);
+        });
+    }
+    loadProcessSummary(process) {
+        const stepLogs = [];
+        process.groups.forEach(group => {
+            const steps = group.steps.map(step => ({
+                description: step.description,
+                status: step.status,
+                errorMessage: step.errorMessage
+            }));
+            stepLogs.push(...steps);
+        });
+        this._processSummaryData = stepLogs;
+    }
+};
+ExclusionDetailsComponent.ctorParameters = () => [
+    { type: Router },
+    { type: ActivatedRoute },
+    { type: TranslateService },
+    { type: LogicalDeleteService },
+    { type: LogicalDeleteConfigService }
+];
+__decorate([
+    Output()
+], ExclusionDetailsComponent.prototype, "isVisible", null);
+__decorate([
+    Output()
+], ExclusionDetailsComponent.prototype, "isLoading", null);
+__decorate([
+    Output()
+], ExclusionDetailsComponent.prototype, "processSummaryData", null);
+__decorate([
+    Output()
+], ExclusionDetailsComponent.prototype, "processSummaryColumns", null);
+__decorate([
+    Output()
+], ExclusionDetailsComponent.prototype, "processDetails", void 0);
+__decorate([
+    Output()
+], ExclusionDetailsComponent.prototype, "entityDescription", void 0);
+ExclusionDetailsComponent = __decorate([
+    Component({
+        selector: "s-exclusion-details",
+        template: "<s-sidebar [visible]=\"isVisible\" (visibleChange)=\"closeDetails()\" [header]=\"getSidebarTitle()\">\n    <s-loading-state [loading]=\"isLoading\">\n        <p-panel [showHeader]=\"false\" styleClass=\"s-exclusion-details-record-details-panel\">\n            <div class=\"s-exclusion-details-record-details-container\">\n                <div class=\"s-exclusion-details-record-icon-background\">\n                    <i class=\"far fa-file-alt s-exclusion-details-record-icon\"></i>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-recordinfo\">\n                    <span class=\"s-exclusion-details-record-details-type\">\n                        {{entityDescription}}\n                    </span>\n                    <span>\n                        {{getRecordDescription()}}\n                    </span>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-dateinfo\">\n                    <span>\n                        {{getStartDateLabel()}}: {{getInicialDate()}}\n                    </span>\n                    <span *ngIf=\"isFinished()\">\n                        {{getFinishDateLabel()}}: {{getFinishDate()}}\n                    </span>\n                </div>\n            </div>\n        </p-panel>\n\n        <p-panel>\n            <p-header>\n                {{getSummaryLabel()}}\n            </p-header>\n            <p-table\n                [value]=\"processSummaryData\"\n                [columns]=\"processSummaryColumns\"\n                dataKey=\"id\"\n                [lazy]=\"false\"\n                [scrollable]=\"false\"\n                [paginator]=\"false\">\n\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\"\n                        />\n                    </colgroup>\n                </ng-template>\n\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th *ngFor=\"let col of columns\"\n                            [id]=\"col.field\"\n                            [ngStyle]=\"col.style\" \n                            [pSortableColumn]=\"col.field\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                <p-sortIcon [field]=\"col.field\" ></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                    <tr>\n                        <s-table-columns\n                            [columns]=\"columns\"\n                            [rowValue]=\"rowData\"\n                            [locale]=\"locale\">\n                        </s-table-columns>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </p-panel>\n    </s-loading-state>\n\n    <s-footer>\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <s-button [label]=\"getShowExclusionsButtonLabel()\" (onClick)=\"openExclusions()\"></s-button>\n                <s-button [label]=\"getCloseButtonLabel()\" priority=\"link\" (onClick)=\"closeDetails()\"></s-button>\n            </div>\n        </div>\n    </s-footer>\n</s-sidebar>\n",
+        encapsulation: ViewEncapsulation.None,
+        styles: [".s-exclusion-details-record-details-panel{margin-bottom:10px}.s-exclusion-details-record-details-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.s-exclusion-details-record-details-recordinfo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:10px;-ms-flex:1;flex:1}.s-exclusion-details-record-details-dateinfo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:10px;-ms-flex-align:end;align-items:flex-end;font-size:12px}.s-exclusion-details-record-details-type{color:#999}.s-exclusion-details-record-icon{font-size:22pt;color:#7e8d95}.s-exclusion-details-record-icon-background{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:16px;background-color:#c1cad1;border-radius:50%;height:60px;width:60px}"]
+    })
+], ExclusionDetailsComponent);
+
+let ExclusionDetailsModule = class ExclusionDetailsModule {
+};
+ExclusionDetailsModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            SidebarModule,
+            ButtonModule,
+            PanelModule,
+            TableModule,
+            TableModule$1,
+            LoadingStateModule,
+            LocaleModule
+        ],
+        declarations: [ExclusionDetailsComponent],
+        exports: [ExclusionDetailsComponent],
+        entryComponents: [ExclusionDetailsComponent]
+    })
+], ExclusionDetailsModule);
+
+let FilterService = class FilterService {
+    constructor(logicalDeleteConfigService, translate) {
+        this.logicalDeleteConfigService = logicalDeleteConfigService;
+        this.translate = translate;
+        this.numberTypes = [FieldType.Integer, FieldType.Double];
+    }
+    getEnumQuery(name, value, multiple = false) {
+        if (multiple) {
+            const filter = value.map((selected) => `${name} eq '${selected}'`).join(" or ");
+            return `(${filter})`;
+        }
+        return `${name} eq '${value}'`;
+    }
+    createFilterString(formField, value) {
+        const { name, type, multiple } = formField;
+        if (typeof value == "number") {
+            return `${name} eq ${value}`;
+        }
+        switch (type) {
+            case FieldType.Date:
+                return `${name} eq '${moment(value).format("YYYY-MM-DD")}'`;
+            case FieldType.Time:
+                return `${name} eq '${moment(value).format("HH:mm:ss")}'`;
+            case FieldType.DateTime:
+                return `${name} eq '${moment(value).format()}'`;
+            case FieldType.LocalDateTime:
+                return `${name} eq '${moment(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS")}'`;
+            case FieldType.Enum:
+                return this.getEnumQuery(name, value, multiple);
+            case FieldType.String:
+                return `containing(upper(${name}), upper('${value.replace(/'/g, "'")}'))`;
+            case FieldType.Lookup:
+                return `${name} eq '${value.id}'`;
+            default:
+                return `${name} eq '${value}'`;
+        }
+    }
+    createFilterTokens(formField, value) {
+        const { name, type, label, searchFields, options } = formField;
+        let labelValue = value;
+        switch (type) {
+            case FieldType.Date:
+                labelValue = moment(value).format("L");
+                break;
+            case FieldType.Time:
+                labelValue = moment(value).format("LTS");
+                break;
+            case FieldType.LocalDateTime:
+            case FieldType.DateTime:
+                labelValue = moment(value).format("L LTS");
+                break;
+            case FieldType.Lookup:
+                labelValue = searchFields.map((field) => this.getProp(value, field.name)).join(" - ");
+                break;
+            case FieldType.Enum:
+                if (Array.isArray(value)) {
+                    labelValue = value.map((element) => {
+                        return options.filter((en) => en.value === element)[0].label;
+                    });
+                }
+                else {
+                    labelValue = options.filter((option) => option.value === labelValue)[0].label;
+                }
+                break;
+            case FieldType.Boolean:
+                labelValue = value
+                    ? this.translate.instant(`${this.logicalDeleteConfigService.getTranslationPrefix()}.list_grid_boolean_true`)
+                    : this.translate.instant(`${this.logicalDeleteConfigService.getTranslationPrefix()}.list_grid_boolean_false`);
+                break;
+        }
+        return { id: name, label: `${label}: ${labelValue}` };
+    }
+    getSuggestionValue(displayFields, ownerEntity, value, separator) {
+        return displayFields.map(field => this.getProp(value, `${ownerEntity}.${field}`))
+            .reduce((acc, val) => `${acc}${separator}${val}`) + "";
+    }
+    getProp(obj, path) {
+        return path.split(".").reduce((result, prop) => (result[prop] === undefined ? "" : result[prop]), obj);
+    }
+    getLabelValueRequest(contents, displayFields) {
+        return contents.map((item) => (Object.assign(Object.assign({}, item), { label: displayFields.map(field => this.getProp(item, field)).join(" - ") })));
+    }
+    isValidFilter(type, value) {
+        const isTypeNumber = this.numberTypes.includes(type);
+        const numberPattern = /^\d+\b$/;
+        const isNumber = value.match(numberPattern);
+        return !(isTypeNumber && !isNumber);
+    }
+};
+FilterService.ctorParameters = () => [
+    { type: LogicalDeleteConfigService },
+    { type: TranslateService }
+];
+FilterService = __decorate([
+    Injectable()
+], FilterService);
+
+let ExclusionsListComponent = class ExclusionsListComponent {
+    constructor(route, translate, formBuilder, changeDetectorRef, logicalDeleteService, filterService, projectConfigs) {
+        this.route = route;
+        this.translate = translate;
+        this.formBuilder = formBuilder;
+        this.changeDetectorRef = changeDetectorRef;
+        this.logicalDeleteService = logicalDeleteService;
+        this.filterService = filterService;
+        this.projectConfigs = projectConfigs;
+        this.currentListParams = { page: 0, size: 10, sort: [], filterData: {} };
+        this.showLoader = false;
+        this.totalRecords = 0;
+        this.filtersPanelCollapsed = true;
+        this.searchTokens = [];
+        this.serverError = false;
+        this.ngUnsubscribe = new Subject();
+    }
+    ngOnInit() {
+        this.filterFormGroup = this.getFormBuilder();
+        this.filterFields = this.getFilterFields();
+        this.gridColumns = this.getGridColumns();
+        this.route.data
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((data) => {
+            this.locale = data.localeConfig;
+        });
+        this.route.params
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((params) => {
+            this.entityName = params.entityName;
+        });
+        this.route.queryParams
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((queryParams) => {
+            this.entityDescription = queryParams.entityDescription;
+        });
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    getFormBuilder() {
+        return this.formBuilder.group({
+            description: [undefined, Validators.compose([])],
+            state: [undefined, Validators.compose([])],
+            startDate: [{ value: undefined, disabled: false }, Validators.compose([])],
+            endDate: [{ value: undefined, disabled: false }, Validators.compose([])]
+        });
+    }
+    getGridColumns() {
+        return [
+            {
+                field: "description",
+                attributes: ['description'],
+                header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_description`),
+                type: EnumColumnFieldType.STRING,
+                style: {
+                    width: '300px'
+                }
+            },
+            {
+                field: "status",
+                attributes: ['status'],
+                header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_status`),
+                type: EnumColumnFieldType.ENUM,
+                enumPrefix: `${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_`,
+                style: {
+                    width: '100px'
+                },
+                badgeConfigs: [
+                    {
+                        enumValue: EnumExclusionProcessStatus.ERROR,
+                        color: EnumBadgeColors.RED
+                    },
+                    {
+                        enumValue: EnumExclusionProcessStatus.PENDING,
+                        color: EnumBadgeColors.YELLOW
+                    },
+                    {
+                        enumValue: EnumExclusionProcessStatus.PROCESSING,
+                        color: EnumBadgeColors.BLUE
+                    },
+                    {
+                        enumValue: EnumExclusionProcessStatus.SUCCESS,
+                        color: EnumBadgeColors.GREEN
+                    }
+                ]
+            },
+            {
+                field: "startDate",
+                attributes: ['startDate'],
+                header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_start`),
+                type: EnumColumnFieldType.DATE,
+                dateFormat: "DD/MM/YYYY HH:mm",
+                style: {
+                    width: '100px'
+                }
+            },
+            {
+                field: "finishDate",
+                attributes: ['finishDate'],
+                header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_finish`),
+                type: EnumColumnFieldType.DATE,
+                dateFormat: "DD/MM/YYYY HH:mm",
+                style: {
+                    width: '100px'
+                }
+            }
+        ];
+    }
+    getFilterFields() {
+        return [
+            new FormField({
+                type: FieldType.String,
+                name: "description",
+                label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_description`)
+            }),
+            new FormField({
+                type: FieldType.Enum,
+                name: "state",
+                label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_status`),
+                placeholder: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_status`),
+                multiple: true,
+                options: [
+                    {
+                        label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_error`),
+                        value: EnumExclusionProcessStatus.ERROR
+                    },
+                    {
+                        label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_pending`),
+                        value: EnumExclusionProcessStatus.PENDING
+                    },
+                    {
+                        label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_processing`),
+                        value: EnumExclusionProcessStatus.PROCESSING
+                    },
+                    {
+                        label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_success`),
+                        value: EnumExclusionProcessStatus.SUCCESS
+                    }
+                ]
+            }),
+            new FormField({
+                type: FieldType.Date,
+                name: "startDate",
+                label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_start`)
+            }),
+            new FormField({
+                type: FieldType.Date,
+                name: "endDate",
+                label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_finish`)
+            })
+        ];
+    }
+    getEmptyStateTitle() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_empty_state_title`);
+    }
+    getEmptyStateDescription() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_empty_state_description`);
+    }
+    getTitle() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_list_title`);
+    }
+    getDetailsButtonTitle() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_details`);
+    }
+    onSearch() {
+        const filterData = this.filterFormGroup.getRawValue();
+        this.filtersPanelCollapsed = true;
+        this.resetGrid({ filterData });
+    }
+    onClear() {
+        this.filterFormGroup.reset();
+        const filterData = this.filterFormGroup.getRawValue();
+        this.resetGrid({ filterData });
+    }
+    onRemoveToken(token) {
+        this.filterFormGroup.get(token.id).setValue(undefined);
+        const filterData = this.filterFormGroup.getRawValue();
+        this.resetGrid({ filterData });
+    }
+    onGridChange(event) {
+        const size = event.rows;
+        const page = event.first / size;
+        const sort = event.multiSortMeta ? event.multiSortMeta : [];
+        return this.updateGrid({ page, size, sort });
+    }
+    getFilterTokens() {
+        const filterData = this.filterFormGroup.value;
+        return this.filterFields
+            .filter(({ name }) => filterData[name] != undefined && filterData[name] !== "")
+            .map(formField => this.filterService.createFilterTokens(formField, filterData[formField.name]));
+    }
+    getFilterQuery() {
+        const { filterData } = this.currentListParams;
+        const dateFields = ['startDate', 'endDate'];
+        let filterQuery = this.filterFields
+            .filter(({ name }) => !dateFields.includes(name))
+            .filter(({ name }) => filterData[name] != undefined)
+            .map(formField => this.filterService.createFilterString(formField, filterData[formField.name]))
+            .join(" and ");
+        if (filterData.startDate && filterData.endDate) {
+            const startDate = moment(filterData.startDate).format('YYYY-MM-DD');
+            const endDate = moment(filterData.endDate).format('YYYY-MM-DD');
+            const dateQuery = `startDate between '${startDate}' and '${endDate}'`;
+            if (filterQuery) {
+                filterQuery += ` and ${dateQuery}`;
+            }
+            else {
+                filterQuery = dateQuery;
+            }
+        }
+        return filterQuery;
+    }
+    updateGrid(listParams = {}) {
+        this.currentListParams = Object.assign(Object.assign({}, this.currentListParams), listParams);
+        const { page, size, sort } = this.currentListParams;
+        this.searchTokens = this.getFilterTokens();
+        const filterQuery = this.getFilterQuery();
+        const displayFields = [
+            'recordId',
+            ...this.gridColumns.map(column => column.field)
+        ];
+        this.listExclusions({ page, size, sort, filterQuery, displayFields });
+    }
+    listExclusions(params) {
+        this.showLoader = true;
+        this.serverError = false;
+        this.changeDetectorRef.detectChanges();
+        this.logicalDeleteService
+            .listExclusions(this.entityName, params)
+            .pipe(takeUntil(this.ngUnsubscribe), catchError((err) => {
+            if (err.status >= 500 && err.status < 600) {
+                this.serverError = true;
+            }
+            throw err;
+        }), finalize(() => this.showLoader = false))
+            .subscribe((list) => {
+            this.gridData = list.contents;
+            this.totalRecords = list.totalElements;
+        });
+    }
+    focusInput(elementId) {
+        const element = document.getElementById(`${elementId}`);
+        if (element) {
+            element.focus();
+        }
+    }
+    resetGrid(listParams) {
+        if (listParams)
+            this.currentListParams = Object.assign(Object.assign({}, this.currentListParams), listParams);
+        this.currentListParams = Object.assign(Object.assign({}, this.currentListParams), { page: 0, sort: [] });
+        this.table.reset();
+    }
+    onClickDetails(rowData) {
+        this.exclusionDetailsComponent.showDetails({
+            recordId: rowData.recordId,
+            entityDescription: this.entityDescription,
+            entityName: this.entityName
+        });
+    }
+};
+ExclusionsListComponent.ctorParameters = () => [
+    { type: ActivatedRoute },
+    { type: TranslateService },
+    { type: FormBuilder },
+    { type: ChangeDetectorRef },
+    { type: LogicalDeleteService },
+    { type: FilterService },
+    { type: LogicalDeleteConfigService }
+];
+__decorate([
+    ViewChild("exclusionsTable")
+], ExclusionsListComponent.prototype, "table", void 0);
+__decorate([
+    ViewChild(ExclusionDetailsComponent)
+], ExclusionsListComponent.prototype, "exclusionDetailsComponent", void 0);
+ExclusionsListComponent = __decorate([
+    Component({
+        template: "<div>\n    <form [formGroup]=\"filterFormGroup\" autocomplete=\"off\">\n        <p-panel\n            *sLoadingState=\"showLoader\"\n            styleClass=\"form-group\"\n            [toggleable]=\"true\"\n            [(collapsed)]=\"filtersPanelCollapsed\"\n            (onAfterToggle)=\"focusInput('description')\"\n        >\n            <p-header>\n                {{ 'filters' | translate }}\n                <s-token-list\n                    [tokens]=\"searchTokens\"\n                    (tokenRemoved)=\"onRemoveToken($event)\"\n                    [removableTokens]=\"true\"\n                ></s-token-list>\n            </p-header>\n            <div>\n                <s-dynamic-form\n                    [fields]=\"filterFields\"\n                    [form]=\"filterFormGroup\"\n                    [errorMessages]=\"{ pattern: 'error_invalid' | translate }\"\n                ></s-dynamic-form>\n            </div>\n            <p-footer>\n                <div class=\"ui-g\">\n                    <div class=\"ui-g-12\">\n                        <button\n                            id=\"filter-button\"\n                            class=\"ui-button\"\n                            type=\"submit\"\n                            pButton\n                            [label]=\"'filter' | translate\"\n                            (click)=\"onSearch()\"\n                        ></button>\n                        <button\n                            id=\"clear-button\"\n                            class=\"ui-button ui-button-link\"\n                            type=\"button\"\n                            pButton\n                            [label]=\"'clear' | translate\"\n                            (click)=\"onClear()\"\n                        ></button>\n                    </div>\n                </div>\n            </p-footer>\n        </p-panel>\n    </form>\n    <p-panel *sLoadingState=\"showLoader\">\n        <p-header>\n            {{ getTitle() }}\n        </p-header>\n        <ng-container>\n            <s-empty-state\n                *ngIf=\"serverError && !showLoader\"\n                iconClass=\"fa fa-exclamation-triangle\"\n                title=\"{{ 'error_server_title' | translate }}\"\n                primaryActionLabel=\"{{ 'error_server_try_again' | translate }}\"\n                (primaryAction)=\"resetGrid()\"\n                description=\"{{ 'error_server_description' | translate }}\"\n            ></s-empty-state>\n\n            <s-empty-state\n                *ngIf=\"!showLoader && !serverError && totalRecords === 0\"\n                [title]=\"getEmptyStateTitle()\"\n                [showPrimaryAction]=\"false\"\n                [description]=\"getEmptyStateDescription()\"\n            ></s-empty-state>\n\n            <div class=\"ui-g\">\n                <div class=\"ui-g-12\">\n                    <p-table\n                        #exclusionsTable\n                        id=\"exclusionsTable\"\n                        [hidden]=\"totalRecords === 0 || serverError\"\n                        [value]=\"gridData\"\n                        [columns]=\"gridColumns\"\n                        dataKey=\"id\"\n                        [lazy]=\"true\"\n                        [scrollable]=\"true\"\n                        [resizableColumns]=\"true\"\n                        sortMode=\"multiple\"\n                        [paginator]=\"true\"\n                        [totalRecords]=\"totalRecords\"\n                        [rows]=\"10\"\n                        rows=\"10\"\n                        [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n                        (onLazyLoad)=\"onGridChange($event)\"\n                    >\n                        <ng-template pTemplate=\"colgroup\" let-columns>\n                            <colgroup>\n                                <col\n                                    *ngFor=\"let col of columns\"\n                                    [style.width]=\"col.width\"\n                                />\n                            </colgroup>\n                        </ng-template>\n\n                        <ng-template\n                            pTemplate=\"header\"\n                            let-columns\n                        >\n                            <tr>\n                                <th *ngFor=\"let col of columns\"\n                                    [id]=\"col.field\"\n                                    [pSortableColumn]=\"col.field\"\n                                    [ngStyle]=\"col.style\"\n                                    pResizableColumn\n                                >\n                                    <div class=\"senior-header\">\n                                        <span class=\"senior-header-title\">\n                                            {{ col.header }}\n                                        </span>\n                                        <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                                    </div>\n                                </th>\n                                <th id=\"action-column\" style=\"width: 100px\">\n                                    <div class=\"senior-header\">\n                                        <span class=\"senior-header-title\">{{'A\u00E7\u00F5es'}}</span>\n                                    </div>\n                                </th>\n                            </tr>\n                        </ng-template>\n\n                        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                            <tr [pSelectableRow]=\"rowData\">\n                                <s-table-columns\n                                    [columns]=\"columns\"\n                                    [rowValue]=\"rowData\"\n                                    [locale]=\"locale\">\n                                </s-table-columns>\n                                <td style=\"width: 100px\">\n                                    <s-button\n                                        id=\"details-button\"\n                                        priority=\"default\"\n                                        [label]=\"getDetailsButtonTitle()\"\n                                        [auxiliary]=\"true\"\n                                        (onClick)=\"onClickDetails(rowData)\">\n                                    </s-button>\n                                </td>\n                            </tr>\n                        </ng-template>\n\n                        <ng-template pTemplate=\"paginatorright\">\n                            <s-table-paging\n                                [table]=\"exclusionsTable\"\n                                [totalRecords]=\"totalRecords\"\n                            ></s-table-paging>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </div>\n        </ng-container>\n    </p-panel>\n</div>\n\n<s-exclusion-details></s-exclusion-details>",
+        providers: []
+    })
+], ExclusionsListComponent);
+
+let ExclusionsListFeatureRoutingGuard = class ExclusionsListFeatureRoutingGuard {
+    canActivate() {
+        return true;
+    }
+};
+ExclusionsListFeatureRoutingGuard = __decorate([
+    Injectable()
+], ExclusionsListFeatureRoutingGuard);
+let ExclusionsListFeatureRoutingListTitleResolver = class ExclusionsListFeatureRoutingListTitleResolver {
+    constructor(translate, projectConfigs) {
+        this.translate = translate;
+        this.projectConfigs = projectConfigs;
+    }
+    resolve() {
+        return this.translate.get(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_list_title`);
+    }
+};
+ExclusionsListFeatureRoutingListTitleResolver.ctorParameters = () => [
+    { type: TranslateService },
+    { type: LogicalDeleteConfigService }
+];
+ExclusionsListFeatureRoutingListTitleResolver = __decorate([
+    Injectable()
+], ExclusionsListFeatureRoutingListTitleResolver);
+let ExclusionsListFeatureRoutingPermissionResolver = class ExclusionsListFeatureRoutingPermissionResolver {
+    constructor(permissionsService) {
+        this.permissionsService = permissionsService;
+    }
+    resolve() {
+        return this.permissionsService.get();
+    }
+};
+ExclusionsListFeatureRoutingPermissionResolver.ctorParameters = () => [
+    { type: PermissionsService }
+];
+ExclusionsListFeatureRoutingPermissionResolver = __decorate([
+    Injectable()
+], ExclusionsListFeatureRoutingPermissionResolver);
+let ExclusionsListFeatureRoutingLocaleResolver = class ExclusionsListFeatureRoutingLocaleResolver {
+    constructor(localeService) {
+        this.localeService = localeService;
+    }
+    resolve() {
+        return this.localeService.get();
+    }
+};
+ExclusionsListFeatureRoutingLocaleResolver.ctorParameters = () => [
+    { type: LocaleService }
+];
+ExclusionsListFeatureRoutingLocaleResolver = __decorate([
+    Injectable()
+], ExclusionsListFeatureRoutingLocaleResolver);
+let EmptyComponent = class EmptyComponent {
+};
+EmptyComponent = __decorate([
+    Component({
+        template: `<router-outlet></router-outlet>`
+    })
+], EmptyComponent);
+const routes = [
+    {
+        path: "exclusions-list",
+        component: EmptyComponent,
+        canActivate: [
+            ExclusionsListFeatureRoutingGuard
+        ],
+        resolve: {
+            allPermissions: ExclusionsListFeatureRoutingPermissionResolver,
+            localeConfig: ExclusionsListFeatureRoutingLocaleResolver,
+            routeTitle: ExclusionsListFeatureRoutingListTitleResolver
+        },
+        children: [
+            {
+                path: ":entityName",
+                component: ExclusionsListComponent
+            }
+        ]
+    }
+];
+let ExclusionsListFeatureRouting = class ExclusionsListFeatureRouting {
+};
+ExclusionsListFeatureRouting = __decorate([
+    NgModule({
+        imports: [
+            RouterModule.forChild(routes)
+        ],
+        exports: [
+            RouterModule
+        ],
+        providers: [
+            ExclusionsListFeatureRoutingGuard,
+            ExclusionsListFeatureRoutingPermissionResolver,
+            ExclusionsListFeatureRoutingLocaleResolver,
+            ExclusionsListFeatureRoutingListTitleResolver
+        ],
+        declarations: [
+            EmptyComponent
+        ]
+    })
+], ExclusionsListFeatureRouting);
+
+let ExclusionsListModule = class ExclusionsListModule {
+};
+ExclusionsListModule = __decorate([
+    NgModule({
+        imports: [
+            FormsModule,
+            ReactiveFormsModule,
+            TranslateModule,
+            CommonModule,
+            ControlErrorsModule,
+            ButtonModule,
+            PanelModule,
+            InputTextModule,
+            InfoSignModule,
+            ConfirmDialogModule,
+            DialogModule,
+            TableModule,
+            TableModule$1,
+            LoadingStateModule,
+            EmptyStateModule,
+            DynamicFormModule,
+            TokenListModule,
+            LocaleModule.forChild(),
+            ExclusionDetailsModule,
+            ExclusionsListFeatureRouting
+        ],
+        declarations: [ExclusionsListComponent],
+        exports: [ExclusionsListComponent],
+        entryComponents: [ExclusionsListComponent]
+    })
+], ExclusionsListModule);
+
+var LogicalDeleteModule_1;
+let LogicalDeleteModule = LogicalDeleteModule_1 = class LogicalDeleteModule {
+    static forRoot(config) {
+        return {
+            ngModule: LogicalDeleteModule_1,
+            providers: [
+                {
+                    provide: ProjectConfigsInjectionToken,
+                    useValue: config
+                }
+            ]
+        };
+    }
+};
+LogicalDeleteModule = LogicalDeleteModule_1 = __decorate([
+    NgModule({
+        providers: [LogicalDeleteService, LogicalDeleteConfigService, FilterService]
+    })
+], LogicalDeleteModule);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EmptyComponent, ExclusionDetailsComponent, ExclusionDetailsModule, ExclusionsListComponent, ExclusionsListFeatureRouting, ExclusionsListFeatureRoutingGuard, ExclusionsListFeatureRoutingListTitleResolver, ExclusionsListFeatureRoutingLocaleResolver, ExclusionsListFeatureRoutingPermissionResolver, ExclusionsListModule, LogicalDeleteModule, routes, LogicalDeleteService as ɵa, LogicalDeleteConfigService as ɵb, ProjectConfigsInjectionToken as ɵc, ExclusionDetailsModule as ɵe, ExclusionDetailsComponent as ɵf, LogicalDeleteService as ɵg, FilterService as ɵh };
+//# sourceMappingURL=seniorsistemas-exclusion-process-component.js.map