@eqproject/eqp-dynamic-module 2.9.36 → 2.9.38

package/fesm2020/eqproject-eqp-dynamic-module.mjs

@@ -9422,6 +9422,9 @@ class FilterFormStatisticComponent {
         this.filterEqpTableResults = new Array();
         this.listViewConfigurations = new DynamicModuleListConfig();
         this.columns = new Array();
+        this.columnsOutdated = new Array();
+        this.outdatedFields = new Array();
+        this.outdatedTableLoaded = false;
         this.fieldGroups = {};
         this.FormScalarTypeEnum = FormScalarTypeEnum;
         this.FieldTypeEnum = FieldTypeEnum;
@@ -9475,7 +9478,17 @@ class FilterFormStatisticComponent {
             this.editResponseRecord();
         }
         if (this.Statistic != null && this.Statistic.Statistics != null && this.Statistic.Statistics.length > 0) {
+            // Il filtro viene caricato dall'esterno e potrebbero esserci dei campi non più attuali e quindi vanno separati
             this.filters = this.Statistic;
+            this.Statistic.Statistics.forEach((statisticField) => {
+                var foundFieldIndex = this.form.Fields.find(x => x.Name == statisticField.key);
+                if (foundFieldIndex == null) {
+                    // Il campo è presente nei filtri ma non nella definizione del form attuale. Il filtro è quindi outdated;
+                    this.outdatedFields.push(statisticField);
+                }
+            });
+            this.configureColumns();
+            this.outdatedTableLoaded = true;
         }
         // l'inizializzazione termina con il recupero del record o con l'inizializzazione del form vuoto
         this.cdr.detectChanges();
@@ -9503,6 +9516,25 @@ class FilterFormStatisticComponent {
                 this.filterEqpTableResults.push(object);
             });
         }
