@eqproject/eqp-dynamic-module 2.3.36 → 2.3.38

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

@@ -2777,6 +2777,20 @@ class AddFormRecordComponent {
             dynRec.userID = this.userID;
             dynRec.Values = event ?? null;
             dynRec.HTMLreadableValues = this.createHTMLreadableValues(event);
+            if (event.FK_InsertUser == null) {
+                // Nuovo Record
+                dynRec.FK_InsertUser = this.userID;
+                dynRec.InsertDate = new Date();
+                dynRec.FK_UpdateUser = this.userID;
+                dynRec.UpdateDate = new Date();
+            }
+            else {
+                // Modifica del Record
+                dynRec.FK_InsertUser = event.FK_InsertUser;
+                dynRec.InsertDate = event.InsertDate;
+                dynRec.FK_UpdateUser = this.userID;
+                dynRec.UpdateDate = new Date();
+            }
             var additionalParams = this.additionalParams == null ? event.AdditionalParams : this.additionalParams;
             dynRec.AdditionalParams = JSON.stringify(additionalParams);
             var dynamicModuleParams = [
@@ -2826,6 +2840,10 @@ class AddFormRecordComponent {
             this.record.userID = res.userID;
             this.record.Version = res.Version;
             this.record.Values = JSON.parse(res.SerializedValues);
+            this.record.FK_InsertUser = res.FK_InsertUser;
+            this.record.FK_UpdateUser = res.FK_UpdateUser;
+            this.record.InsertDate = res.InsertDate;
+            this.record.UpdateDate = res.UpdateDate;
             // this.viewMode = DynamicModuleViewModeEnum.COMPILE;
             // this.loader = true;
             this.getFormByIDandVersion();
@@ -3105,7 +3123,7 @@ class AddFormRecordComponent {
                 baseField.AnswerStyle.InListView = (visibility == true) ? true : false;
             }
             if (baseField.AnswerStyle.InListView) {
-                template += '<div class="' + this.utilityService.getFieldAnswerStyleClass(baseField) + '"> ' +
+                template += '<div class="' + this.utilityService.getFieldAnswerStyleClass(baseField) + ' d-flex flex-column"> ' +
                     ' <span class="dynaform-question" style="' + baseField.AnswerStyle.LabelstyleCSS + '">' + baseField.Description + ':</span>' +
                     ' <span class="dynaform-response" style="' + baseField.AnswerStyle.FieldstyleCSS + '"> ##' + baseField.Name + '##</span>' +
                     '</div> \n ';
@@ -3338,56 +3356,112 @@ class Coords {
 }
 
 class GraphComponent {
-    constructor() {
+    constructor(datePipe) {
+        this.datePipe = datePipe;
         this.data = new Array();
         this.title = "";
-        this.stockChartOptions = {
-            width: 1000,
-            height: 500,
-            title: {
-                text: ""
-            },
-            theme: "light2",
-            charts: [{
-                    data: [{
-                            xValueType: "dateTime",
-                            type: "line",
-                            dataPoints: []
-                        }]
-                }],
-            navigator: {
-                slider: {
-                    minimum: new Date("2018-07-01"),
-                    maximum: new Date("2019-06-30")
-                }
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false
-            }
-        };
         this.loaded = false;
+        this.counter = 0;
     }
     ngOnInit() {
+        var self = this;
         // Aggiustamento e scrittura dati
         if (this.data.length > 0) {
             var lastvalue = this.data[0];
             var firstvalue = this.data[this.data.length - 1];
-            this.stockChartOptions.navigator.slider.minimum = new Date(firstvalue.x);
-            this.stockChartOptions.navigator.slider.maximum = new Date(lastvalue.x);
-            this.stockChartOptions.title.text = this.title;
-            this.stockChartOptions.charts[0].data[0].dataPoints = this.data;
-            console.log(this.title, this.stockChartOptions);
+            var stockChartMinimum = new Date(firstvalue.x);
+            var stockChartMaximum = new Date(lastvalue.x);
+            var stockChartTitleText = this.title;
+            var stockChartdataPoints = this.data;
+            this.stockChartOptions = {
+                width: 1000,
+                height: 500,
+                title: {
+                    text: stockChartTitleText
+                },
+                theme: "light2",
+                charts: [{
+                        axisX: {
+                            labelFormatter: this.labelFormatterFunction,
+                        },
+                        data: [{
+                                type: "line",
+                                dataPoints: stockChartdataPoints
+                            }],
+                        culture: "it"
+                    }],
+                rangeSelector: {
+                    enabled: false
+                },
+                navigator: {
+                    slider: {
+                        minimum: stockChartMinimum,
+                        maximum: stockChartMaximum
+                    }
+                },
+                options: {
+                    responsive: true,
+                    maintainAspectRatio: false
+                }
+            };
             this.loaded = true;
         }
     }
+    labelFormatterFunction(e) {
+        let label = "";
+        let dirtyLabel;
+        let date = e.value;
+        let newYear = date.getFullYear();
+        let newMonth = date.getMonth() + 1;
+        let newMonthString;
+        if (newMonth < 10) {
+            newMonthString = "0" + newMonth.toString();
+        }
+        else {
+            newMonthString = newMonth.toString();
+        }
+        let newDay = date.getDate();
+        let newDayString;
+        if (newDay < 10) {
+            newDayString = "0" + newDay.toString();
+        }
+        else {
+            newDayString = newDay.toString();
+        }
+        let newHour = date.getHours();
+        let newHourString;
+        if (newHour < 10) {
+            newHourString = "0" + newHour.toString();
+        }
+        else {
+            newHourString = newHour.toString();
+        }
+        let newMinute = date.getMinutes();
+        let newMinuteString;
+        if (newMinute < 10) {
+            newMinuteString = "0" + newMinute.toString();
+        }
+        else {
+            newMinuteString = newMinute.toString();
+        }
+        dirtyLabel = newDayString + "/" + newMonthString + "/" + newYear.toString() + " " + newHourString + ":" + newMinuteString;
+        for (let i = 0; i < 5; i++) {
+            label += dirtyLabel[i];
+        }
+        label += " ";
+        for (let i = 11; i < 16; i++) {
+            label += dirtyLabel[i];
+        }
+        //label = label.replace("00:00","");
+        return label;
+    }
 }
-GraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphComponent, deps: [{ token: i6.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
 GraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GraphComponent, selector: "graph", inputs: { data: "data", title: "title" }, ngImport: i0, template: "<canvasjs-stockchart *ngIf=\"loaded\" [options]=\"stockChartOptions\"></canvasjs-stockchart>\r\n<div class=\"error\" *ngIf=\"!loaded\"><b>{{title}}:</b> Nessun dato trovato nell'intervallo specificato!</div>", styles: [""], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$5.CanvasJSStockChart, selector: "canvasjs-stockchart", inputs: ["options", "styles"], outputs: ["stockChartInstance"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphComponent, decorators: [{
             type: Component,
             args: [{ selector: 'graph', template: "<canvasjs-stockchart *ngIf=\"loaded\" [options]=\"stockChartOptions\"></canvasjs-stockchart>\r\n<div class=\"error\" *ngIf=\"!loaded\"><b>{{title}}:</b> Nessun dato trovato nell'intervallo specificato!</div>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+        }], ctorParameters: function () { return [{ type: i6.DatePipe }]; }, propDecorators: { data: [{
                 type: Input,
                 args: ["data"]
             }], title: [{
@@ -3497,8 +3571,8 @@ class GraphsComponent {
         // Azzero le coordinate
         this.selectedGeneratedFields.forEach((field) => { field.Coords = new Array(); });
         this.eligibleAnswers = JSON.parse(JSON.stringify(this.answers));
-        this.minperiodS = this.datePipe.transform(this.minperiod, "YYYY-MM-dd");
-        this.maxperiodS = this.datePipe.transform(this.maxperiod, "YYYY-MM-dd");
+        this.minperiodS = this.datePipe.transform(this.minperiod, "yyyy-MM-dd");
+        this.maxperiodS = this.datePipe.transform(this.maxperiod, "yyyy-MM-dd");
         // Filtro minimo periodo
         if (this.minperiod != null) {
             this.eligibleAnswers = this.eligibleAnswers.filter(x => x.AnswerDate.split("T")[0] >= this.minperiodS);
@@ -3513,8 +3587,10 @@ class GraphsComponent {
             this.selectedGeneratedFields.forEach((field) => {
                 if (answervalues[field.Name] != null) {
                     var coords = new Coords();
-                    coords.x = new Date(answer.AnswerDate.split("T")[0]);
+                    coords.x = new Date(answer.AnswerDate);
                     coords.y = parseFloat(answervalues[field.Name]);
+                    coords.label = this.datePipe.transform(coords.x, "dd/MM HH:mm");
+                    coords.name = coords.label;
                     field.Coords.push(coords);
                 }
             });
@@ -3555,6 +3631,7 @@ class ListViewFormRecordComponent {
         this.showTitle = true;
         // values: Array<Record>;
         this.test = false;
+        this.loadedform = false;
         this.panelOpenState = new Array();
         this.selectedIndex = null;
         this.visualizzaContenuto = false;
@@ -3645,6 +3722,7 @@ class ListViewFormRecordComponent {
             });
             this.utilityHelperService.RunEndPointCall(this.endPointConfiguration.Forms.GetByIDEndPoint, dynamicModuleParams, (res) => {
                 this.form = res;
+                this.loadedform = true;
                 this.configureColumns();
             }, (err) => { });
         }
@@ -4000,10 +4078,10 @@ class ListViewFormRecordComponent {
     }
 }
 ListViewFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewFormRecordComponent, deps: [{ token: UtilityHelperService }, { token: i0.ChangeDetectorRef }, { token: i1$2.MatDialog }, { token: i3$3.Router }], target: i0.ɵɵFactoryTarget.Component });
-ListViewFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListViewFormRecordComponent, selector: "list-view-form-record", inputs: { configurations: "configurations", compileConfigurations: "compileConfigurations", endPointConfiguration: "endPointConfiguration", userID: "userID", formID: "formID", form: "form", defaultListViewFunction: "defaultListViewFunction", externalButtons: "externalButtons", onlyView: "onlyView", records: "records", highlightFilter: "highlightFilter" }, outputs: { onAddViewEditRecord: "onAddViewEditRecord", onDeleteRecord: "onDeleteRecord", saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent" }, viewQueries: [{ propertyName: "tableRecords", first: true, predicate: ["tableRecords"], descendants: true, static: true }, { propertyName: "openAddDialog", first: true, predicate: ["openAddDialog"], descendants: true }, { propertyName: "openGraphDialog", first: true, predicate: ["openGraphDialog"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-card class=\"list-view-form-record\">\r\n  <mat-card-header *ngIf=\"showTitle || defaultListActions.add\" class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"showTitle\">Elenco {{ form.Name }} </mat-card-title>\r\n    <mat-card-actions *ngIf=\"defaultListActions.add || defaultListActions.graphs\">\r\n      <button \r\n        *ngIf=\"defaultListActions.graphs\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openGraphs()\">\r\n        <mat-icon>pie_chart</mat-icon>\r\n        <span style=\"margin-left: 10px\">Grafici</span>\r\n      </button>\r\n      <button \r\n        *ngIf=\"defaultListActions.add\"\r\n        class=\"btn btn-primary\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAddPopup()\">\r\n        <mat-icon>add</mat-icon>\r\n        <span style=\"margin-left: 10px\">Aggiungi</span>\r\n      </button>      \r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n\r\n  \r\n  <mat-card-content>\r\n    <mat-accordion [hideToggle]=\"test\" [multi]=\"true\" class=\"df-list-view-accordion\">\r\n      <mat-expansion-panel *ngFor=\"let panel of panels; index as i\" \r\n        [expanded]=\"panel.isOpen\"\r\n        [disabled]=\"1\" \r\n        [class]=\"panel.highlighted ? 'dm_panel_highlighted' : '0'\"\r\n      >\r\n        <mat-expansion-panel-header\r\n        (click)=\"togglePanel(panel, panel.record)\">\r\n          <mat-panel-title>\r\n            {{ form.Name }} v.{{ panel.record.Version }} - {{ panel.record.AnswerDate | date : \"EEEE, d MMMM y, H:mm:ss\" }}\r\n          </mat-panel-title>\r\n          <!--#region BOTTONI PER LE AZIONI -->\r\n          <mat-panel-description>\r\n            <button *ngFor=\"let button of buttons\" \r\n              mat-icon-button \r\n              class=\"record-icon {{button.extraClass}}\" \r\n              [matTooltip]=\"button.text\"\r\n              [hidden]=\"button.icon == 'file_copy' && (panels.length == 0 || panel.record.Version != panels[0].record.Version)\"\r\n              (click)=\"button.fn(panel,i,$event)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>\r\n            <button *ngFor=\"let button of externalButtons\" \r\n              mat-icon-button \r\n              class=\"record-icon {{button.extraClass}}\"\r\n              [matTooltip]=\"button.text\"\r\n              (click)=\"externalCallback($event,button.fn,panel.record)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>            \r\n            <span class=\"example-spacer\"></span>\r\n            \r\n          </mat-panel-description>\r\n          <!--#endregion BOTTONI PER LE AZIONI -->\r\n        </mat-expansion-panel-header>\r\n\r\n        <!-- #region CONTENUTO -->\r\n        <ng-container *ngIf=\"panel.pageState != null\">\r\n          <lib-single-record\r\n            [onlyView]=\"onlyView\"\r\n            [record] = \"panel.record\" \r\n            [endPointConfiguration] = \"endPointConfiguration\"\r\n            [form]=\"form\"\r\n            [userID]=\"userID\"\r\n            [outCompileConfigurations]=\"outCompileConfigurations\"\r\n            [pageState]=\"panel.pageState\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n          >\r\n\r\n          </lib-single-record>\r\n        </ng-container>\r\n        <!--#endregion CONTENUTO -->\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n\r\n\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!-- DIALOG RECIPIENTS EMAIL PER FIRMA -->\r\n<ng-template #openAddDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true\">\r\n    <mat-card-content>\r\n\r\n      <add-form-record\r\n        class=\"dynamic-module-compile\"\r\n        [formID]=\"formID\"\r\n        [onlyView]=\"false\"\r\n        [record]=\"selectedRecord\"\r\n\r\n        [endPointConfiguration]=\"endPointConfiguration\"\r\n        [userID]=\"userID\"\r\n\r\n        [configurations]=\"compileConfigurations\"\r\n        [additionalParams]=\"compileConfigurations.additionalParams\"\r\n\r\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\r\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\r\n      >\r\n      </add-form-record>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n\r\n<!-- DIALOG RECIPIENTS EMAIL PER FIRMA -->\r\n<ng-template #openGraphDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true graphCard\">\r\n    \r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title>\r\n      <div class=\"row eqp-dynamic-module-title graph-header\">\r\n        <div class=\"col-md-12\">\r\n            <span>Grafico {{ form.Name }} </span>\r\n        </div>\r\n      </div>\r\n    </mat-card-title>\r\n    <mat-card-actions>\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"closeGraphs()\">\r\n        <span class=\"material-icons\">\r\n          arrow_back\r\n          </span>\r\n        <span style=\"margin-left: 10px\">Indietro</span>\r\n      </button>\r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n    <mat-card-content>\r\n\r\n      <graphs\r\n        [formID]=\"formID\"\r\n        [userID]=\"userID\"\r\n        [configurations] = \"outCompileConfigurations\"\r\n        [endPointConfiguration] = \"endPointConfiguration\"\r\n      >\r\n      </graphs>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::ng-deep .dynaform-question{font-size:1em;font-weight:lighter}::ng-deep .dynaform-response{font-size:1.2em;font-weight:700}::ng-deep .df-list-view-accordion .mat-expansion-panel-header-description{flex-grow:0!important}::ng-deep .mat-expansion-panel-header[aria-disabled=true]{color:#0000008a}\n"], dependencies: [{ kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i5$1.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i5$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i6$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i6$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i6$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "endPointConfiguration", "userID", "formID", "form", "record", "onlyView", "isDuplicate", "additionalParams"], outputs: ["saveRecordEvent", "afterSaveRecordEvent"] }, { kind: "component", type: SingleRecordComponent, selector: "lib-single-record", inputs: ["endPointConfiguration", "record", "pageState", "userID", "form", "showBackButton", "outCompileConfigurations", "onlyView"], outputs: ["saveRecordEvent", "afterSaveRecordEvent"] }, { kind: "component", type: GraphsComponent, selector: "graphs", inputs: ["configurations", "endPointConfiguration", "userID", "formID", "form"] }, { kind: "pipe", type: i6.DatePipe, name: "date" }] });
+ListViewFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListViewFormRecordComponent, selector: "list-view-form-record", inputs: { configurations: "configurations", compileConfigurations: "compileConfigurations", endPointConfiguration: "endPointConfiguration", userID: "userID", formID: "formID", form: "form", defaultListViewFunction: "defaultListViewFunction", externalButtons: "externalButtons", onlyView: "onlyView", records: "records", highlightFilter: "highlightFilter" }, outputs: { onAddViewEditRecord: "onAddViewEditRecord", onDeleteRecord: "onDeleteRecord", saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent" }, viewQueries: [{ propertyName: "tableRecords", first: true, predicate: ["tableRecords"], descendants: true, static: true }, { propertyName: "openAddDialog", first: true, predicate: ["openAddDialog"], descendants: true }, { propertyName: "openGraphDialog", first: true, predicate: ["openGraphDialog"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-card class=\"list-view-form-record\">\n  <mat-card-header *ngIf=\"showTitle || defaultListActions.add\" class=\"align-items-center justify-content-between\">\n    <mat-card-title *ngIf=\"showTitle && loadedform\">Modulo {{ form.Name }} </mat-card-title>\n    <mat-card-actions *ngIf=\"defaultListActions.add || defaultListActions.graphs\">\n      <button \n        *ngIf=\"defaultListActions.graphs\"\n        class=\"btn btn-primary mr-2\" \n        mat-raised-button \n        color=\"primary\" \n        type=\"button\"\n        (click)=\"openGraphs()\">\n        <mat-icon>pie_chart</mat-icon>\n        <span style=\"margin-left: 10px\">Grafici</span>\n      </button>\n      <button \n        *ngIf=\"defaultListActions.add\"\n        class=\"btn btn-primary\" \n        mat-raised-button \n        color=\"primary\" \n        type=\"button\"\n        (click)=\"openAddPopup()\">\n        <mat-icon>add</mat-icon>\n        <span style=\"margin-left: 10px\">Aggiungi</span>\n      </button>      \n    </mat-card-actions>\n  </mat-card-header>\n\n  \n  <mat-card-content>\n    <mat-accordion [hideToggle]=\"test\" [multi]=\"true\" class=\"df-list-view-accordion\">\n      <mat-expansion-panel *ngFor=\"let panel of panels; index as i\" \n        [expanded]=\"panel.isOpen\"\n        [disabled]=\"1\" \n        [class]=\"panel.highlighted ? 'dm_panel_highlighted' : '0'\"\n      >\n        <mat-expansion-panel-header\n        (click)=\"togglePanel(panel, panel.record)\">\n          <mat-panel-title>\n            {{ !showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ panel.record.AnswerDate | date : \"EEEE, d MMMM y, H:mm:ss\" }}\n          </mat-panel-title>\n          <!--#region BOTTONI PER LE AZIONI -->\n          <mat-panel-description>\n            <button *ngFor=\"let button of buttons\" \n              mat-icon-button \n              class=\"record-icon {{button.extraClass}}\" \n              [matTooltip]=\"button.text\"\n              [hidden]=\"button.icon == 'file_copy' && (panels.length == 0 || panel.record.Version != panels[0].record.Version)\"\n              (click)=\"button.fn(panel,i,$event)\">\n              <mat-icon>{{button.icon}}</mat-icon>\n            </button>\n            <button *ngFor=\"let button of externalButtons\" \n              mat-icon-button \n              class=\"record-icon {{button.extraClass}}\"\n              [matTooltip]=\"button.text\"\n              (click)=\"externalCallback($event,button.fn,panel.record)\">\n              <mat-icon>{{button.icon}}</mat-icon>\n            </button>            \n            <span class=\"example-spacer\"></span>\n            \n          </mat-panel-description>\n          <!--#endregion BOTTONI PER LE AZIONI -->\n        </mat-expansion-panel-header>\n\n        <!-- #region CONTENUTO -->\n        <ng-container *ngIf=\"panel.pageState != null\">\n          <lib-single-record\n            [onlyView]=\"onlyView\"\n            [record] = \"panel.record\" \n            [endPointConfiguration] = \"endPointConfiguration\"\n            [form]=\"form\"\n            [userID]=\"userID\"\n            [outCompileConfigurations]=\"outCompileConfigurations\"\n            [pageState]=\"panel.pageState\"\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\n          >\n\n          </lib-single-record>\n        </ng-container>\n        <!--#endregion CONTENUTO -->\n      </mat-expansion-panel>\n    </mat-accordion>\n\n\n  </mat-card-content>\n  <mat-card-footer>\n  </mat-card-footer>\n</mat-card>\n\n<!-- DIALOG RECIPIENTS EMAIL PER FIRMA -->\n<ng-template #openAddDialog>\n  <mat-card class=\"card-default overlay-card card-inmodal-true\">\n    <mat-card-content>\n\n      <add-form-record\n        class=\"dynamic-module-compile\"\n        [formID]=\"formID\"\n        [onlyView]=\"false\"\n        [record]=\"selectedRecord\"\n\n        [endPointConfiguration]=\"endPointConfiguration\"\n        [userID]=\"userID\"\n\n        [configurations]=\"compileConfigurations\"\n        [additionalParams]=\"compileConfigurations.additionalParams\"\n\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\n      >\n      </add-form-record>\n\n    </mat-card-content>\n  </mat-card>\n</ng-template>\n\n<!-- DIALOG RECIPIENTS EMAIL PER FIRMA -->\n<ng-template #openGraphDialog>\n  <mat-card class=\"card-default overlay-card card-inmodal-true graphCard\">\n    \n  <mat-card-header class=\"align-items-center justify-content-between\">\n    <mat-card-title>\n      <div class=\"row eqp-dynamic-module-title graph-header\">\n        <div class=\"col-md-12\">\n            <span>Grafico {{ form.Name }} </span>\n        </div>\n      </div>\n    </mat-card-title>\n    <mat-card-actions>\n      <button \n        class=\"btn btn-primary mr-2\" \n        mat-raised-button \n        color=\"primary\" \n        type=\"button\"\n        (click)=\"closeGraphs()\">\n        <span class=\"material-icons\">\n          arrow_back\n          </span>\n        <span style=\"margin-left: 10px\">Indietro</span>\n      </button>\n    </mat-card-actions>\n  </mat-card-header>\n    <mat-card-content>\n\n      <graphs\n        [formID]=\"formID\"\n        [userID]=\"userID\"\n        [configurations] = \"outCompileConfigurations\"\n        [endPointConfiguration] = \"endPointConfiguration\"\n      >\n      </graphs>\n\n    </mat-card-content>\n  </mat-card>\n</ng-template>", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::ng-deep .dynaform-question{font-size:1em;font-weight:lighter}::ng-deep .dynaform-response{font-size:1.2em;font-weight:700}::ng-deep .df-list-view-accordion .mat-expansion-panel-header-description{flex-grow:0!important}::ng-deep .mat-expansion-panel-header[aria-disabled=true]{color:#0000008a}\n"], dependencies: [{ kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i5$1.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i5$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i6$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i6$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i6$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "endPointConfiguration", "userID", "formID", "form", "record", "onlyView", "isDuplicate", "additionalParams"], outputs: ["saveRecordEvent", "afterSaveRecordEvent"] }, { kind: "component", type: SingleRecordComponent, selector: "lib-single-record", inputs: ["endPointConfiguration", "record", "pageState", "userID", "form", "showBackButton", "outCompileConfigurations", "onlyView"], outputs: ["saveRecordEvent", "afterSaveRecordEvent"] }, { kind: "component", type: GraphsComponent, selector: "graphs", inputs: ["configurations", "endPointConfiguration", "userID", "formID", "form"] }, { kind: "pipe", type: i6.DatePipe, name: "date" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewFormRecordComponent, decorators: [{
             type: Component,
-            args: [{ selector: "list-view-form-record", template: "<mat-card class=\"list-view-form-record\">\r\n  <mat-card-header *ngIf=\"showTitle || defaultListActions.add\" class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"showTitle\">Elenco {{ form.Name }} </mat-card-title>\r\n    <mat-card-actions *ngIf=\"defaultListActions.add || defaultListActions.graphs\">\r\n      <button \r\n        *ngIf=\"defaultListActions.graphs\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openGraphs()\">\r\n        <mat-icon>pie_chart</mat-icon>\r\n        <span style=\"margin-left: 10px\">Grafici</span>\r\n      </button>\r\n      <button \r\n        *ngIf=\"defaultListActions.add\"\r\n        class=\"btn btn-primary\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAddPopup()\">\r\n        <mat-icon>add</mat-icon>\r\n        <span style=\"margin-left: 10px\">Aggiungi</span>\r\n      </button>      \r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n\r\n  \r\n  <mat-card-content>\r\n    <mat-accordion [hideToggle]=\"test\" [multi]=\"true\" class=\"df-list-view-accordion\">\r\n      <mat-expansion-panel *ngFor=\"let panel of panels; index as i\" \r\n        [expanded]=\"panel.isOpen\"\r\n        [disabled]=\"1\" \r\n        [class]=\"panel.highlighted ? 'dm_panel_highlighted' : '0'\"\r\n      >\r\n        <mat-expansion-panel-header\r\n        (click)=\"togglePanel(panel, panel.record)\">\r\n          <mat-panel-title>\r\n            {{ form.Name }} v.{{ panel.record.Version }} - {{ panel.record.AnswerDate | date : \"EEEE, d MMMM y, H:mm:ss\" }}\r\n          </mat-panel-title>\r\n          <!--#region BOTTONI PER LE AZIONI -->\r\n          <mat-panel-description>\r\n            <button *ngFor=\"let button of buttons\" \r\n              mat-icon-button \r\n              class=\"record-icon {{button.extraClass}}\" \r\n              [matTooltip]=\"button.text\"\r\n              [hidden]=\"button.icon == 'file_copy' && (panels.length == 0 || panel.record.Version != panels[0].record.Version)\"\r\n              (click)=\"button.fn(panel,i,$event)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>\r\n            <button *ngFor=\"let button of externalButtons\" \r\n              mat-icon-button \r\n              class=\"record-icon {{button.extraClass}}\"\r\n              [matTooltip]=\"button.text\"\r\n              (click)=\"externalCallback($event,button.fn,panel.record)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>            \r\n            <span class=\"example-spacer\"></span>\r\n            \r\n          </mat-panel-description>\r\n          <!--#endregion BOTTONI PER LE AZIONI -->\r\n        </mat-expansion-panel-header>\r\n\r\n        <!-- #region CONTENUTO -->\r\n        <ng-container *ngIf=\"panel.pageState != null\">\r\n          <lib-single-record\r\n            [onlyView]=\"onlyView\"\r\n            [record] = \"panel.record\" \r\n            [endPointConfiguration] = \"endPointConfiguration\"\r\n            [form]=\"form\"\r\n            [userID]=\"userID\"\r\n            [outCompileConfigurations]=\"outCompileConfigurations\"\r\n            [pageState]=\"panel.pageState\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n          >\r\n\r\n          </lib-single-record>\r\n        </ng-container>\r\n        <!--#endregion CONTENUTO -->\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n\r\n\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!-- DIALOG RECIPIENTS EMAIL PER FIRMA -->\r\n<ng-template #openAddDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true\">\r\n    <mat-card-content>\r\n\r\n      <add-form-record\r\n        class=\"dynamic-module-compile\"\r\n        [formID]=\"formID\"\r\n        [onlyView]=\"false\"\r\n        [record]=\"selectedRecord\"\r\n\r\n        [endPointConfiguration]=\"endPointConfiguration\"\r\n        [userID]=\"userID\"\r\n\r\n        [configurations]=\"compileConfigurations\"\r\n        [additionalParams]=\"compileConfigurations.additionalParams\"\r\n\r\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\r\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\r\n      >\r\n      </add-form-record>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n\r\n<!-- DIALOG RECIPIENTS EMAIL PER FIRMA -->\r\n<ng-template #openGraphDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true graphCard\">\r\n    \r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title>\r\n      <div class=\"row eqp-dynamic-module-title graph-header\">\r\n        <div class=\"col-md-12\">\r\n            <span>Grafico {{ form.Name }} </span>\r\n        </div>\r\n      </div>\r\n    </mat-card-title>\r\n    <mat-card-actions>\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"closeGraphs()\">\r\n        <span class=\"material-icons\">\r\n          arrow_back\r\n          </span>\r\n        <span style=\"margin-left: 10px\">Indietro</span>\r\n      </button>\r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n    <mat-card-content>\r\n\r\n      <graphs\r\n        [formID]=\"formID\"\r\n        [userID]=\"userID\"\r\n        [configurations] = \"outCompileConfigurations\"\r\n        [endPointConfiguration] = \"endPointConfiguration\"\r\n      >\r\n      </graphs>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::ng-deep .dynaform-question{font-size:1em;font-weight:lighter}::ng-deep .dynaform-response{font-size:1.2em;font-weight:700}::ng-deep .df-list-view-accordion .mat-expansion-panel-header-description{flex-grow:0!important}::ng-deep .mat-expansion-panel-header[aria-disabled=true]{color:#0000008a}\n"] }]
+            args: [{ selector: "list-view-form-record", template: "<mat-card class=\"list-view-form-record\">\n  <mat-card-header *ngIf=\"showTitle || defaultListActions.add\" class=\"align-items-center justify-content-between\">\n    <mat-card-title *ngIf=\"showTitle && loadedform\">Modulo {{ form.Name }} </mat-card-title>\n    <mat-card-actions *ngIf=\"defaultListActions.add || defaultListActions.graphs\">\n      <button \n        *ngIf=\"defaultListActions.graphs\"\n        class=\"btn btn-primary mr-2\" \n        mat-raised-button \n        color=\"primary\" \n        type=\"button\"\n        (click)=\"openGraphs()\">\n        <mat-icon>pie_chart</mat-icon>\n        <span style=\"margin-left: 10px\">Grafici</span>\n      </button>\n      <button \n        *ngIf=\"defaultListActions.add\"\n        class=\"btn btn-primary\" \n        mat-raised-button \n        color=\"primary\" \n        type=\"button\"\n        (click)=\"openAddPopup()\">\n        <mat-icon>add</mat-icon>\n        <span style=\"margin-left: 10px\">Aggiungi</span>\n      </button>      \n    </mat-card-actions>\n  </mat-card-header>\n\n  \n  <mat-card-content>\n    <mat-accordion [hideToggle]=\"test\" [multi]=\"true\" class=\"df-list-view-accordion\">\n      <mat-expansion-panel *ngFor=\"let panel of panels; index as i\" \n        [expanded]=\"panel.isOpen\"\n        [disabled]=\"1\" \n        [class]=\"panel.highlighted ? 'dm_panel_highlighted' : '0'\"\n      >\n        <mat-expansion-panel-header\n        (click)=\"togglePanel(panel, panel.record)\">\n          <mat-panel-title>\n            {{ !showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ panel.record.AnswerDate | date : \"EEEE, d MMMM y, H:mm:ss\" }}\n          </mat-panel-title>\n          <!--#region BOTTONI PER LE AZIONI -->\n          <mat-panel-description>\n            <button *ngFor=\"let button of buttons\" \n              mat-icon-button \n              class=\"record-icon {{button.extraClass}}\" \n              [matTooltip]=\"button.text\"\n              [hidden]=\"button.icon == 'file_copy' && (panels.length == 0 || panel.record.Version != panels[0].record.Version)\"\n              (click)=\"button.fn(panel,i,$event)\">\n              <mat-icon>{{button.icon}}</mat-icon>\n            </button>\n            <button *ngFor=\"let button of externalButtons\" \n              mat-icon-button \n              class=\"record-icon {{button.extraClass}}\"\n              [matTooltip]=\"button.text\"\n              (click)=\"externalCallback($event,button.fn,panel.record)\">\n              <mat-icon>{{button.icon}}</mat-icon>\n            </button>            \n            <span class=\"example-spacer\"></span>\n            \n          </mat-panel-description>\n          <!--#endregion BOTTONI PER LE AZIONI -->\n        </mat-expansion-panel-header>\n\n        <!-- #region CONTENUTO -->\n        <ng-container *ngIf=\"panel.pageState != null\">\n          <lib-single-record\n            [onlyView]=\"onlyView\"\n            [record] = \"panel.record\" \n            [endPointConfiguration] = \"endPointConfiguration\"\n            [form]=\"form\"\n            [userID]=\"userID\"\n            [outCompileConfigurations]=\"outCompileConfigurations\"\n            [pageState]=\"panel.pageState\"\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\n          >\n\n          </lib-single-record>\n        </ng-container>\n        <!--#endregion CONTENUTO -->\n      </mat-expansion-panel>\n    </mat-accordion>\n\n\n  </mat-card-content>\n  <mat-card-footer>\n  </mat-card-footer>\n</mat-card>\n\n<!-- DIALOG RECIPIENTS EMAIL PER FIRMA -->\n<ng-template #openAddDialog>\n  <mat-card class=\"card-default overlay-card card-inmodal-true\">\n    <mat-card-content>\n\n      <add-form-record\n        class=\"dynamic-module-compile\"\n        [formID]=\"formID\"\n        [onlyView]=\"false\"\n        [record]=\"selectedRecord\"\n\n        [endPointConfiguration]=\"endPointConfiguration\"\n        [userID]=\"userID\"\n\n        [configurations]=\"compileConfigurations\"\n        [additionalParams]=\"compileConfigurations.additionalParams\"\n\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\n      >\n      </add-form-record>\n\n    </mat-card-content>\n  </mat-card>\n</ng-template>\n\n<!-- DIALOG RECIPIENTS EMAIL PER FIRMA -->\n<ng-template #openGraphDialog>\n  <mat-card class=\"card-default overlay-card card-inmodal-true graphCard\">\n    \n  <mat-card-header class=\"align-items-center justify-content-between\">\n    <mat-card-title>\n      <div class=\"row eqp-dynamic-module-title graph-header\">\n        <div class=\"col-md-12\">\n            <span>Grafico {{ form.Name }} </span>\n        </div>\n      </div>\n    </mat-card-title>\n    <mat-card-actions>\n      <button \n        class=\"btn btn-primary mr-2\" \n        mat-raised-button \n        color=\"primary\" \n        type=\"button\"\n        (click)=\"closeGraphs()\">\n        <span class=\"material-icons\">\n          arrow_back\n          </span>\n        <span style=\"margin-left: 10px\">Indietro</span>\n      </button>\n    </mat-card-actions>\n  </mat-card-header>\n    <mat-card-content>\n\n      <graphs\n        [formID]=\"formID\"\n        [userID]=\"userID\"\n        [configurations] = \"outCompileConfigurations\"\n        [endPointConfiguration] = \"endPointConfiguration\"\n      >\n      </graphs>\n\n    </mat-card-content>\n  </mat-card>\n</ng-template>", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::ng-deep .dynaform-question{font-size:1em;font-weight:lighter}::ng-deep .dynaform-response{font-size:1.2em;font-weight:700}::ng-deep .df-list-view-accordion .mat-expansion-panel-header-description{flex-grow:0!important}::ng-deep .mat-expansion-panel-header[aria-disabled=true]{color:#0000008a}\n"] }]
         }], ctorParameters: function () { return [{ type: UtilityHelperService }, { type: i0.ChangeDetectorRef }, { type: i1$2.MatDialog }, { type: i3$3.Router }]; }, propDecorators: { configurations: [{
                 type: Input
             }], compileConfigurations: [{