@eqproject/eqp-dynamic-module 2.9.25 → 2.9.26

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

@@ -13148,44 +13148,12 @@ class TriggerCreatorComponent {
             Object.keys(this.trigger.formulas).forEach((res) => {
                 /**qui devono essere messi i campi con valori da visualizzare nei campi dentro il popup
                  * (?) altrimenti se si entra in modifica non si vedono anche se presenti */
-                const myFormula = this.formulaFieldsStructure.find(x => x.key == res);
+                const myFormula = this.formulaFieldsStructure.find((x) => x.key == res);
                 myFormula.value = this.trigger.formulas[res].value; // inizializzo valore allo stesso modo per tutti i trigger
-                // se il valore è diverso dalla chiave, il trigger è stato configurato in precedenza come string
-                if (myFormula.type == this.triggerPropertyType.DROPDOWN_LIST && myFormula.value && myFormula?.selectedAllowedValue?.key != myFormula.value) {
-                    // questo caso si presenta quando si legge la configurazione di un trigger con triggerPropertyType modificata (string->list)
-                    // se è una dropdown ma non è mai stata configurata come tale (es. dichiarata come string) selectedAllowedValue ha il valore di default o è null, quindi va inizializzato
-                    if (!myFormula.allowedValues) { // se non è presente una lista di valori di default la creo per inserirci il nuovo elemento che sarà mostrato come selezionato
-                        myFormula.allowedValues = new Array;
-                    }
-                    // controllo se il valore ha una corrispondenza nella lista dei valori ammissibili
-                    // toglo gli apici perché le formule per come sono configurate li contengono
-                    let cleanValue;
-                    if ((myFormula.value.startsWith("'") && myFormula.value.endsWith("'")) ||
-                        (myFormula.value.startsWith('"') && myFormula.value.endsWith('"'))) {
-                        cleanValue = myFormula.value.slice(1, -1);
-                    }
-                    else {
-                        cleanValue = myFormula.value;
-                    }
-                    let newValueToShow = new KeyValue;
-                    newValueToShow.key = myFormula.value;
-                    newValueToShow.value = myFormula.value;
-                    const alreadyExist = myFormula.allowedValues.find(item => item.key == cleanValue || item.key == myFormula.value);
-                    // - se value è presente e diverso dal selettore nella dropdown lo ricerco tra i valori ammissibili; se non lo trovo lo aggiungo come nuova voce nella select
-                    if (alreadyExist) {
-                        GlobalService.debugLog("@@ IS found alreadyExist", alreadyExist);
-                        myFormula.selectedAllowedValue = alreadyExist;
-                    }
-                    else {
-                        GlobalService.debugLog("@@ NOT found alreadyExist", alreadyExist);
-                        let newValueToShow = new KeyValue;
-                        newValueToShow.key = newValueToShow.value = cleanValue;
-                        myFormula.allowedValues.push(newValueToShow);
-                        myFormula.selectedAllowedValue = newValueToShow;
-                    }
-                }
-                else {
-                    myFormula.selectedAllowedValue = this.trigger.formulas[res].selectedAllowedValue;
+                if (myFormula.type == this.triggerPropertyType.DROPDOWN_LIST) {
+                    this.stringToDropDownHandler(myFormula, this.trigger.formulas[res]);
+                    // se si toglie l'handler aggiungere
+                    // myFormula.selectedAllowedValue = this.trigger.formulas[res].selectedAllowedValue;
                 }
             });
         }
@@ -13324,6 +13292,74 @@ class TriggerCreatorComponent {
             formulaField.value = "";
         }
     }
