@eqproject/eqp-dynamic-module 2.4.10 → 2.4.11

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

@@ -2945,7 +2945,7 @@ class ImageFieldTemplateComponent {
         if (this.record[this.field.Name] == null || this.record[this.field.Name] == 0) {
             this.FileDataBase64 = this.field.DynAttachment.FileDataBase64;
             this.imageWidth = (this.field.DynAttachment.ResizedImageHeightPx / this.field.DynAttachment.ImageHeightPx * this.field.DynAttachment.ImageWidthPx) + 50;
-            this.record[this.field.Name] = this.field.DynAttachmentID;
+            this.record[this.field.Name] = this.field.DynAttachment;
             this.imageDrawAttachment = JSON.parse(JSON.stringify(this.field.DynAttachment));
             this.imageDrawAttachment.ID = 0;
             this.AttachmentID = this.field.DynAttachment.ID;
@@ -3181,6 +3181,7 @@ class ImageFieldSelectorTemplateComponent {
         this.recordChange = new EventEmitter();
     }
     ngOnInit() {
+        console.log("RECORD ngOnInit()", this.record[this.field.Name], this.field);
         this.initStyles();
         this.initializeAttachments();
     }
@@ -3213,19 +3214,42 @@ class ImageFieldSelectorTemplateComponent {
             attachment.objectToSelect.ButtonKey = attachment.ButtonKey;
             attachment.objectToSelect.ButtonValue = attachment.ButtonValue;
         });
+        if (this.record[this.field.Name] != null) {
+            if (!this.field.IsMultiChoiche) {
+                this.transformedRecord = this.record[this.field.Name].ID;
+            }
+            else {
+                this.record[this.field.Name].forEach((element) => {
+                    this.transformedRecord.push(Number(element.ID));
+                });
+            }
+        }
     }
     /**
    * Metodo per emettere l'evento che il valore del record è cambiato.
    */
     onRecordValueChange(event) {
-        //this.recordChange.emit(this.record);
+        this.record[this.field.Name] = new Array();
+        if (!this.field.IsMultiChoiche) {
+            var dynAttachment = JSON.parse(JSON.stringify(this.field.AttachmentList.find(x => x.ID == event)));
+            dynAttachment.FileDataBase64 = null;
+            this.record[this.field.Name] = dynAttachment;
+        }
+        else {
+            this.transformedRecord.forEach((element) => {
+                var dynAttachment = JSON.parse(JSON.stringify(this.field.AttachmentList.find(x => x.ID == element)));
+                dynAttachment.FileDataBase64 = null;
+                this.record[this.field.Name].push(dynAttachment);
+            });
+        }
+        this.recordChange.emit(this.record);
     }
 }
 ImageFieldSelectorTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ImageFieldSelectorTemplateComponent, deps: [{ token: i1$2.MatDialog }, { token: UtilityHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ImageFieldSelectorTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ImageFieldSelectorTemplateComponent, selector: "image-field-selector-template", inputs: { record: "record", field: "field" }, outputs: { recordChange: "recordChange" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field [formGroup]=\"field.FormFormGroup\">\r\n  <mat-label class=\"pt-1 ps-3\" [ngStyle]=\"LabelstyleObj\">{{field.Description}}</mat-label>\r\n\r\n  <!-- Mat-Select SINGOLA -->\r\n  <mat-select *ngIf=\"!field.IsMultiChoiche\" class=\"imageFieldSelectorImages\" [formControlName]=\"field.Name\"\r\n  [required]=\"field.Required\" [(ngModel)]=\"record[field.Name]\" (ngModelChange)=\"onRecordValueChange($event)\">\r\n    <mat-option *ngFor=\"let attachment of field.AttachmentList\" [value]=\"attachment.objectToSelect.ID\">\r\n      <img src='data:image/{{ToLowerCase(attachment.FileExtension)}};base64,{{attachment.FileDataBase64}}' [height]=\"attachment.ResizedImageHeightPx != null ? attachment.ResizedImageHeightPx : 128\"> \r\n      <span>{{ attachment.ButtonKey }}</span>\r\n    </mat-option>\r\n  </mat-select>\r\n\r\n  <!-- Mat-Select MULTIPLA -->\r\n  <mat-select *ngIf=\"field.IsMultiChoiche\" class=\"imageFieldSelectorImages\" [formControlName]=\"field.Name\"\r\n  [required]=\"field.Required\" [(ngModel)]=\"record[field.Name]\" (ngModelChange)=\"onRecordValueChange($event)\" multiple>\r\n    <mat-option *ngFor=\"let attachment of field.AttachmentList\" [value]=\"attachment.objectToSelect.ID\">\r\n      <img src='data:image/{{ToLowerCase(attachment.FileExtension)}};base64,{{attachment.FileDataBase64}}' [height]=\"attachment.ResizedImageHeightPx != null ? attachment.ResizedImageHeightPx : 128\"> \r\n      <span>{{ attachment.ButtonKey }}</span>\r\n    </mat-option>\r\n  </mat-select>\r\n\r\n</mat-form-field>", styles: [".mdc-list-item__primary-text{margin-right:50px}\n"], dependencies: [{ kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+ImageFieldSelectorTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ImageFieldSelectorTemplateComponent, selector: "image-field-selector-template", inputs: { record: "record", field: "field" }, outputs: { recordChange: "recordChange" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field [formGroup]=\"field.FormFormGroup\">\r\n  <mat-label class=\"pt-1 ps-3\" [ngStyle]=\"LabelstyleObj\">{{field.Description}}</mat-label>\r\n\r\n  <!-- Mat-Select SINGOLA -->\r\n  <mat-select *ngIf=\"!field.IsMultiChoiche\" class=\"imageFieldSelectorImages\" [formControlName]=\"field.Name\"\r\n  [required]=\"field.Required\" [(ngModel)]=\"transformedRecord\" (ngModelChange)=\"onRecordValueChange($event)\">\r\n    <mat-option *ngFor=\"let attachment of field.AttachmentList\" [value]=\"attachment.ID\">\r\n      <img src='data:image/{{ToLowerCase(attachment.FileExtension)}};base64,{{attachment.FileDataBase64}}' [height]=\"attachment.ResizedImageHeightPx != null ? attachment.ResizedImageHeightPx : 128\"> \r\n      <span>{{ attachment.ButtonKey }}</span>\r\n    </mat-option>\r\n  </mat-select>\r\n\r\n  <!-- Mat-Select MULTIPLA -->\r\n  <mat-select *ngIf=\"field.IsMultiChoiche\" class=\"imageFieldSelectorImages\" [formControlName]=\"field.Name\"\r\n  [required]=\"field.Required\" [(ngModel)]=\"transformedRecord\" (ngModelChange)=\"onRecordValueChange($event)\" multiple>\r\n    <mat-option *ngFor=\"let attachment of field.AttachmentList\" [value]=\"attachment.ID\">\r\n      <img src='data:image/{{ToLowerCase(attachment.FileExtension)}};base64,{{attachment.FileDataBase64}}' [height]=\"attachment.ResizedImageHeightPx != null ? attachment.ResizedImageHeightPx : 128\"> \r\n      <span>{{ attachment.ButtonKey }}</span>\r\n    </mat-option>\r\n  </mat-select>\r\n\r\n</mat-form-field>", styles: [".mdc-list-item__primary-text{margin-right:50px}\n"], dependencies: [{ kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ImageFieldSelectorTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'image-field-selector-template', template: "<mat-form-field [formGroup]=\"field.FormFormGroup\">\r\n  <mat-label class=\"pt-1 ps-3\" [ngStyle]=\"LabelstyleObj\">{{field.Description}}</mat-label>\r\n\r\n  <!-- Mat-Select SINGOLA -->\r\n  <mat-select *ngIf=\"!field.IsMultiChoiche\" class=\"imageFieldSelectorImages\" [formControlName]=\"field.Name\"\r\n  [required]=\"field.Required\" [(ngModel)]=\"record[field.Name]\" (ngModelChange)=\"onRecordValueChange($event)\">\r\n    <mat-option *ngFor=\"let attachment of field.AttachmentList\" [value]=\"attachment.objectToSelect.ID\">\r\n      <img src='data:image/{{ToLowerCase(attachment.FileExtension)}};base64,{{attachment.FileDataBase64}}' [height]=\"attachment.ResizedImageHeightPx != null ? attachment.ResizedImageHeightPx : 128\"> \r\n      <span>{{ attachment.ButtonKey }}</span>\r\n    </mat-option>\r\n  </mat-select>\r\n\r\n  <!-- Mat-Select MULTIPLA -->\r\n  <mat-select *ngIf=\"field.IsMultiChoiche\" class=\"imageFieldSelectorImages\" [formControlName]=\"field.Name\"\r\n  [required]=\"field.Required\" [(ngModel)]=\"record[field.Name]\" (ngModelChange)=\"onRecordValueChange($event)\" multiple>\r\n    <mat-option *ngFor=\"let attachment of field.AttachmentList\" [value]=\"attachment.objectToSelect.ID\">\r\n      <img src='data:image/{{ToLowerCase(attachment.FileExtension)}};base64,{{attachment.FileDataBase64}}' [height]=\"attachment.ResizedImageHeightPx != null ? attachment.ResizedImageHeightPx : 128\"> \r\n      <span>{{ attachment.ButtonKey }}</span>\r\n    </mat-option>\r\n  </mat-select>\r\n\r\n</mat-form-field>", styles: [".mdc-list-item__primary-text{margin-right:50px}\n"] }]
+            args: [{ selector: 'image-field-selector-template', template: "<mat-form-field [formGroup]=\"field.FormFormGroup\">\r\n  <mat-label class=\"pt-1 ps-3\" [ngStyle]=\"LabelstyleObj\">{{field.Description}}</mat-label>\r\n\r\n  <!-- Mat-Select SINGOLA -->\r\n  <mat-select *ngIf=\"!field.IsMultiChoiche\" class=\"imageFieldSelectorImages\" [formControlName]=\"field.Name\"\r\n  [required]=\"field.Required\" [(ngModel)]=\"transformedRecord\" (ngModelChange)=\"onRecordValueChange($event)\">\r\n    <mat-option *ngFor=\"let attachment of field.AttachmentList\" [value]=\"attachment.ID\">\r\n      <img src='data:image/{{ToLowerCase(attachment.FileExtension)}};base64,{{attachment.FileDataBase64}}' [height]=\"attachment.ResizedImageHeightPx != null ? attachment.ResizedImageHeightPx : 128\"> \r\n      <span>{{ attachment.ButtonKey }}</span>\r\n    </mat-option>\r\n  </mat-select>\r\n\r\n  <!-- Mat-Select MULTIPLA -->\r\n  <mat-select *ngIf=\"field.IsMultiChoiche\" class=\"imageFieldSelectorImages\" [formControlName]=\"field.Name\"\r\n  [required]=\"field.Required\" [(ngModel)]=\"transformedRecord\" (ngModelChange)=\"onRecordValueChange($event)\" multiple>\r\n    <mat-option *ngFor=\"let attachment of field.AttachmentList\" [value]=\"attachment.ID\">\r\n      <img src='data:image/{{ToLowerCase(attachment.FileExtension)}};base64,{{attachment.FileDataBase64}}' [height]=\"attachment.ResizedImageHeightPx != null ? attachment.ResizedImageHeightPx : 128\"> \r\n      <span>{{ attachment.ButtonKey }}</span>\r\n    </mat-option>\r\n  </mat-select>\r\n\r\n</mat-form-field>", styles: [".mdc-list-item__primary-text{margin-right:50px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.MatDialog }, { type: UtilityHelperService }]; }, propDecorators: { record: [{
                 type: Input
             }], field: [{
@@ -3666,7 +3690,7 @@ class ImageWithMarkersFieldTemplateComponent {
         if (this.record[this.field.Name] == null || this.record[this.field.Name] == 0) {
             this.FileDataBase64 = this.field.DynAttachment.FileDataBase64;
             this.imageWidth = (this.field.DynAttachment.ResizedImageHeightPx / this.field.DynAttachment.ImageHeightPx * this.field.DynAttachment.ImageWidthPx) + 50;
-            this.record[this.field.Name] = this.field.DynAttachmentID;
+            this.record[this.field.Name] = this.field.DynAttachment;
             this.imageMarkAttachment = JSON.parse(JSON.stringify(this.field.DynAttachment));
             this.imageMarkAttachment.ID = 0;
             this.AttachmentID = this.field.DynAttachment.ID;