+        this.columnsOutdated = [];
+        this.columnsOutdated.push({
+            key: 'action', display: '',
+            type: TypeColumn.MenuAction, buttonMenuIcon: 'settings',
+            styles: { flex: '0 0 5%' },
+            actions: [
+                { name: "Rimuovi", icon: 'delete', fn: (element, col, elementIndex) => this.deleteOutdatedDMFilter(element) }
+            ]
+        });
+        this.columnsOutdated.push({ key: "key", display: "Nome campo", styles: { flex: "0 0 30%" } });
+        this.columnsOutdated.push({
+            key: "logicoperator",
+            display: "Operatore",
+            type: TypeColumn.Enum,
+            enumModel: LogicOperator,
+            styles: { flex: "0 0 10%" }
+        });
+        this.columnsOutdated.push({ key: "value", display: "Valore", styles: { flex: "0 0 30%" } });
+        console.log("columnsOutdated eseguito");
     }
     configureExport() {
         this.exportEqpTable.buttonText = "Scarica";
@@ -9541,6 +9573,13 @@ class FilterFormStatisticComponent {
     outputExternalFilters() {
         this.afterOutputExternalFilters.emit(this.filters);
     }
+    deleteOutdatedDMFilter(el) {
+        var indexToDelete = this.filters.Statistics.findIndex(x => x.key == el.key);
+        this.filters.Statistics.splice(indexToDelete, 1);
+        var outdatedIndexToDelete = this.outdatedFields.findIndex(x => x.key == el.key);
+        this.outdatedFields.splice(outdatedIndexToDelete, 1);
+        this.tableOutdated.reloadDatatable();
+    }
     reset() {
         // Resetto i campi del record
         Object.keys(this.record).forEach(key => {
@@ -9831,10 +9870,10 @@ class FilterFormStatisticComponent {
     }
 }
 FilterFormStatisticComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterFormStatisticComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: UtilityHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FilterFormStatisticComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterFormStatisticComponent, selector: "filter-form-statistic", inputs: { configurations: "configurations", endPointConfiguration: "endPointConfiguration", userID: "userID", externalButtons: "externalButtons", actionButtons: "actionButtons", formID: "formID", form: "form", record: "record", onlyView: "onlyView", defaultListActions: "defaultListActions", filterResultViewMode: "filterResultViewMode", Statistic: "Statistic" }, outputs: { fireTrigger: "fireTrigger", saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent", afterFilter: "afterFilter", afterOutputExternalFilters: "afterOutputExternalFilters" }, viewQueries: [{ propertyName: "fieldTemplate", predicate: ["fieldTemplate"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"loader\">\r\n\r\n    <div class=\"row eqp-dynamic-module-title add-form-record-header\" *ngIf=\"showTitle\">\r\n        <div class=\"col-md-12\">\r\n            <h4><b>{{form.Name}}</b></h4>\r\n        </div>\r\n    </div>\r\n\r\n    <form [formGroup]=\"formForm\" class=\"add-form-record-form\">\r\n\r\n        <!-- VISUALIZZAZIONE SEMPLICE -->\r\n        <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice && !showListView\" [ngTemplateOutlet]=\"fieldTemplates\"\r\n            [ngTemplateOutletContext]=\"{ fields: form.Fields }\" class=\"add-form-record-semplice\">\r\n        </ng-container>\r\n\r\n    </form>\r\n\r\n    <div class=\"row mt-2 m-2 add-form-record-buttons\"\r\n        *ngIf=\"(showBackButton || showSaveButton) && form.FormScalarType != FormScalarTypeEnum['A step']\">\r\n        <div class=\"col-sm-12 m-2 text-right\">\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"showListView && showNewSearchButton\" (click)=\"reset()\">\r\n                Nuova ricerca\r\n            </button>\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"!showListView && filterResultViewMode != filterResultViewModes.FILTERS_ONLY\"\r\n                (click)=\"ApplyFilter()\">\r\n               Esegui Filtro\r\n            </button>\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"filterResultViewMode == filterResultViewModes.FILTERS_ONLY\"\r\n                (click)=\"outputExternalFilters()\">\r\n               Prosegui\r\n            </button>            \r\n        </div>\r\n    </div>\r\n\r\n    <list-view-form-record\r\n    *ngIf=\"showListView && filterResultViewMode == filterResultViewModes.INTERNAL_LISTVIEW && filterResults != null\"\r\n    class=\"dynamic-module-list-view\"\r\n    [configurations]=\"listViewConfigurations\"\r\n    [compileConfigurations]=\"configurations\"\r\n    [endPointConfiguration]=\"endPointConfiguration\"\r\n    [formID]=\"formID\"\r\n    [onlyView]=\"true\"\r\n    [records]=\"filterResults\"\r\n    [externalButtons]=\"externalButtons\"\r\n    >\r\n    </list-view-form-record>\r\n\r\n    <div *ngIf=\"showListView && filterResultViewMode == filterResultViewModes.INTERNAL_EQPTABLE && filterEqpTableResults != null\" class=\"dynamic-module-eqp-table\">\r\n        <eqp-table \r\n\r\n            style=\"cursor: pointer\"\r\n            #table\r\n            emptyTableMessage=\"\"\r\n            [data]=\"filterEqpTableResults\"\r\n            [columns]=\"columns\"\r\n            [exportEqpTable]=\"exportEqpTable\"\r\n\r\n            [chooseColumnsToShow]=\"true\"\r\n            [switchFilterType]=\"true\"\r\n\r\n            [createMatCard]=\"false\"\r\n            [disablePageStorageSave]=\"true\"\r\n            [isMultiLanguage]=\"true\"\r\n            \r\n            [matPaginatorCount]=\"filterEqpTableResults != null && filterEqpTableResults.length > 0 ? filterEqpTableResults.length : 0\"\r\n            [matPaginatorIndex]=\"pageIndex\"\r\n            [matPaginatorSize]=\"pageSize\"\r\n            [matPaginatorLength]=\"pageLength\"\r\n        >\r\n        </eqp-table>   \r\n    </div> \r\n\r\n</ng-container>\r\n\r\n\r\n\r\n<!-- TEMPLATE PER LA VISUALIZZAZIONE DEI CAMPI DELLA FORM -->\r\n<ng-template #fieldTemplates let-fields='fields'>\r\n    <div class=\"row\" *ngIf=\"!showListView\">\r\n        <div class=\"mt-2\" *ngFor=\"let field of fields\" [hidden]=\"!field.InListView\"\r\n            [ngClass]=\"utilityService.getFieldSyleClass(field)\">\r\n            <dynamic-module-filter-fix #fieldTemplate [field]=\"field\" [form]=\"form\" [record]=\"record\" [Statistic]=\"getStatisticFromFieldName(Statistic?.Statistics,field.Name)\"\r\n                (filterChange)=\"onFilterChange($event)\">\r\n            </dynamic-module-filter-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".dynamic-module-eqp-table{padding:20px}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i6$1.EqpTableComponent, selector: "eqp-table" }, { kind: "component", type: ListViewFormRecordComponent, selector: "list-view-form-record", inputs: ["configurations", "compileConfigurations", "endPointConfiguration", "userID", "formID", "orgaID", "form", "defaultListViewFunction", "externalButtons", "actionButtons", "onlyView", "records", "highlightFilter", "QueryEditorComponent", "formulaObject"], outputs: ["onAddViewEditRecord", "onDeleteRecord", "saveRecordEvent", "afterSaveRecordEvent", "dragStarted", "dragReleased", "out", "fireTrigger", "clickDragIndicator"] }, { kind: "component", type: DynamicModuleFilterFixComponent, selector: "dynamic-module-filter-fix", inputs: ["field", "form", "record", "Statistic"], outputs: ["filterChange"] }] });
+FilterFormStatisticComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterFormStatisticComponent, selector: "filter-form-statistic", inputs: { configurations: "configurations", endPointConfiguration: "endPointConfiguration", userID: "userID", externalButtons: "externalButtons", actionButtons: "actionButtons", formID: "formID", form: "form", record: "record", onlyView: "onlyView", defaultListActions: "defaultListActions", filterResultViewMode: "filterResultViewMode", Statistic: "Statistic" }, outputs: { fireTrigger: "fireTrigger", saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent", afterFilter: "afterFilter", afterOutputExternalFilters: "afterOutputExternalFilters" }, viewQueries: [{ propertyName: "tableOutdated", first: true, predicate: ["tableOutdated"], descendants: true }, { propertyName: "fieldTemplate", predicate: ["fieldTemplate"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"loader\">\r\n\r\n    <div class=\"row eqp-dynamic-module-title add-form-record-header\" *ngIf=\"showTitle\">\r\n        <div class=\"col-md-12\">\r\n            <h4><b>{{form.Name}}</b></h4>\r\n        </div>\r\n    </div>\r\n\r\n    <form [formGroup]=\"formForm\" class=\"add-form-record-form\">\r\n\r\n        <!-- VISUALIZZAZIONE SEMPLICE -->\r\n        <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice && !showListView\" [ngTemplateOutlet]=\"fieldTemplates\"\r\n            [ngTemplateOutletContext]=\"{ fields: form.Fields }\" class=\"add-form-record-semplice\">\r\n        </ng-container>\r\n\r\n    </form>\r\n\r\n    <div class=\"row mt-2 m-2 add-form-record-buttons\"\r\n        *ngIf=\"(showBackButton || showSaveButton) && form.FormScalarType != FormScalarTypeEnum['A step']\">\r\n        <div class=\"col-sm-12 m-2 text-right\">\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"showListView && showNewSearchButton\" (click)=\"reset()\">\r\n                Nuova ricerca\r\n            </button>\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"!showListView && filterResultViewMode != filterResultViewModes.FILTERS_ONLY\"\r\n                (click)=\"ApplyFilter()\">\r\n               Esegui Filtro\r\n            </button>\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"filterResultViewMode == filterResultViewModes.FILTERS_ONLY\"\r\n                (click)=\"outputExternalFilters()\">\r\n               Prosegui\r\n            </button>            \r\n        </div>\r\n    </div>\r\n\r\n    <list-view-form-record\r\n    *ngIf=\"showListView && filterResultViewMode == filterResultViewModes.INTERNAL_LISTVIEW && filterResults != null\"\r\n    class=\"dynamic-module-list-view\"\r\n    [configurations]=\"listViewConfigurations\"\r\n    [compileConfigurations]=\"configurations\"\r\n    [endPointConfiguration]=\"endPointConfiguration\"\r\n    [formID]=\"formID\"\r\n    [onlyView]=\"true\"\r\n    [records]=\"filterResults\"\r\n    [externalButtons]=\"externalButtons\"\r\n    >\r\n    </list-view-form-record>\r\n\r\n    <div *ngIf=\"showListView && filterResultViewMode == filterResultViewModes.INTERNAL_EQPTABLE && filterEqpTableResults != null\" class=\"dynamic-module-eqp-table\">\r\n        <eqp-table \r\n\r\n            style=\"cursor: pointer\"\r\n            #table\r\n            emptyTableMessage=\"\"\r\n            [data]=\"filterEqpTableResults\"\r\n            [columns]=\"columns\"\r\n            [exportEqpTable]=\"exportEqpTable\"\r\n\r\n            [chooseColumnsToShow]=\"true\"\r\n            [switchFilterType]=\"true\"\r\n\r\n            [createMatCard]=\"false\"\r\n            [disablePageStorageSave]=\"true\"\r\n            [isMultiLanguage]=\"true\"\r\n            \r\n            [matPaginatorCount]=\"filterEqpTableResults != null && filterEqpTableResults.length > 0 ? filterEqpTableResults.length : 0\"\r\n            [matPaginatorIndex]=\"pageIndex\"\r\n            [matPaginatorSize]=\"pageSize\"\r\n            [matPaginatorLength]=\"pageLength\"\r\n        >\r\n        </eqp-table>   \r\n    </div> \r\n\r\n</ng-container>\r\n\r\n\r\n\r\n<!-- TEMPLATE PER LA VISUALIZZAZIONE DEI CAMPI DELLA FORM -->\r\n<ng-template #fieldTemplates let-fields='fields' let-outdatedfields='outdatedFields'>\r\n    <div class=\"row\" *ngIf=\"!showListView\">\r\n        <div class=\"mt-2\" *ngFor=\"let field of fields\" [hidden]=\"!field.InListView\"\r\n            [ngClass]=\"utilityService.getFieldSyleClass(field)\">\r\n            <dynamic-module-filter-fix #fieldTemplate [field]=\"field\" [form]=\"form\" [record]=\"record\" [Statistic]=\"getStatisticFromFieldName(Statistic?.Statistics,field.Name)\"\r\n                (filterChange)=\"onFilterChange($event)\">\r\n            </dynamic-module-filter-fix>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"row\" *ngIf=\"outdatedTableLoaded && outdatedFields != null && outdatedFields.length > 0\">\r\n\r\n        <div class=\"outdatedTableContainer\">\r\n\r\n            <h2>Filtri Obsoleti</h2>\r\n            <p>Sono filtri che sono stati configurati in una versione precedente di questo modulo e poi salvati</p>\r\n\r\n            <eqp-table \r\n                class=\"outdatedTable\"\r\n                style=\"cursor: pointer\"\r\n                #tableOutdated\r\n                emptyTableMessage=\"\"\r\n                [data]=\"outdatedFields\"\r\n                [columns]=\"columnsOutdated\"\r\n\r\n                [createMatCard]=\"false\"\r\n                \r\n                [matPaginatorCount]=\"outdatedFields != null && outdatedFields.length > 0 ? outdatedFields.length : 0\"\r\n                [matPaginatorIndex]=\"0\"\r\n                [matPaginatorSize]=\"5\"\r\n                [matPaginatorLength]=\"[5]\"\r\n            >\r\n            </eqp-table> \r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".dynamic-module-eqp-table{padding:20px}.outdatedTableContainer{width:100%;display:flex;justify-content:center;align-items:center;flex-flow:column;margin-top:35px}.outdatedTableContainer .outdatedTable{width:80%}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i6$1.EqpTableComponent, selector: "eqp-table" }, { kind: "component", type: ListViewFormRecordComponent, selector: "list-view-form-record", inputs: ["configurations", "compileConfigurations", "endPointConfiguration", "userID", "formID", "orgaID", "form", "defaultListViewFunction", "externalButtons", "actionButtons", "onlyView", "records", "highlightFilter", "QueryEditorComponent", "formulaObject"], outputs: ["onAddViewEditRecord", "onDeleteRecord", "saveRecordEvent", "afterSaveRecordEvent", "dragStarted", "dragReleased", "out", "fireTrigger", "clickDragIndicator"] }, { kind: "component", type: DynamicModuleFilterFixComponent, selector: "dynamic-module-filter-fix", inputs: ["field", "form", "record", "Statistic"], outputs: ["filterChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterFormStatisticComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'filter-form-statistic', template: "<ng-container *ngIf=\"loader\">\r\n\r\n    <div class=\"row eqp-dynamic-module-title add-form-record-header\" *ngIf=\"showTitle\">\r\n        <div class=\"col-md-12\">\r\n            <h4><b>{{form.Name}}</b></h4>\r\n        </div>\r\n    </div>\r\n\r\n    <form [formGroup]=\"formForm\" class=\"add-form-record-form\">\r\n\r\n        <!-- VISUALIZZAZIONE SEMPLICE -->\r\n        <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice && !showListView\" [ngTemplateOutlet]=\"fieldTemplates\"\r\n            [ngTemplateOutletContext]=\"{ fields: form.Fields }\" class=\"add-form-record-semplice\">\r\n        </ng-container>\r\n\r\n    </form>\r\n\r\n    <div class=\"row mt-2 m-2 add-form-record-buttons\"\r\n        *ngIf=\"(showBackButton || showSaveButton) && form.FormScalarType != FormScalarTypeEnum['A step']\">\r\n        <div class=\"col-sm-12 m-2 text-right\">\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"showListView && showNewSearchButton\" (click)=\"reset()\">\r\n                Nuova ricerca\r\n            </button>\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"!showListView && filterResultViewMode != filterResultViewModes.FILTERS_ONLY\"\r\n                (click)=\"ApplyFilter()\">\r\n               Esegui Filtro\r\n            </button>\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"filterResultViewMode == filterResultViewModes.FILTERS_ONLY\"\r\n                (click)=\"outputExternalFilters()\">\r\n               Prosegui\r\n            </button>            \r\n        </div>\r\n    </div>\r\n\r\n    <list-view-form-record\r\n    *ngIf=\"showListView && filterResultViewMode == filterResultViewModes.INTERNAL_LISTVIEW && filterResults != null\"\r\n    class=\"dynamic-module-list-view\"\r\n    [configurations]=\"listViewConfigurations\"\r\n    [compileConfigurations]=\"configurations\"\r\n    [endPointConfiguration]=\"endPointConfiguration\"\r\n    [formID]=\"formID\"\r\n    [onlyView]=\"true\"\r\n    [records]=\"filterResults\"\r\n    [externalButtons]=\"externalButtons\"\r\n    >\r\n    </list-view-form-record>\r\n\r\n    <div *ngIf=\"showListView && filterResultViewMode == filterResultViewModes.INTERNAL_EQPTABLE && filterEqpTableResults != null\" class=\"dynamic-module-eqp-table\">\r\n        <eqp-table \r\n\r\n            style=\"cursor: pointer\"\r\n            #table\r\n            emptyTableMessage=\"\"\r\n            [data]=\"filterEqpTableResults\"\r\n            [columns]=\"columns\"\r\n            [exportEqpTable]=\"exportEqpTable\"\r\n\r\n            [chooseColumnsToShow]=\"true\"\r\n            [switchFilterType]=\"true\"\r\n\r\n            [createMatCard]=\"false\"\r\n            [disablePageStorageSave]=\"true\"\r\n            [isMultiLanguage]=\"true\"\r\n            \r\n            [matPaginatorCount]=\"filterEqpTableResults != null && filterEqpTableResults.length > 0 ? filterEqpTableResults.length : 0\"\r\n            [matPaginatorIndex]=\"pageIndex\"\r\n            [matPaginatorSize]=\"pageSize\"\r\n            [matPaginatorLength]=\"pageLength\"\r\n        >\r\n        </eqp-table>   \r\n    </div> \r\n\r\n</ng-container>\r\n\r\n\r\n\r\n<!-- TEMPLATE PER LA VISUALIZZAZIONE DEI CAMPI DELLA FORM -->\r\n<ng-template #fieldTemplates let-fields='fields'>\r\n    <div class=\"row\" *ngIf=\"!showListView\">\r\n        <div class=\"mt-2\" *ngFor=\"let field of fields\" [hidden]=\"!field.InListView\"\r\n            [ngClass]=\"utilityService.getFieldSyleClass(field)\">\r\n            <dynamic-module-filter-fix #fieldTemplate [field]=\"field\" [form]=\"form\" [record]=\"record\" [Statistic]=\"getStatisticFromFieldName(Statistic?.Statistics,field.Name)\"\r\n                (filterChange)=\"onFilterChange($event)\">\r\n            </dynamic-module-filter-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".dynamic-module-eqp-table{padding:20px}\n"] }]
+            args: [{ selector: 'filter-form-statistic', template: "<ng-container *ngIf=\"loader\">\r\n\r\n    <div class=\"row eqp-dynamic-module-title add-form-record-header\" *ngIf=\"showTitle\">\r\n        <div class=\"col-md-12\">\r\n            <h4><b>{{form.Name}}</b></h4>\r\n        </div>\r\n    </div>\r\n\r\n    <form [formGroup]=\"formForm\" class=\"add-form-record-form\">\r\n\r\n        <!-- VISUALIZZAZIONE SEMPLICE -->\r\n        <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice && !showListView\" [ngTemplateOutlet]=\"fieldTemplates\"\r\n            [ngTemplateOutletContext]=\"{ fields: form.Fields }\" class=\"add-form-record-semplice\">\r\n        </ng-container>\r\n\r\n    </form>\r\n\r\n    <div class=\"row mt-2 m-2 add-form-record-buttons\"\r\n        *ngIf=\"(showBackButton || showSaveButton) && form.FormScalarType != FormScalarTypeEnum['A step']\">\r\n        <div class=\"col-sm-12 m-2 text-right\">\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"showListView && showNewSearchButton\" (click)=\"reset()\">\r\n                Nuova ricerca\r\n            </button>\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"!showListView && filterResultViewMode != filterResultViewModes.FILTERS_ONLY\"\r\n                (click)=\"ApplyFilter()\">\r\n               Esegui Filtro\r\n            </button>\r\n            <button mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"filterResultViewMode == filterResultViewModes.FILTERS_ONLY\"\r\n                (click)=\"outputExternalFilters()\">\r\n               Prosegui\r\n            </button>            \r\n        </div>\r\n    </div>\r\n\r\n    <list-view-form-record\r\n    *ngIf=\"showListView && filterResultViewMode == filterResultViewModes.INTERNAL_LISTVIEW && filterResults != null\"\r\n    class=\"dynamic-module-list-view\"\r\n    [configurations]=\"listViewConfigurations\"\r\n    [compileConfigurations]=\"configurations\"\r\n    [endPointConfiguration]=\"endPointConfiguration\"\r\n    [formID]=\"formID\"\r\n    [onlyView]=\"true\"\r\n    [records]=\"filterResults\"\r\n    [externalButtons]=\"externalButtons\"\r\n    >\r\n    </list-view-form-record>\r\n\r\n    <div *ngIf=\"showListView && filterResultViewMode == filterResultViewModes.INTERNAL_EQPTABLE && filterEqpTableResults != null\" class=\"dynamic-module-eqp-table\">\r\n        <eqp-table \r\n\r\n            style=\"cursor: pointer\"\r\n            #table\r\n            emptyTableMessage=\"\"\r\n            [data]=\"filterEqpTableResults\"\r\n            [columns]=\"columns\"\r\n            [exportEqpTable]=\"exportEqpTable\"\r\n\r\n            [chooseColumnsToShow]=\"true\"\r\n            [switchFilterType]=\"true\"\r\n\r\n            [createMatCard]=\"false\"\r\n            [disablePageStorageSave]=\"true\"\r\n            [isMultiLanguage]=\"true\"\r\n            \r\n            [matPaginatorCount]=\"filterEqpTableResults != null && filterEqpTableResults.length > 0 ? filterEqpTableResults.length : 0\"\r\n            [matPaginatorIndex]=\"pageIndex\"\r\n            [matPaginatorSize]=\"pageSize\"\r\n            [matPaginatorLength]=\"pageLength\"\r\n        >\r\n        </eqp-table>   \r\n    </div> \r\n\r\n</ng-container>\r\n\r\n\r\n\r\n<!-- TEMPLATE PER LA VISUALIZZAZIONE DEI CAMPI DELLA FORM -->\r\n<ng-template #fieldTemplates let-fields='fields' let-outdatedfields='outdatedFields'>\r\n    <div class=\"row\" *ngIf=\"!showListView\">\r\n        <div class=\"mt-2\" *ngFor=\"let field of fields\" [hidden]=\"!field.InListView\"\r\n            [ngClass]=\"utilityService.getFieldSyleClass(field)\">\r\n            <dynamic-module-filter-fix #fieldTemplate [field]=\"field\" [form]=\"form\" [record]=\"record\" [Statistic]=\"getStatisticFromFieldName(Statistic?.Statistics,field.Name)\"\r\n                (filterChange)=\"onFilterChange($event)\">\r\n            </dynamic-module-filter-fix>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"row\" *ngIf=\"outdatedTableLoaded && outdatedFields != null && outdatedFields.length > 0\">\r\n\r\n        <div class=\"outdatedTableContainer\">\r\n\r\n            <h2>Filtri Obsoleti</h2>\r\n            <p>Sono filtri che sono stati configurati in una versione precedente di questo modulo e poi salvati</p>\r\n\r\n            <eqp-table \r\n                class=\"outdatedTable\"\r\n                style=\"cursor: pointer\"\r\n                #tableOutdated\r\n                emptyTableMessage=\"\"\r\n                [data]=\"outdatedFields\"\r\n                [columns]=\"columnsOutdated\"\r\n\r\n                [createMatCard]=\"false\"\r\n                \r\n                [matPaginatorCount]=\"outdatedFields != null && outdatedFields.length > 0 ? outdatedFields.length : 0\"\r\n                [matPaginatorIndex]=\"0\"\r\n                [matPaginatorSize]=\"5\"\r\n                [matPaginatorLength]=\"[5]\"\r\n            >\r\n            </eqp-table> \r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".dynamic-module-eqp-table{padding:20px}.outdatedTableContainer{width:100%;display:flex;justify-content:center;align-items:center;flex-flow:column;margin-top:35px}.outdatedTableContainer .outdatedTable{width:80%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: UtilityHelperService }]; }, propDecorators: { configurations: [{
                 type: Input
             }], endPointConfiguration: [{
@@ -9861,6 +9900,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], fireTrigger: [{
                 type: Output
+            }], tableOutdated: [{
+                type: ViewChild,
+                args: ["tableOutdated", { static: false }]
             }], saveRecordEvent: [{
                 type: Output
             }], afterSaveRecordEvent: [{