cat-qw-lib 0.25.2 → 0.25.4

package/fesm2022/cat-qw-lib.mjs

@@ -1115,6 +1115,7 @@ class BaseFormComponent {
     subscriptions;
     record;
     recordChange = new BehaviorSubject({});
+    destroy$ = new Subject();
     onSave = new EventEmitter();
     onCancel = new EventEmitter();
     constructor(service, validatorService, router, activatedRoute, baseStore, baseQuery) {
@@ -1149,10 +1150,15 @@ class BaseFormComponent {
         const validateRecords = this.validatorService
             ? this.validatorService.handleValidateRecords(this.record)
             : true;
+        debugger;
+        console.log(this.baseStore?.missingFields);
         if (this.baseStore)
             this.baseStore.missingFields = [];
         if (this.baseQuery) {
-            this.baseQuery.getAttributeModelList().subscribe((attributeModels) => {
+            this.baseQuery.getAttributeModelList()
+                .pipe(takeUntil(this.destroy$))
+                .subscribe((attributeModels) => {
+                console.log(attributeModels);
                 attributeModels.forEach(attr => {
                     if (attr.isRequired) {
                         const value = this.record[attr.name];
@@ -1162,6 +1168,7 @@ class BaseFormComponent {
                         }
                     }
                 });
+                console.log(this.baseStore?.missingFields);
                 if (this.baseStore && this.baseStore.missingFields.length > 0) {
                     if (this.baseStore)
                         this.baseStore.setIsFormSubmitted(new Date());
@@ -1212,6 +1219,10 @@ class BaseFormComponent {
             this.baseStore.missingFields = [];
         this.onCancel.emit();
     }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: BaseFormComponent, deps: [{ token: BaseService }, { token: ValidatorService }, { token: i3$4.Router }, { token: i3$4.ActivatedRoute }, { token: BaseStore }, { token: BaseQuery }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: BaseFormComponent, isStandalone: true, selector: "base-form", outputs: { onSave: "onSave", onCancel: "onCancel" }, providers: [ValidatorService], ngImport: i0, template: "<p>base-form works!</p>\n", styles: [""] });
 }
@@ -1936,7 +1947,6 @@ class ApiAdminFormComponent extends BaseFormComponent {
     filteredRecords = SHARED.EMPTYARRAY;
     dropdownOptions = SHARED.EMPTYARRAY;
     apiPropertyList;
-    recordChangeSubscription = null;
     constructor(apiAdminService, validatorService, router, activatedRoute, apiAdminStore, baseStore, baseQuery) {
         super(apiAdminService, validatorService, router, activatedRoute);
         this.apiAdminService = apiAdminService;
@@ -2003,11 +2013,6 @@ class ApiAdminFormComponent extends BaseFormComponent {
             this.baseStore.setIsApiValidated(SHARED.FALSE);
         }
     }
-    ngOnDestroy() {
-        if (this.recordChangeSubscription) {
-            this.recordChangeSubscription.unsubscribe();
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ApiAdminFormComponent, deps: [{ token: ApiAdminService }, { token: ValidatorService }, { token: i3$4.Router }, { token: i3$4.ActivatedRoute }, { token: ApiAdminStore }, { token: BaseStore }, { token: BaseQuery }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: ApiAdminFormComponent, isStandalone: false, selector: "lib-api-admin-form", usesInheritance: true, ngImport: i0, template: "<form-container\n  [record]=\"record\"\n  [headerText]=\"'Api Management Form'\"\n  [messages]=\"messages\"\n  (onSave)=\"handleSubmit()\"\n  [showSave]=\"true\"  \n  (onCancel)=\"handleCancel()\"\n>\n    <div class=\"card p-fluid p-formgrid grid \">\n      <h4 class=\"font-bold col-12 md:col-12\">Api Config Form</h4>\n      <div class=\"col-12 md:col-6\">\n        <text-box\n          [store]=\"apiAdminStore\"\n          [record]=\"record\"\n          [attributeModel]=\"{\n            readonly: false,\n            name: 'name',\n            isRequired: true,\n            displayText: 'Name',\n            placeholder: 'Enter Name'\n          }\"\n        ></text-box>\n      </div>\n      <div class=\"col-12 md:col-6\">\n        <text-box\n          [store]=\"apiAdminStore\"\n          [record]=\"record\"\n          [attributeModel]=\"{\n            readonly: false,\n            name: 'path',\n            isRequired: true,\n            displayText: 'Path',\n            placeholder: 'Enter Path'\n          }\"\n        ></text-box>\n      </div>\n      <div class=\"col-12 md:col-6\">\n        <text-box\n          [store]=\"apiAdminStore\"\n          [record]=\"record\"\n          [attributeModel]=\"{\n            readonly: false,\n            name: 'getByIDPath',\n            isRequired: false,\n            displayText: 'Get By ID Path',\n            placeholder: 'Enter getByID Path'\n          }\"\n        ></text-box>\n      </div>\n      <div class=\"col-12 md:col-6\">\n        <text-box\n          [store]=\"apiAdminStore\"\n          [record]=\"record\"\n          [attributeModel]=\"{\n            readonly: false,\n            name: 'idProperty',\n            isRequired: true,\n            displayText: 'Id Property',\n            placeholder: 'Enter Id Property'\n          }\"\n        ></text-box>\n      </div>\n\n      <div class=\"col-12 md:col-2\">\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          label=\"Validate\"\n          (click)=\"hanldeValidateApi()\"\n          class=\"p-button-raised\"\n        ></button>\n      </div>\n    </div>\n    <div class=\"card p-fluid p-formgrid grid \">\n      <h4 class=\"font-bold\">Other Details</h4>\n      <div class=\"col-12 md:col-12 p-0 m-0 flex align-items-center\">\n        <div class=\"col-12 md:col-6\">\n          <text-box\n            [store]=\"apiAdminStore\"\n            [record]=\"record\"\n            [attributeModel]=\"{\n              readonly: false,\n              name: 'authHeaderName',\n              isRequired: false,\n              displayText: 'Auth Header',\n              placeholder: 'Enter Auth Header'\n            }\"\n          ></text-box>\n        </div>\n\n        <div class=\"col-12 md:col-6\">\n          <text-box\n            [store]=\"apiAdminStore\"\n            [record]=\"record\"\n            [attributeModel]=\"{\n              readonly: false,\n              name: 'authToken',\n              isRequired: false,\n              displayText: 'Token',\n              placeholder: 'Enter token'\n            }\"\n          ></text-box>\n        </div>\n      </div>\n      <div class=\"col-12 md:col-6\">\n        <dropdown\n          [store]=\"apiAdminStore\"\n          [record]=\"record\"\n          [attributeModel]=\"{\n            name: 'parentapiConfigId',\n            dataSource: 'api-configurations',\n            listLabelProperty: 'name',\n            listValueProperty: '_id', \n            displayText: 'Select Parent',\n            placeholder: 'Select Parent API',\n            childListName: 'parentKey',\n            childListKey: 'name'\n          }\"\n          (onInput)=\"handleModelChange($event)\"\n        ></dropdown>\n\n      </div>\n      <div class=\"col-12 md:col-6\">\n        <dropdown\n        [store]=\"apiAdminStore\"\n        [record]=\"record\"\n        [attributeModel]=\"{\n          name:'parentKey',\n          displayText : 'Property',\n          placeholder: 'Select Property',\n          options: apiPropertyList\n        }\"></dropdown>\n      </div>\n\n      <div class=\"col-12 md:col-12\">\n       <text-area\n        [store]=\"apiAdminStore\"\n        [record]=\"record\"\n        [attributeModel]=\"{\n          readonly: false,\n          name: 'description',\n          isRequired: false,\n          displayText: 'Description',\n          placeholder: 'Enter Description'\n        }\"\n      ></text-area>\n      </div>\n  </div>\n</form-container>", styles: [".p-message{margin-left:1rem;margin-right:1rem}.p-message .p-message-wrapper{padding:.143rem 1.357rem}\n"], dependencies: [{ kind: "component", type: TextBoxComponent, selector: "text-box" }, { kind: "component", type: DropdownComponent, selector: "dropdown", inputs: ["isStaticDropdown"] }, { kind: "component", type: FormContainerComponent, selector: "form-container", inputs: ["messages", "record", "headerText", "showSave", "disableSaveButton"], outputs: ["onSave", "onCancel"] }, { kind: "directive", type: i3$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: TextAreaComponent, selector: "text-area", inputs: ["rowspan"] }], encapsulation: i0.ViewEncapsulation.None });
 }