@eqproject/eqp-dynamic-module 2.4.8 → 2.4.10
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/add-form-field/add-form-field.component.mjs +40 -3
- package/esm2020/lib/components/private/field-templates/text-field-template/text-field-template.component.mjs +3 -3
- package/esm2020/lib/components/private/field-templates/textarea-field-template/textarea-field-template.component.mjs +3 -3
- package/esm2020/lib/models/dynAttachment.mjs +1 -1
- package/fesm2015/eqproject-eqp-dynamic-module.mjs +43 -6
- package/fesm2015/eqproject-eqp-dynamic-module.mjs.map +1 -1
- package/fesm2020/eqproject-eqp-dynamic-module.mjs +43 -6
- package/fesm2020/eqproject-eqp-dynamic-module.mjs.map +1 -1
- package/lib/components/private/add-form-field/add-form-field.component.d.ts +2 -0
- package/lib/models/dynAttachment.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1791,10 +1791,10 @@ class TextFieldTemplateComponent {
|
|
|
1791
1791
|
}
|
|
1792
1792
|
}
|
|
1793
1793
|
TextFieldTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextFieldTemplateComponent, deps: [{ token: VoiceRecognitionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1794
|
-
TextFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextFieldTemplateComponent, selector: "text-field-template", inputs: { field: "field", record: "record" }, outputs: { recordChange: "recordChange" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field [formGroup]=\"field.FormFormGroup\">\r\n
|
|
1794
|
+
TextFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextFieldTemplateComponent, selector: "text-field-template", inputs: { field: "field", record: "record" }, 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\">\r\n {{ field.Description }}\r\n </mat-label>\r\n <input\r\n [ngStyle]=\"FieldstyleObj\"\r\n matInput\r\n [type]=\"getInputType()\"\r\n [formControlName]=\"field.Name\"\r\n [readonly]=\"field.Readonly || (field.Formula != null && field.Formula != '')\"\r\n [required]=\"field.Required\"\r\n [(ngModel)]=\"record[field.Name]\"\r\n (ngModelChange)=\"onRecordValueChange()\"\r\n />\r\n <mat-error\r\n *ngIf=\"\r\n !field.FormFormGroup.valid &&\r\n field.FormFormGroup.controls[field.Name].touched &&\r\n !field.Readonly\r\n \"\r\n >\r\n Min. Caratteri: {{ field.MinLenght }} - Max. Caratteri:\r\n {{ field.MaxLenght }}\r\n </mat-error>\r\n <mat-icon\r\n [hidden]=\"!field.Microphone\"\r\n (click)=\"ttsClick()\"\r\n matSuffix\r\n style=\"cursor: pointer\"\r\n [color]=\"!isStillRecoginze ? '' : 'warn'\"\r\n >keyboard_voice</mat-icon\r\n >\r\n</mat-form-field>\r\n", styles: ["input.ng-touched.ng-invalid,input.ng-dirty.ng-invalid{border:red 2px solid!important}::ng-deep .mat-form-field-label{font-size:x-large}\n"], dependencies: [{ kind: "directive", type: i2$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { 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: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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.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"] }] });
|
|
1795
1795
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextFieldTemplateComponent, decorators: [{
|
|
1796
1796
|
type: Component,
|
|
1797
|
-
args: [{ selector: 'text-field-template', template: "<mat-form-field [formGroup]=\"field.FormFormGroup\">\r\n
|
|
1797
|
+
args: [{ selector: 'text-field-template', template: "<mat-form-field [formGroup]=\"field.FormFormGroup\">\r\n <mat-label class=\"pt-1 ps-3\" [ngStyle]=\"LabelstyleObj\">\r\n {{ field.Description }}\r\n </mat-label>\r\n <input\r\n [ngStyle]=\"FieldstyleObj\"\r\n matInput\r\n [type]=\"getInputType()\"\r\n [formControlName]=\"field.Name\"\r\n [readonly]=\"field.Readonly || (field.Formula != null && field.Formula != '')\"\r\n [required]=\"field.Required\"\r\n [(ngModel)]=\"record[field.Name]\"\r\n (ngModelChange)=\"onRecordValueChange()\"\r\n />\r\n <mat-error\r\n *ngIf=\"\r\n !field.FormFormGroup.valid &&\r\n field.FormFormGroup.controls[field.Name].touched &&\r\n !field.Readonly\r\n \"\r\n >\r\n Min. Caratteri: {{ field.MinLenght }} - Max. Caratteri:\r\n {{ field.MaxLenght }}\r\n </mat-error>\r\n <mat-icon\r\n [hidden]=\"!field.Microphone\"\r\n (click)=\"ttsClick()\"\r\n matSuffix\r\n style=\"cursor: pointer\"\r\n [color]=\"!isStillRecoginze ? '' : 'warn'\"\r\n >keyboard_voice</mat-icon\r\n >\r\n</mat-form-field>\r\n", styles: ["input.ng-touched.ng-invalid,input.ng-dirty.ng-invalid{border:red 2px solid!important}::ng-deep .mat-form-field-label{font-size:x-large}\n"] }]
|
|
1798
1798
|
}], ctorParameters: function () { return [{ type: VoiceRecognitionService }]; }, propDecorators: { field: [{
|
|
1799
1799
|
type: Input
|
|
1800
1800
|
}], record: [{
|
|
@@ -2017,10 +2017,10 @@ class TextareaFieldTemplateComponent {
|
|
|
2017
2017
|
}
|
|
2018
2018
|
}
|
|
2019
2019
|
TextareaFieldTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextareaFieldTemplateComponent, deps: [{ token: VoiceRecognitionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2020
|
-
TextareaFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextareaFieldTemplateComponent, selector: "textarea-field-template", inputs: { field: "field", record: "record" }, outputs: { recordChange: "recordChange" }, providers: [VoiceRecognitionService], usesOnChanges: true, ngImport: i0, template: "<mat-form-field [formGroup]=\"field.FormFormGroup\"
|
|
2020
|
+
TextareaFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextareaFieldTemplateComponent, selector: "textarea-field-template", inputs: { field: "field", record: "record" }, outputs: { recordChange: "recordChange" }, providers: [VoiceRecognitionService], usesOnChanges: true, ngImport: i0, template: "<mat-form-field [formGroup]=\"field.FormFormGroup\">\r\n <mat-label class=\"ps-3\" [ngStyle]=\"LabelstyleObj\">\r\n {{ field.Description }}\r\n </mat-label>\r\n <textarea\r\n class=\"pt-2 mt-2\"\r\n [ngStyle]=\"FieldstyleObj\"\r\n matInput\r\n [placeholder]=\"field.Description\"\r\n [rows]=\"field.Rows\"\r\n [formControlName]=\"field.Name\"\r\n [readonly]=\"field.Readonly\"\r\n [required]=\"field.Required\"\r\n [(ngModel)]=\"record[field.Name]\"\r\n (ngModelChange)=\"onRecordValueChange()\"\r\n ></textarea>\r\n <mat-error\r\n *ngIf=\"\r\n !field.FormFormGroup.valid &&\r\n field.FormFormGroup.controls[field.Name].touched &&\r\n !field.Readonly\r\n \"\r\n >\r\n Min. Caratteri: {{ field.MinLenght }} - Max. Caratteri:\r\n {{ field.MaxLenght }}\r\n </mat-error>\r\n <mat-icon\r\n *ngIf=\"field.Microphone\"\r\n (click)=\"ttsClick()\"\r\n matSuffix\r\n style=\"cursor: pointer\"\r\n [color]=\"!isStillRecoginze ? '' : 'warn'\"\r\n >\r\n keyboard_voice\r\n </mat-icon>\r\n</mat-form-field>\r\n", styles: ["input.ng-touched.ng-invalid,input.ng-dirty.ng-invalid{border:red 2px solid!important}::ng-deep .mat-input-element{background-color:#fff}::ng-deep .mat-form-field-label{font-size:x-large}::ng-deep textarea#mat-input-50{min-height:55px}::ng-deep label#mat-form-field-label-133{padding-top:7px}\n"], dependencies: [{ kind: "directive", type: i2$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { 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: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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.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"] }] });
|
|
2021
2021
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextareaFieldTemplateComponent, decorators: [{
|
|
2022
2022
|
type: Component,
|
|
2023
|
-
args: [{ selector: 'textarea-field-template', providers: [VoiceRecognitionService], template: "<mat-form-field [formGroup]=\"field.FormFormGroup\"
|
|
2023
|
+
args: [{ selector: 'textarea-field-template', providers: [VoiceRecognitionService], template: "<mat-form-field [formGroup]=\"field.FormFormGroup\">\r\n <mat-label class=\"ps-3\" [ngStyle]=\"LabelstyleObj\">\r\n {{ field.Description }}\r\n </mat-label>\r\n <textarea\r\n class=\"pt-2 mt-2\"\r\n [ngStyle]=\"FieldstyleObj\"\r\n matInput\r\n [placeholder]=\"field.Description\"\r\n [rows]=\"field.Rows\"\r\n [formControlName]=\"field.Name\"\r\n [readonly]=\"field.Readonly\"\r\n [required]=\"field.Required\"\r\n [(ngModel)]=\"record[field.Name]\"\r\n (ngModelChange)=\"onRecordValueChange()\"\r\n ></textarea>\r\n <mat-error\r\n *ngIf=\"\r\n !field.FormFormGroup.valid &&\r\n field.FormFormGroup.controls[field.Name].touched &&\r\n !field.Readonly\r\n \"\r\n >\r\n Min. Caratteri: {{ field.MinLenght }} - Max. Caratteri:\r\n {{ field.MaxLenght }}\r\n </mat-error>\r\n <mat-icon\r\n *ngIf=\"field.Microphone\"\r\n (click)=\"ttsClick()\"\r\n matSuffix\r\n style=\"cursor: pointer\"\r\n [color]=\"!isStillRecoginze ? '' : 'warn'\"\r\n >\r\n keyboard_voice\r\n </mat-icon>\r\n</mat-form-field>\r\n", styles: ["input.ng-touched.ng-invalid,input.ng-dirty.ng-invalid{border:red 2px solid!important}::ng-deep .mat-input-element{background-color:#fff}::ng-deep .mat-form-field-label{font-size:x-large}::ng-deep textarea#mat-input-50{min-height:55px}::ng-deep label#mat-form-field-label-133{padding-top:7px}\n"] }]
|
|
2024
2024
|
}], ctorParameters: function () { return [{ type: VoiceRecognitionService }]; }, propDecorators: { field: [{
|
|
2025
2025
|
type: Input
|
|
2026
2026
|
}], record: [{
|
|
@@ -8697,7 +8697,9 @@ class AddFormFieldComponent {
|
|
|
8697
8697
|
attachment.ImageWidthPx = img.width;
|
|
8698
8698
|
attachment.ImageHeightPx = img.height;
|
|
8699
8699
|
attachment.AttachmentFieldType = AttachmentFieldTypeEnum.ELENCO_IMMAGINI;
|
|
8700
|
-
self.imageSelectorAttachments
|
|
8700
|
+
if (self.imageSelectorAttachments) {
|
|
8701
|
+
self.imageSelectorAttachments.reloadData();
|
|
8702
|
+
}
|
|
8701
8703
|
});
|
|
8702
8704
|
}
|
|
8703
8705
|
});
|
|
@@ -8956,6 +8958,10 @@ class AddFormFieldComponent {
|
|
|
8956
8958
|
*/
|
|
8957
8959
|
saveAndExitAddField(save) {
|
|
8958
8960
|
this.setResizedImagesHeightPx();
|
|
8961
|
+
this.setFieldOrdinalPosition();
|
|
8962
|
+
if (this.imageSelectorAttachments) {
|
|
8963
|
+
this.imageSelectorAttachments.reloadData();
|
|
8964
|
+
}
|
|
8959
8965
|
if (save) {
|
|
8960
8966
|
// retrocompatibilità con valuepairs per Elenco Generico
|
|
8961
8967
|
if (this.field.FieldType == FieldTypeEnum["Elenco generico"]) {
|
|
@@ -9025,6 +9031,18 @@ class AddFormFieldComponent {
|
|
|
9025
9031
|
key: 'action', display: '', type: TypeColumn.MenuAction, buttonMenuIcon: 'more_vert', styles: { flex: '0 0 6%' },
|
|
9026
9032
|
actions: [
|
|
9027
9033
|
{ name: 'Elimina', icon: 'delete', fn: (element, index, col) => this.deleteListImage(element, index, col) },
|
|
9034
|
+
{
|
|
9035
|
+
name: "Sposta su",
|
|
9036
|
+
icon: "arrow_upward",
|
|
9037
|
+
fn: (element, index, col) => this.moveElement(element, true),
|
|
9038
|
+
disabled: (element) => this.field.AttachmentList.indexOf(element) === 0,
|
|
9039
|
+
},
|
|
9040
|
+
{
|
|
9041
|
+
name: "Sposta giù",
|
|
9042
|
+
icon: "arrow_downward",
|
|
9043
|
+
fn: (element, index, col) => this.moveElement(element, false),
|
|
9044
|
+
disabled: (element) => this.field.AttachmentList.indexOf(element) >= this.field.AttachmentList.length - 1,
|
|
9045
|
+
},
|
|
9028
9046
|
]
|
|
9029
9047
|
});
|
|
9030
9048
|
this.configColumnListImages.push({
|
|
@@ -9054,13 +9072,32 @@ class AddFormFieldComponent {
|
|
|
9054
9072
|
display: "Altezza"
|
|
9055
9073
|
});
|
|
9056
9074
|
}
|
|
9075
|
+
moveElement(element, moveUp) {
|
|
9076
|
+
const startingIndex = this.field.AttachmentList.indexOf(element);
|
|
9077
|
+
const endingIndex = startingIndex + (moveUp ? -1 : 1);
|
|
9078
|
+
this.field.AttachmentList.splice(startingIndex, 1);
|
|
9079
|
+
this.field.AttachmentList.splice(endingIndex, 0, element);
|
|
9080
|
+
this.setFieldOrdinalPosition();
|
|
9081
|
+
if (this.imageSelectorAttachments) {
|
|
9082
|
+
this.imageSelectorAttachments.reloadData();
|
|
9083
|
+
}
|
|
9084
|
+
}
|
|
9085
|
+
setFieldOrdinalPosition() {
|
|
9086
|
+
if (this.field.AttachmentList) {
|
|
9087
|
+
this.field.AttachmentList.forEach((field) => {
|
|
9088
|
+
field.OrdinalPosition = this.field.AttachmentList.indexOf(field);
|
|
9089
|
+
});
|
|
9090
|
+
}
|
|
9091
|
+
}
|
|
9057
9092
|
setResizedImagesHeightPx() {
|
|
9058
9093
|
this.resizedImagesHeightPx = this.field.ResizedImagesHeightPx;
|
|
9059
9094
|
}
|
|
9060
9095
|
deleteListImage(el, i, col) {
|
|
9061
9096
|
EqpDynamicModuleDialogService.Confirm('Eliminare questa immagine?', () => {
|
|
9062
9097
|
this.field.AttachmentList.splice(el.originalIndex, 1);
|
|
9063
|
-
this.imageSelectorAttachments
|
|
9098
|
+
if (this.imageSelectorAttachments) {
|
|
9099
|
+
this.imageSelectorAttachments.reloadData();
|
|
9100
|
+
}
|
|
9064
9101
|
}, false, 'Richiesta conferma');
|
|
9065
9102
|
}
|
|
9066
9103
|
deleteImage(el) {
|