@fuentis/phoenix-ui 0.0.9-alpha.588 → 0.0.9-alpha.589

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -3734,6 +3734,55 @@ function noDangerousCharsValidator() {
     };
 }
 
+var CompareOperatorType;
+(function (CompareOperatorType) {
+    CompareOperatorType["LESS_OR_EQUAL"] = "LESS_OR_EQUAL";
+    CompareOperatorType["LESS"] = "LESS";
+    CompareOperatorType["EQUAL"] = "EQUAL";
+    CompareOperatorType["MORE_OR_EQUAL"] = "MORE_OR_EQUAL";
+    CompareOperatorType["MORE"] = "MORE";
+})(CompareOperatorType || (CompareOperatorType = {}));
+function dateCompareValidator(fieldToCompare, comparison, errMessage) {
+    return (control) => {
+        if (!control.parent)
+            return null; // ako form group ne postoji
+        const compareControl = control.parent.get(fieldToCompare);
+        if (!compareControl)
+            return null; // polje za poređenje ne postoji
+        const controlValue = control.value ? new Date(control.value) : null;
+        const compareValue = compareControl.value
+            ? new Date(compareControl.value)
+            : null;
+        if (!controlValue || !compareValue)
+            return null; // nema vrednosti, ne validira
+        let valid = true;
+        switch (comparison) {
+            case CompareOperatorType.LESS:
+                valid = controlValue < compareValue;
+                break;
+            case CompareOperatorType.LESS_OR_EQUAL:
+                valid = controlValue <= compareValue;
+                break;
+            case CompareOperatorType.EQUAL:
+                valid = controlValue.getTime() === compareValue.getTime();
+                break;
+            case CompareOperatorType.MORE_OR_EQUAL:
+                valid = controlValue >= compareValue;
+                break;
+            case CompareOperatorType.MORE:
+                valid = controlValue > compareValue;
+                break;
+        }
+        if (!valid) {
+            return {
+                dateCompare: errMessage ||
+                    `Datum ne zadovoljava uslov ${comparison} u odnosu na ${fieldToCompare}`,
+            };
+        }
+        return null; // validno
+    };
+}
+
 class MetaFormService {
     router = inject(Router);
     formEvent = new Subject();
@@ -3808,8 +3857,7 @@ class MetaFormAbstract {
     onFormCancel = new EventEmitter();
     formActive$;
     formSub$;
-    constructor(fb, metaService, translateService, http // private env: EnvService
-    ) {
+    constructor(fb, metaService, translateService, http) {
         this.fb = fb;
         this.metaService = metaService;
         this.translateService = translateService;
@@ -3823,10 +3871,7 @@ class MetaFormAbstract {
     }
     createForm(controls) {
         controls?.forEach((control) => {
-            this.metaForm.addControl(control.configuration?.key, this.fb.control(getFieldType(control)
-            ///updateOn: blur only for controls with async validators. If added for all each tab/step toggle removes form value. Check why
-            // control.asyncValidators && { updateOn: 'blur' },
-            ));
+            this.metaForm.addControl(control.configuration?.key, this.fb.control(getFieldType(control)));
             //add validators
             this.addControlValidators(control);
             //disable non editable fields
@@ -3864,6 +3909,11 @@ class MetaFormAbstract {
                 validators.push(timePeriod(this.translateService.currentLang, control.validators.tpMin));
             control.validators.dueDate && validators.push(startDueDateValidator);
         }
+        if (control.validators?.compare) {
+            const compareConfig = control.validators.compare;
+            validators.push(dateCompareValidator(compareConfig.fieldToCompare, // napomena: ispravi typo 'feildToCompare'
+            compareConfig.comparisonOperator, compareConfig.errMessage));
+        }
         if (control?.mandatory) {
             validators.push(Validators.required);
         }
@@ -4386,6 +4436,7 @@ var ErrorType;
     ErrorType["MAX"] = "max";
     ErrorType["MIN"] = "min";
     ErrorType["DANGEROUS_CHARS"] = "dangerousChars";
+    ErrorType["DATE_COMPARE"] = "dateCompare";
 })(ErrorType || (ErrorType = {}));
 
 class InlineFieldError {
@@ -4437,6 +4488,7 @@ class InlineFieldError {
         //   return 'ENTRY OK';
         // }
         if (control?.errors) {
+            console.log('error type', Object.keys(control.errors)[0]);
             switch (Object.keys(control.errors)[0]) {
                 case ErrorType.REQUIRED:
                     return this.translateService.instant('VALIDATION_MESSAGE.THIS_FIELD_IS_REQUIRED');
@@ -4469,6 +4521,8 @@ class InlineFieldError {
                     return this.translateService.instant('VALIDATION_MESSAGE.VALUE_SHOULD_MATCH_TIMEPATTERN_LIMIT_MIN');
                 case ErrorType.BOTH_DATES:
                     return this.translateService.instant('VALIDATION_MESSAGE.BOTH_START_END_DATE_REQUIRED');
+                case ErrorType.DATE_COMPARE:
+                    return this.translateService.instant(control.errors['dateCompare']);
                 // add more cases for other validators as needed
                 case ErrorType.PATTERN:
                     const re = '^(https?://)?([\\da-z.-]+)\\.([a-z.]{2,6})[/\\w .-]*/?$';