@seniorsistemas/exclusion-process-component 0.0.1-40efacd8-8a6c-4d38-8102-8c977c14410a → 0.0.1-c049d10c-e93a-4d63-9c2a-b17bca40c324

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

@@ -1,21 +1,16 @@
 import { __decorate, __param } from 'tslib';
 import { CommonModule } from '@angular/common';
-import { InjectionToken, Inject, Injectable, Output, Component, ViewEncapsulation, NgModule, ChangeDetectorRef, ViewChild } from '@angular/core';
+import { InjectionToken, Inject, Injectable, Output, Component, ViewEncapsulation, NgModule } 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 { EnumColumnFieldType, EnumBadgeColors, SidebarModule, ButtonModule, TableModule as TableModule$1, LoadingStateModule, LocaleModule, FieldType } from '@seniorsistemas/angular-components';
 import * as moment from 'moment';
-import { Router, ActivatedRoute, RouterModule } from '@angular/router';
+import { Router, ActivatedRoute } 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 { TranslateService } 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) {
@@ -472,423 +467,6 @@ 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) {
@@ -913,5 +491,5 @@ LogicalDeleteModule = LogicalDeleteModule_1 = __decorate([
  * 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 };
+export { ExclusionDetailsComponent, ExclusionDetailsModule, LogicalDeleteModule, LogicalDeleteService as ɵa, LogicalDeleteConfigService as ɵb, ProjectConfigsInjectionToken as ɵc, FilterService as ɵe };
 //# sourceMappingURL=seniorsistemas-exclusion-process-component.js.map