@eqproject/eqp-dynamic-module 2.6.44 → 2.6.46

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

@@ -18,7 +18,6 @@ import { MatIconModule } from '@angular/material/icon';
 import * as i1$3 from '@angular/material/dialog';
 import { MatDialogModule, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import * as i3$3 from '@angular/router';
-import * as i4$5 from 'projects/eqp-dynamic-module/src/lib/services/db-date.service';
 import * as i7$1 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i2$3 from '@angular/material/tooltip';
@@ -1706,6 +1705,182 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output
             }] } });
 
+class dbDateService {
+    //#region datetime
+    /**
+     * Parse date to visualize as a string
+     */
+    parseDate(date) {
+        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();
+        }
+        let dateString = newDayString + "/" + newMonthString + "/" + newYear.toString() + " " + newHourString + ":" + newMinuteString;
+        return dateString;
+    }
+    parseTime(date) {
+        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();
+        }
+        let timeString = newHourString + ":" + newMinuteString;
+        return timeString;
+    }
+    addZeroesOnData(numero) {
+        let numerostring = "";
+        if (numero < 10) {
+            numerostring = "0" + numero.toString();
+        }
+        else {
+            numerostring = numero.toString();
+        }
+        return numerostring;
+    }
+    parseDatefromDB(dirtyDateMeasurement) {
+        if (this.isDateFromServer(dirtyDateMeasurement)) {
+            let dirtyDate = dirtyDateMeasurement.toString().split("T");
+            let dirtyHour = dirtyDate[1].split(".");
+            let yearMonthDay = dirtyDate[0].split("-");
+            let hourMinuteSecond = dirtyHour[0].split(":");
+            let date = new Date(parseInt(yearMonthDay[0]), parseInt(yearMonthDay[1]) - 1, parseInt(yearMonthDay[2]), parseInt(hourMinuteSecond[0]), parseInt(hourMinuteSecond[1]));
+            let gmtString = date.toString().split(" ")[5].split("T")[1];
+            let hour = "";
+            let minute = "";
+            for (let j = 0; j < gmtString.length; j++) {
+                if (j == 0) {
+                    hour += gmtString[j];
+                    minute += gmtString[j];
+                }
+                if (j > 0 && j < 3) {
+                    hour += gmtString[j];
+                }
+                if (j > 2) {
+                    minute += gmtString[j];
+                }
+            }
+            let hourInt = parseInt(hour);
+            let minuteInt = parseInt(minute);
+            let newDate = new Date(parseInt(yearMonthDay[0]), parseInt(yearMonthDay[1]) - 1, parseInt(yearMonthDay[2]), parseInt(hourMinuteSecond[0]) + hourInt, parseInt(hourMinuteSecond[1]) + minuteInt);
+            return newDate;
+        }
+        else if (this.isDateInstance(dirtyDateMeasurement)) {
+            return dirtyDateMeasurement;
+        }
+        else {
+            throw new Error("Not Conversion Date in parseDatefromDB");
+        }
+    }
+    isDateFromServer(date) {
+        const isoDateFormat = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{1,7})?(Z)?$/;
+        return typeof date === 'string' && isoDateFormat.test(date);
+    }
+    isDateInstance(date) {
+        return date instanceof Date;
+    }
+    parseDatefromDBMilliseconds(dirtyDateMeasurement) {
+        let dirtyDate = dirtyDateMeasurement.toString().split("T");
+        let dirtyHour = dirtyDate[1].split(".");
+        let yearMonthDay = dirtyDate[0].split("-");
+        let hourMinuteSecond = dirtyHour[0].split(":");
+        let date = new Date(parseInt(yearMonthDay[0]), parseInt(yearMonthDay[1]) - 1, parseInt(yearMonthDay[2]), parseInt(hourMinuteSecond[0]), parseInt(hourMinuteSecond[1]));
+        let gmtString = date.toString().split(" ")[5].split("T")[1];
+        let hour = "";
+        let minute = "";
+        for (let j = 0; j < gmtString.length; j++) {
+            if (j == 0) {
+                hour += gmtString[j];
+                minute += gmtString[j];
+            }
+            if (j > 0 && j < 3) {
+                hour += gmtString[j];
+            }
+            if (j > 2) {
+                minute += gmtString[j];
+            }
+        }
+        let hourInt = parseInt(hour);
+        let minuteInt = parseInt(minute);
+        let newDate = new Date(parseInt(yearMonthDay[0]), parseInt(yearMonthDay[1]) - 1, parseInt(yearMonthDay[2]), parseInt(hourMinuteSecond[0]) + hourInt, parseInt(hourMinuteSecond[1]) + minuteInt, parseInt(hourMinuteSecond[2]), parseInt(dirtyHour[1]));
+        return newDate;
+    }
+    prepareHourforDB(dirtyHour) {
+        let hourMinutes = dirtyHour.toString().split(":");
+        let date = new Date();
+        date.setHours(parseInt(hourMinutes[0]));
+        date.setMinutes(parseInt(hourMinutes[1]));
+        date.setSeconds(0);
+        date.setMilliseconds(0);
+        return date;
+    }
+    parseForHour(allMinutes) {
+        let dirtyHours = allMinutes / 60;
+        let hours = Math.floor(dirtyHours);
+        let dirtyMinutes = dirtyHours - hours;
+        let minutes = this.roundDecimals(dirtyMinutes * 0.6, 2);
+        let finalHours = hours + minutes;
+        return finalHours;
+    }
+    //#endregion datetime
+    /**
+     * Rounds a number to the our preferred number of decimal places.
+     * @param number the number we want to round
+     * @param decimals how many decimal places we want the rounded number to have
+     * @returns the rounded number
+     */
+    roundDecimals(number, decimals) {
+        return Number(number.toFixed(decimals));
+    }
+}
+dbDateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: dbDateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+dbDateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: dbDateService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: dbDateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
 var LogicOperatorNumeric;
 (function (LogicOperatorNumeric) {
     LogicOperatorNumeric[LogicOperatorNumeric["="] = 1] = "=";
@@ -4719,6 +4894,7 @@ class AddFormRecordComponent {
             ];
             GlobalService.debugLog('onSaveRecord - dynamicModuleParams', dynamicModuleParams);
             this.utilityService.RunEndPointCall(this.endPointConfiguration.Records.SaveEndPoint, dynamicModuleParams, (res) => {
+                event.ID = res.toString();
                 this.checkTriggers(event);
                 this.afterSaveRecordEvent.emit(event);
                 this.isSaving = false;
@@ -6347,12 +6523,12 @@ class ListViewFormRecordComponent {
         this.fireTrigger.emit(ev);
     }
 }
-ListViewFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewFormRecordComponent, deps: [{ token: UtilityHelperService }, { token: i0.ChangeDetectorRef }, { token: i1$3.MatDialog }, { token: i3$3.Router }, { token: i4$5.dbDateService }], target: i0.ɵɵFactoryTarget.Component });
+ListViewFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewFormRecordComponent, deps: [{ token: UtilityHelperService }, { token: i0.ChangeDetectorRef }, { token: i1$3.MatDialog }, { token: i3$3.Router }, { token: dbDateService }], 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", orgaID: "orgaID", form: "form", defaultListViewFunction: "defaultListViewFunction", externalButtons: "externalButtons", onlyView: "onlyView", records: "records", highlightFilter: "highlightFilter", QueryEditorComponent: "QueryEditorComponent" }, outputs: { onAddViewEditRecord: "onAddViewEditRecord", onDeleteRecord: "onDeleteRecord", saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent", dragStarted: "dragStarted", dragReleased: "dragReleased", out: "out", fireTrigger: "fireTrigger" }, 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 && loadedform\">Modulo {{ 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  #doneList=\"cdkDropList\" cdkDropList [cdkDropListConnectedTo]=\"[todoList]\" [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 cdkDrag (cdkDragStarted)=\"onDragStarted([panel.record,form])\" (cdkDragReleased)=\"onDragReleased()\">\r\n            <mat-icon class=\"drag-icon\">drag_indicator</mat-icon> {{ !showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ panel.record.AnswerDate | date : \"EEEE, d MMMM y, H:mm:ss\" }} {{ printAdditionalInfo(panel.record) }}\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\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            [QueryEditorComponent]=\"QueryEditorComponent\"\r\n            [outCompileConfigurations]=\"outCompileConfigurations\"\r\n            [pageState]=\"panel.pageState\"\r\n            (out)=\"onExternalComponentOut($event)\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n            (fireTrigger)=\"onFireTrigger($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<!--#region DIALOG AGGIUNTA RISPOSTA -->\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        [orgaID]=\"orgaID\"\r\n        [onlyView]=\"false\"\r\n        [record]=\"selectedRecord\"\r\n\r\n        [QueryEditorComponent]=\"QueryEditorComponent\"\r\n        [endPointConfiguration]=\"endPointConfiguration\"\r\n        [userID]=\"userID\"\r\n\r\n        [configurations]=\"compileConfigurations\"\r\n\r\n        (out)=\"onExternalComponentOut($event)\"\r\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\r\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\r\n        (fireTrigger)=\"onFireTrigger($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<!--#endregion DIALOG AGGIUNTA RISPOSTA -->\r\n\r\n<!--#region DIALOG VISUALIZZAZIONE GRAFICI -->\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>\r\n<!--#endregion DIALOG VISUALIZZAZIONE GRAFICI -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::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}.drag-icon{cursor:move;margin-right:10px}\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: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i7$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i7$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i7$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i7$1.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: 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: i4$3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "endPointConfiguration", "userID", "orgaID", "formID", "form", "record", "onlyView", "isDuplicate", "inConfig", "showAllFields", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: SingleRecordComponent, selector: "lib-single-record", inputs: ["endPointConfiguration", "record", "pageState", "userID", "form", "showBackButton", "outCompileConfigurations", "onlyView", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: GraphsComponent, selector: "graphs", inputs: ["configurations", "endPointConfiguration", "userID", "formID", "form"] }, { kind: "pipe", type: i2$1.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 && loadedform\">Modulo {{ 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  #doneList=\"cdkDropList\" cdkDropList [cdkDropListConnectedTo]=\"[todoList]\" [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 cdkDrag (cdkDragStarted)=\"onDragStarted([panel.record,form])\" (cdkDragReleased)=\"onDragReleased()\">\r\n            <mat-icon class=\"drag-icon\">drag_indicator</mat-icon> {{ !showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ panel.record.AnswerDate | date : \"EEEE, d MMMM y, H:mm:ss\" }} {{ printAdditionalInfo(panel.record) }}\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\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            [QueryEditorComponent]=\"QueryEditorComponent\"\r\n            [outCompileConfigurations]=\"outCompileConfigurations\"\r\n            [pageState]=\"panel.pageState\"\r\n            (out)=\"onExternalComponentOut($event)\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n            (fireTrigger)=\"onFireTrigger($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<!--#region DIALOG AGGIUNTA RISPOSTA -->\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        [orgaID]=\"orgaID\"\r\n        [onlyView]=\"false\"\r\n        [record]=\"selectedRecord\"\r\n\r\n        [QueryEditorComponent]=\"QueryEditorComponent\"\r\n        [endPointConfiguration]=\"endPointConfiguration\"\r\n        [userID]=\"userID\"\r\n\r\n        [configurations]=\"compileConfigurations\"\r\n\r\n        (out)=\"onExternalComponentOut($event)\"\r\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\r\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\r\n        (fireTrigger)=\"onFireTrigger($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<!--#endregion DIALOG AGGIUNTA RISPOSTA -->\r\n\r\n<!--#region DIALOG VISUALIZZAZIONE GRAFICI -->\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>\r\n<!--#endregion DIALOG VISUALIZZAZIONE GRAFICI -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::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}.drag-icon{cursor:move;margin-right:10px}\n"] }]
-        }], ctorParameters: function () { return [{ type: UtilityHelperService }, { type: i0.ChangeDetectorRef }, { type: i1$3.MatDialog }, { type: i3$3.Router }, { type: i4$5.dbDateService }]; }, propDecorators: { configurations: [{
+        }], ctorParameters: function () { return [{ type: UtilityHelperService }, { type: i0.ChangeDetectorRef }, { type: i1$3.MatDialog }, { type: i3$3.Router }, { type: dbDateService }]; }, propDecorators: { configurations: [{
                 type: Input
             }], compileConfigurations: [{
                 type: Input