tin-spa 2.13.13 → 2.13.15

package/fesm2020/tin-spa.mjs

@@ -551,7 +551,6 @@ class Core {
                         return `Please select ${name}`;
                 }
             }
-            // Changed: Added regex validation for text fields - only validate if field has content
             if (field.type == 'text' && field.regex && d && d.toString().trim() !== '') {
                 const regexPattern = new RegExp(field.regex.pattern);
                 if (!regexPattern.test(d)) {
@@ -2130,7 +2129,6 @@ class DataServiceLib {
     ClearCache() {
         this.listCache = {};
         this.cacheTimestamps = {};
-        // Added: Clear ongoing requests as well
         Object.keys(this.ongoingRequests).forEach(key => {
             delete this.ongoingRequests[key];
         });
@@ -2529,7 +2527,6 @@ class TextComponent {
         this.max = 9000000000000000; //Math.max
         this.isHovered = false;
         //validation
-        // Changed: Updated FormControl validators to use proper validation setup
         this.myControl = new FormControl('', this.getValidators());
         this.control = new FormControl(this.value, this.getValidators());
     }
@@ -2581,7 +2578,6 @@ class TextComponent {
             control.updateValueAndValidity();
         }
         if (!this.required && !this.readonly) {
-            // Changed: Updated to use regex.pattern instead of regex string
             const regexPattern = this.regex ? this.regex.pattern : '';
             control.setValidators([Validators.minLength(this.min), Validators.maxLength(this.max), Validators.pattern(regexPattern)]);
             this.control.updateValueAndValidity();
@@ -2617,7 +2613,6 @@ class TextComponent {
     }
     leaved() {
         this.leave.emit();
-        // Changed: Updated to use new regex object structure for validation on blur
         if (this.regex && this.value) {
             const regexPattern = new RegExp(this.regex.pattern);
             if (!regexPattern.test(this.value)) {
@@ -2676,7 +2671,6 @@ class TextComponent {
         if (control.hasError('maxlength')) {
             return `Maximum length is ${this.max}`;
         }
-        // Changed: Updated to use custom regex message when pattern validation fails
         if (control.hasError('pattern')) {
             return this.regex?.message || 'Invalid Input';
         }
@@ -2809,11 +2803,11 @@ class DateComponent {
         this.max = "9999-01-01";
         this.readonly = false;
         this.hint = "";
-        this.value = Core.nowDate(true); // Changed: Allow null values
+        this.value = Core.nowDate(true);
         this.display = "";
         this.placeholder = "";
         this.width = "100%";
-        this.valueChange = new EventEmitter(); // Changed: Allow emitting null
+        this.valueChange = new EventEmitter();
         this.infoClick = new EventEmitter();
     }
     onInfoClick(event) {
@@ -2828,14 +2822,12 @@ class DateComponent {
             this.updateControlState();
         }
         if (changes['value']) {
-            // Changed: Set null if value is null/undefined/empty, otherwise create Date object
             this.control?.setValue(this.value ? new Date(this.value) : null);
         }
     }
     initializeDateControls() {
         this.minDate = new FormControl(new Date(this.min));
         this.maxDate = new FormControl(new Date(this.max));
-        // Changed: Initialize with null if value is null/undefined/empty, otherwise create Date object
         const initialValue = this.value ? new Date(this.value) : null;
         this.control = new FormControl({ value: initialValue, disabled: this.readonly });
         this.updateControlState();
@@ -2850,7 +2842,6 @@ class DateComponent {
         }
     }
     onChangeEvent() {
-        // Changed: Emit null when control value is null, otherwise format the date
         const controlValue = this.control.value;
         const formattedDate = controlValue ? Core.getFormatedDate2(controlValue, true) : null;
         this.valueChange.emit(formattedDate);
@@ -4947,6 +4938,9 @@ class FormComponent {
     }
     selectChanged(field) {
         this.inputChanged(field, this.data[field.name]);
+        if (field.onSelectChange) {
+            field.onSelectChange(this.data[field.name], this.data);
+        }
     }
     inputChanged(field, value) {
         this.inputChange.emit({ field: field, value: value });
@@ -5398,7 +5392,9 @@ class DetailsDialogLite {
     }
     processButtonAction(button) {
         if (!button.action) {
-            this.dialogRef.close({ message: 'emit', data: this.details });
+            if (!button.keepOpen) {
+                this.dialogRef.close({ message: 'emit', data: this.details });
+            }
             return;
         }
         if (button.skipValidation || this.validateForm()) {
@@ -7004,7 +7000,9 @@ class DetailsDialogInternal {
     }
     processButtonAction(button) {
         if (!button.action) {
-            this.dialogRef.close({ message: 'emit', data: this.details });
+            if (!button.keepOpen) {
+                this.dialogRef.close({ message: 'emit', data: this.details });
+            }
             return;
         }
         if (button.skipValidation || this.validateForm()) {
@@ -8092,7 +8090,9 @@ class DetailsDialog {
     }
     processButtonAction(button) {
         if (!button.action) {
-            this.dialogRef.close({ message: 'emit', data: this.details });
+            if (!button.keepOpen) {
+                this.dialogRef.close({ message: 'emit', data: this.details });
+            }
             return;
         }
         if (button.skipValidation || this.validateForm()) {
@@ -11130,9 +11130,34 @@ class UsersComponent {
         };
         this.createDialog = {
             formConfig: {
-                ...this.userBaseFormConfig,
                 title: 'User',
-                // fields: this.userBaseFormConfig.fields.filter(x => x.name !== 'userName' && x.name !== 'authType' && x.name !== 'email')
+                fields: [
+                    { name: 'userName', type: 'text', alias: 'Username', required: true, span: true },
+                    {
+                        name: 'authType', type: 'select', alias: 'Authentication Type', span: true, required: true, defaultFirstValue: true,
+                        onSelectChange: (value, data) => {
+                            if (value === 'AD' && data.userName?.trim()) {
+                                this.dataService.CallApi({ url: `user/ad/${data.userName}` }).subscribe((response) => {
+                                    if (response.success && response.data) {
+                                        data.firstName = response.data.firstName || '';
+                                        data.lastName = response.data.surname || '';
+                                        data.email = response.data.emailAddress || '';
+                                        this.messageService.toast('AD user found');
+                                    }
+                                    else {
+                                        this.messageService.toast(response.message || 'AD user not found');
+                                    }
+                                });
+                            }
+                        }
+                    },
+                    { name: 'firstName', type: 'text', required: true, readonlyCondition: x => x.authType !== 'local' },
+                    { name: 'lastName', type: 'text', required: true, readonlyCondition: x => x.authType !== 'local' },
+                    { name: 'password', type: 'password', required: true, hiddenCondition: x => x.authType !== 'local', span: true },
+                    { name: 'confirmPassword', type: 'password', required: true, hiddenCondition: x => x.authType !== 'local', span: true },
+                    { name: 'email', type: 'text', required: false, span: true },
+                    { name: 'roleID', type: 'select', alias: 'Role', required: true, span: true, defaultFirstValue: true },
+                ]
             },
             mode: 'create',
             buttons: [
@@ -11217,6 +11242,7 @@ class UsersComponent {
             console.log(apiResponse.data);
             this.userBaseFormConfig.fields.find(x => x.name == 'roleID').options = apiResponse.data.roles;
             this.userBaseFormConfig.fields.find(x => x.name == 'authType').options = apiResponse.data.authTypes;
+            this.createDialog.formConfig.fields.find(x => x.name == 'roleID').options = apiResponse.data.roles;
             this.createDialog.formConfig.fields.find(x => x.name == 'authType').options = apiResponse.data.authTypes.filter(x => x.value == 'local' || x.value == 'AD');
         });
     }