@eqproject/eqp-dynamic-module 2.3.36 → 2.3.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/private/form-records/list-view-form-record/list-view-form-record.component.mjs +5 -3
- package/esm2020/lib/components/private/graphs/graph/graph.component.mjs +90 -34
- package/esm2020/lib/components/private/graphs/graphs.component.mjs +6 -4
- package/esm2020/lib/models/graph.model.mjs +1 -1
- package/fesm2015/eqproject-eqp-dynamic-module.mjs +98 -38
- package/fesm2015/eqproject-eqp-dynamic-module.mjs.map +1 -1
- package/fesm2020/eqproject-eqp-dynamic-module.mjs +98 -38
- package/fesm2020/eqproject-eqp-dynamic-module.mjs.map +1 -1
- package/lib/components/private/form-records/list-view-form-record/list-view-form-record.component.d.ts +1 -0
- package/lib/components/private/graphs/graph/graph.component.d.ts +6 -26
- package/lib/models/graph.model.d.ts +2 -0
- package/package.json +1 -1
|
@@ -3338,56 +3338,112 @@ class Coords {
|
|
|
3338
3338
|
}
|
|
3339
3339
|
|
|
3340
3340
|
class GraphComponent {
|
|
3341
|
-
constructor() {
|
|
3341
|
+
constructor(datePipe) {
|
|
3342
|
+
this.datePipe = datePipe;
|
|
3342
3343
|
this.data = new Array();
|
|
3343
3344
|
this.title = "";
|
|
3344
|
-
this.stockChartOptions = {
|
|
3345
|
-
width: 1000,
|
|
3346
|
-
height: 500,
|
|
3347
|
-
title: {
|
|
3348
|
-
text: ""
|
|
3349
|
-
},
|
|
3350
|
-
theme: "light2",
|
|
3351
|
-
charts: [{
|
|
3352
|
-
data: [{
|
|
3353
|
-
xValueType: "dateTime",
|
|
3354
|
-
type: "line",
|
|
3355
|
-
dataPoints: []
|
|
3356
|
-
}]
|
|
3357
|
-
}],
|
|
3358
|
-
navigator: {
|
|
3359
|
-
slider: {
|
|
3360
|
-
minimum: new Date("2018-07-01"),
|
|
3361
|
-
maximum: new Date("2019-06-30")
|
|
3362
|
-
}
|
|
3363
|
-
},
|
|
3364
|
-
options: {
|
|
3365
|
-
responsive: true,
|
|
3366
|
-
maintainAspectRatio: false
|
|
3367
|
-
}
|
|
3368
|
-
};
|
|
3369
3345
|
this.loaded = false;
|
|
3346
|
+
this.counter = 0;
|
|
3370
3347
|
}
|
|
3371
3348
|
ngOnInit() {
|
|
3349
|
+
var self = this;
|
|
3372
3350
|
// Aggiustamento e scrittura dati
|
|
3373
3351
|
if (this.data.length > 0) {
|
|
3374
3352
|
var lastvalue = this.data[0];
|
|
3375
3353
|
var firstvalue = this.data[this.data.length - 1];
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
|
|
3379
|
-
|
|
3380
|
-
|
|
3354
|
+
var stockChartMinimum = new Date(firstvalue.x);
|
|
3355
|
+
var stockChartMaximum = new Date(lastvalue.x);
|
|
3356
|
+
var stockChartTitleText = this.title;
|
|
3357
|
+
var stockChartdataPoints = this.data;
|
|
3358
|
+
this.stockChartOptions = {
|
|
3359
|
+
width: 1000,
|
|
3360
|
+
height: 500,
|
|
3361
|
+
title: {
|
|
3362
|
+
text: stockChartTitleText
|
|
3363
|
+
},
|
|
3364
|
+
theme: "light2",
|
|
3365
|
+
charts: [{
|
|
3366
|
+
axisX: {
|
|
3367
|
+
labelFormatter: this.labelFormatterFunction,
|
|
3368
|
+
},
|
|
3369
|
+
data: [{
|
|
3370
|
+
type: "line",
|
|
3371
|
+
dataPoints: stockChartdataPoints
|
|
3372
|
+
}],
|
|
3373
|
+
culture: "it"
|
|
3374
|
+
}],
|
|
3375
|
+
rangeSelector: {
|
|
3376
|
+
enabled: false
|
|
3377
|
+
},
|
|
3378
|
+
navigator: {
|
|
3379
|
+
slider: {
|
|
3380
|
+
minimum: stockChartMinimum,
|
|
3381
|
+
maximum: stockChartMaximum
|
|
3382
|
+
}
|
|
3383
|
+
},
|
|
3384
|
+
options: {
|
|
3385
|
+
responsive: true,
|
|
3386
|
+
maintainAspectRatio: false
|
|
3387
|
+
}
|
|
3388
|
+
};
|
|
3381
3389
|
this.loaded = true;
|
|
3382
3390
|
}
|
|
3383
3391
|
}
|
|
3392
|
+
labelFormatterFunction(e) {
|
|
3393
|
+
let label = "";
|
|
3394
|
+
let dirtyLabel;
|
|
3395
|
+
let date = e.value;
|
|
3396
|
+
let newYear = date.getFullYear();
|
|
3397
|
+
let newMonth = date.getMonth() + 1;
|
|
3398
|
+
let newMonthString;
|
|
3399
|
+
if (newMonth < 10) {
|
|
3400
|
+
newMonthString = "0" + newMonth.toString();
|
|
3401
|
+
}
|
|
3402
|
+
else {
|
|
3403
|
+
newMonthString = newMonth.toString();
|
|
3404
|
+
}
|
|
3405
|
+
let newDay = date.getDate();
|
|
3406
|
+
let newDayString;
|
|
3407
|
+
if (newDay < 10) {
|
|
3408
|
+
newDayString = "0" + newDay.toString();
|
|
3409
|
+
}
|
|
3410
|
+
else {
|
|
3411
|
+
newDayString = newDay.toString();
|
|
3412
|
+
}
|
|
3413
|
+
let newHour = date.getHours();
|
|
3414
|
+
let newHourString;
|
|
3415
|
+
if (newHour < 10) {
|
|
3416
|
+
newHourString = "0" + newHour.toString();
|
|
3417
|
+
}
|
|
3418
|
+
else {
|
|
3419
|
+
newHourString = newHour.toString();
|
|
3420
|
+
}
|
|
3421
|
+
let newMinute = date.getMinutes();
|
|
3422
|
+
let newMinuteString;
|
|
3423
|
+
if (newMinute < 10) {
|
|
3424
|
+
newMinuteString = "0" + newMinute.toString();
|
|
3425
|
+
}
|
|
3426
|
+
else {
|
|
3427
|
+
newMinuteString = newMinute.toString();
|
|
3428
|
+
}
|
|
3429
|
+
dirtyLabel = newDayString + "/" + newMonthString + "/" + newYear.toString() + " " + newHourString + ":" + newMinuteString;
|
|
3430
|
+
for (let i = 0; i < 5; i++) {
|
|
3431
|
+
label += dirtyLabel[i];
|
|
3432
|
+
}
|
|
3433
|
+
label += " ";
|
|
3434
|
+
for (let i = 11; i < 16; i++) {
|
|
3435
|
+
label += dirtyLabel[i];
|
|
3436
|
+
}
|
|
3437
|
+
//label = label.replace("00:00","");
|
|
3438
|
+
return label;
|
|
3439
|
+
}
|
|
3384
3440
|
}
|
|
3385
|
-
GraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3441
|
+
GraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphComponent, deps: [{ token: i6.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
3386
3442
|
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"] }] });
|
|
3387
3443
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphComponent, decorators: [{
|
|
3388
3444
|
type: Component,
|
|
3389
3445
|
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>" }]
|
|
3390
|
-
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
3446
|
+
}], ctorParameters: function () { return [{ type: i6.DatePipe }]; }, propDecorators: { data: [{
|
|
3391
3447
|
type: Input,
|
|
3392
3448
|
args: ["data"]
|
|
3393
3449
|
}], title: [{
|
|
@@ -3497,8 +3553,8 @@ class GraphsComponent {
|
|
|
3497
3553
|
// Azzero le coordinate
|
|
3498
3554
|
this.selectedGeneratedFields.forEach((field) => { field.Coords = new Array(); });
|
|
3499
3555
|
this.eligibleAnswers = JSON.parse(JSON.stringify(this.answers));
|
|
3500
|
-
this.minperiodS = this.datePipe.transform(this.minperiod, "
|
|
3501
|
-
this.maxperiodS = this.datePipe.transform(this.maxperiod, "
|
|
3556
|
+
this.minperiodS = this.datePipe.transform(this.minperiod, "yyyy-MM-dd");
|
|
3557
|
+
this.maxperiodS = this.datePipe.transform(this.maxperiod, "yyyy-MM-dd");
|
|
3502
3558
|
// Filtro minimo periodo
|
|
3503
3559
|
if (this.minperiod != null) {
|
|
3504
3560
|
this.eligibleAnswers = this.eligibleAnswers.filter(x => x.AnswerDate.split("T")[0] >= this.minperiodS);
|
|
@@ -3513,8 +3569,10 @@ class GraphsComponent {
|
|
|
3513
3569
|
this.selectedGeneratedFields.forEach((field) => {
|
|
3514
3570
|
if (answervalues[field.Name] != null) {
|
|
3515
3571
|
var coords = new Coords();
|
|
3516
|
-
coords.x = new Date(answer.AnswerDate
|
|
3572
|
+
coords.x = new Date(answer.AnswerDate);
|
|
3517
3573
|
coords.y = parseFloat(answervalues[field.Name]);
|
|
3574
|
+
coords.label = this.datePipe.transform(coords.x, "dd/MM HH:mm");
|
|
3575
|
+
coords.name = coords.label;
|
|
3518
3576
|
field.Coords.push(coords);
|
|
3519
3577
|
}
|
|
3520
3578
|
});
|
|
@@ -3555,6 +3613,7 @@ class ListViewFormRecordComponent {
|
|
|
3555
3613
|
this.showTitle = true;
|
|
3556
3614
|
// values: Array<Record>;
|
|
3557
3615
|
this.test = false;
|
|
3616
|
+
this.loadedform = false;
|
|
3558
3617
|
this.panelOpenState = new Array();
|
|
3559
3618
|
this.selectedIndex = null;
|
|
3560
3619
|
this.visualizzaContenuto = false;
|
|
@@ -3645,6 +3704,7 @@ class ListViewFormRecordComponent {
|
|
|
3645
3704
|
});
|
|
3646
3705
|
this.utilityHelperService.RunEndPointCall(this.endPointConfiguration.Forms.GetByIDEndPoint, dynamicModuleParams, (res) => {
|
|
3647
3706
|
this.form = res;
|
|
3707
|
+
this.loadedform = true;
|
|
3648
3708
|
this.configureColumns();
|
|
3649
3709
|
}, (err) => { });
|
|
3650
3710
|
}
|
|
@@ -4000,10 +4060,10 @@ class ListViewFormRecordComponent {
|
|
|
4000
4060
|
}
|
|
4001
4061
|
}
|
|
4002
4062
|
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 });
|
|
4003
|
-
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" }] });
|
|
4063
|
+
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\">Elenco {{ 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 {{ 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" }] });
|
|
4004
4064
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewFormRecordComponent, decorators: [{
|
|
4005
4065
|
type: Component,
|
|
4006
|
-
args: [{ selector: "list-view-form-record", template: "<mat-card class=\"list-view-form-record\">\
|
|
4066
|
+
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\">Elenco {{ 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 {{ 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"] }]
|
|
4007
4067
|
}], ctorParameters: function () { return [{ type: UtilityHelperService }, { type: i0.ChangeDetectorRef }, { type: i1$2.MatDialog }, { type: i3$3.Router }]; }, propDecorators: { configurations: [{
|
|
4008
4068
|
type: Input
|
|
4009
4069
|
}], compileConfigurations: [{
|