+    /**
+   * adatta la compatibilità di proprietà di tipo dropdown dichiarate nel configurator ma create in precedenza come string
+   * nel caso di myFormula.value non presenti negli allowedValues queste saranno aggiunte come selezioni temporanee fino a quando modificate con una scelta ammissibile
+   * @param myFormula         elem of formulaFieldsStructure
+   * @param triggerFormula    this.trigger.formulas[res]
+   */
+    stringToDropDownHandler(myFormula, triggerFormula) {
+        // 1. se è una dropdown partono i controlli di compatibilità
+        if (myFormula.type == TriggerPropertyTypeEnum.DROPDOWN_LIST) {
+            // inizializzo gli allowedValues se non esistono
+            if (!myFormula.allowedValues) {
+                myFormula.allowedValues = new Array();
+            }
+            // per il controllo sui valori dichiarati in precedenza come string devo escludere gli apici
+            const selectedCleanValue = new KeyValue();
+            if (myFormula.value != null &&
+                ((myFormula.value.startsWith("'") &&
+                    myFormula.value.endsWith("'")) ||
+                    (myFormula.value.startsWith('"') &&
+                        myFormula.value.endsWith('"')))) {
+                selectedCleanValue.key = selectedCleanValue.value = myFormula.value.slice(1, -1);
+            }
+            else if (myFormula.value != null) {
+                selectedCleanValue.key = selectedCleanValue.value = myFormula.value;
+            }
+            // true se esiste una corrispondenza di value in allowedValues
+            const isValueInAllowed = selectedCleanValue != null && myFormula.allowedValues.some(item => item.key === selectedCleanValue.key);
+            /*if (myFormula.key == "destinatario_trigger") {
+              GlobalService.debugLog("@@ -out cycle- myFormula.value",myFormula);
+              GlobalService.debugLog("@@ -out cycle-  myFormula?.selectedAllowedValue?.key != myFormula.value",myFormula?.selectedAllowedValue?.key != selectedCleanValue);
+              GlobalService.debugLog("@@ -out cycle-  isSelected",selectedCleanValue);
+              GlobalService.debugLog("@@ -out cycle-  isValueInAllowed",isValueInAllowed);
+            }*/
+            // nelle dropdown value è nullo, se non lo è significa che la proprietà in precedenza è stata dichiarata diversa da dropdown
+            if (myFormula.value != null) {
+                // se value è presente nella lista dei valori ammessi imposto il corrispondente come selezionato e svuoto value perché gestito da selectedAllowedValue
+                if (isValueInAllowed) {
+                    myFormula.selectedAllowedValue = selectedCleanValue;
+                    myFormula.value = null;
+                }
+                else {
+                    // se non è stato trovato un elemento compatibile con value negli allowed, creo un nuovo elemento nella lista e lo seleziono
+                    myFormula.allowedValues.push(selectedCleanValue);
+                    myFormula.selectedAllowedValue = selectedCleanValue;
+                    myFormula.value = null;
+                    /*if (myFormula.key == "destinatario_trigger") {
+                    GlobalService.debugLog("@@ il selected non è disponibile nei predisposti allowedValues",myFormula.allowedValues);
+                    GlobalService.debugLog("@@ il selected non è disponibile nei predisposti selectedAllowedValue",myFormula.selectedAllowedValue);
+                    }*/
+                }
+            }
+            else {
+                /*
+                if (myFormula.key == "destinatario_trigger") {
+                GlobalService.debugLog("@@ default: my formula",myFormula);
+                GlobalService.debugLog("@@ default: this.trigger.formulas[res]",this.trigger.formulas[res]);
+                GlobalService.debugLog("@@ default: è resente? in allowedValues?", myFormula.allowedValues.some(item => item.key == myFormula.selectedAllowedValue.key));
+                }
+                */
+                // Comportamento di default: se myFormula.value ==null verifico che il selected è presente nella lista degli allowed; in caso negativo lo aggiungo
+                myFormula.selectedAllowedValue = triggerFormula.selectedAllowedValue; // aggiorno la selezione corrente
+                if (!myFormula.allowedValues.some(item => item.key == myFormula.selectedAllowedValue.key)) {
+                    //GlobalService.debugLog("@@ default: my formula",myFormula);
+                    myFormula.allowedValues.push(myFormula.selectedAllowedValue);
+                }
+            }
+        }
+    }
 }
 TriggerCreatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TriggerCreatorComponent, deps: [{ token: i1$3.MatDialog }, { token: UtilityHelperService }], target: i0.ɵɵFactoryTarget.Component });
 TriggerCreatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TriggerCreatorComponent, selector: "trigger-creator", inputs: { form: "form", trigger: "trigger", formulas: "formulas", endPointConfiguration: "endPointConfiguration" }, outputs: { onSaveRecord: "onSaveRecord" }, viewQueries: [{ propertyName: "dialogFormula", first: true, predicate: ["dialogFormula"], descendants: true, static: true }], ngImport: i0, template: "\r\n<mat-card class=\"add-form-field\">\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            {{trigger != null ? \"Modifica\" : \"Aggiungi\"}} trigger\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content>\r\n\r\n    <div class=\"container-fluid containerContent padder\" *ngIf=\"trigger.conditions != null\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-3\">Descrizione Trigger</div>\r\n            <div class=\"col-9\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> Descrizione </mat-label>\r\n                    <input matInput [(ngModel)]=\"trigger.description\" [readonly]=\"false\" [required]=\"false\">\r\n                </mat-form-field>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-3\">Tipo Trigger</div>\r\n            <div class=\"col-9\">\r\n                <eqp-select [arrayData]=\"formulaKeys\" [(ngModelInput)]=\"selectedFormula\"\r\n                [arrayKeyProperty]=\"'key'\" [arrayValueProperty]=\"'key'\" [showCancelButton]=\"false\" (ngModelInputChange)=\"onChangeFormula($event)\">\r\n                </eqp-select>            \r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngFor=\"let formulaField of formulaFieldsStructure\">\r\n            <div class=\"col-3\">{{formulaField.key}}</div>\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.STRING\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> {{formulaField.key}}</mat-label>\r\n                    <input matInput [readonly]=\"false\" [required]=\"false\" [matTooltip]=\"formulaField.tooltip\" (click)=\"openFormulaDialog(formulaField)\" [(ngModel)]=\"formulaField.value\" (ngModelChange)=\"onFormulaFieldChange(formulaField)\">\r\n                </mat-form-field>\r\n            </div>\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DMMODULE\">\r\n                <eqp-select [placeholder]=\"'Seleziona modulo'\" [arrayData]=\"forms\" [(ngModelInput)]=\"formulaField.object\" [isSearchable]=\"true\"\r\n                [arrayKeyProperty]=\"'ID'\" [arrayValueProperty]=\"'Name'\" [ngModelOptions]=\"{ standalone: true }\" (ngModelInputChange)=\"onEqpSelectModule($event, formulaField)\">\r\n                </eqp-select>\r\n            </div>\r\n\r\n            <!-- campi con valori vincolati li mostro in una select-->\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DROPDOWN_LIST\">\r\n                <eqp-select\r\n                    [placeholder]=\"'Seleziona valore'\"\r\n                    [arrayData]=\"formulaField.allowedValues\"\r\n                    (ngModelInputChange)=\"onDropDownSelection($event,formulaField)\"\r\n                    [(ngModelInput)]=\"formulaField.selectedAllowedValue\"\r\n                    [arrayKeyProperty]=\"'key'\"\r\n                    [arrayValueProperty]=\"'value'\"\r\n                    [isRequired]=\"false\"\r\n                    class=\"eqp-form-field eqp-coloured\">\r\n                </eqp-select>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <button class=\"btn btn-primary\" (click)=\"addCondition()\">Aggiungi condizione</button>\r\n\r\n        <div class=\"padder\" *ngFor=\"let condition of trigger.conditions\">\r\n            <div class=\"row\" *ngIf=\"condition.Field != null\">\r\n                <div class=\"col-1\"><button class=\"btn btn-danger\"><mat-icon (click)=\"deleteCondition(condition)\">delete</mat-icon></button></div>\r\n                <div class=\"col-2\">\r\n                    <eqp-select [arrayData]=\"form.Fields\" [(ngModelInput)]=\"condition.Field\"\r\n                    [arrayKeyProperty]=\"'Name'\" [arrayValueProperty]=\"'Name'\"\r\n                    [showCancelButton]=\"false\" (ngModelInputChange)=\"onFieldTypeChange($event, condition)\"\r\n                    [includeFullObject]=\"true\">\r\n                    </eqp-select>\r\n                </div>            \r\n                <div class=\"col-9\" *ngIf=\"condition.Field != null\">\r\n                    <dynamic-module-trigger-fix #fieldTemplate [condition]=\"condition\" [form]=\"form\" (triggerChange)=\"onTriggerChange($event, condition)\"></dynamic-module-trigger-fix>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    </mat-card-content>\r\n    <mat-card-footer>\r\n        <div class=\"d-flex justify-content-end mt-2 mb-1 me-3\"> \r\n            <button class=\"mr-2\" mat-raised-button type=\"button\" (click)=\"saveOrExitForm(true)\">\r\n                Annulla\r\n            </button>\r\n            <button class=\"mr-2\" mat-raised-button color=\"primary\" type=\"button\"\r\n                (click)=\"saveOrExitForm(false)\" [disabled]=\"isSaving\">\r\n                <span *ngIf=\"!isSaving\">Salva</span>\r\n                <span *ngIf=\"isSaving\">Salvataggio in Corso...</span>\r\n            </button>\r\n        </div>\r\n    </mat-card-footer>\r\n\r\n</mat-card>\r\n\r\n<!--DIALOG PER SEMPLIFICARE LA SCRITTURA DEL CAMPO FORMULA-->\r\n<ng-template #dialogFormula>\r\n    <eqp-dynamic-module-add-formula-component>\r\n    </eqp-dynamic-module-add-formula-component>\r\n</ng-template>", styles: [".padder{padding:15px}\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: "directive", type: i1$1.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: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { 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: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "component", type: i2$3.EqpSelectComponent, selector: "eqp-select", inputs: ["placeholder", "enumData", "enumDataToExclude", "arrayData", "arrayKeyProperty", "arrayValueProperty", "ngModelOptions", "ngModelInput", "formGroupInput", "formControlNameInput", "isRequired", "isDisabled", "isMultiLanguage", "multilanguagePrefixKey", "isAlphabeticalOrderable", "suffixIcon", "prefixIcon", "isMultiSelect", "includeFullObject", "showCancelButton", "isSearchable", "searchText", "noResultSearchText", "data"], outputs: ["ngModelInputChange"] }, { kind: "component", type: AddFormulaComponent, selector: "eqp-dynamic-module-add-formula-component" }, { kind: "component", type: DynamicModuleTriggerFixComponent, selector: "dynamic-module-trigger-fix", inputs: ["condition", "form"], outputs: ["triggerChange"] }] });