@acorex/platform 20.0.4 → 20.0.6

package/fesm2022/acorex-platform-layout-entity.mjs

@@ -1362,22 +1362,35 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         }
         // Compute consolidated ids from all entities
         const idLength = entities.reduce((acc, curr) => acc + curr.ids.length, 0);
-        const dialog = this.loadingDialog.show({
-            title: await this.translationService.translateAsync('workflow.deleting'),
-            mode: 'determinate',
-            status: 'Deleting...',
-            progressValue: 0,
-            text: `0/${idLength}`,
-            buttons: [
-                {
-                    text: await this.translationService.translateAsync('cancel'),
-                    color: 'danger',
-                    onClick: () => {
-                        dialog.close();
+        let dialog;
+        let showDialogTimeout;
+        let isDialogShown = false;
+        // Create dialog config but don't show it yet
+        const createDialog = async () => {
+            dialog = this.loadingDialog.show({
+                title: await this.translationService.translateAsync('workflow.deleting'),
+                mode: 'determinate',
+                status: 'Deleting...',
+                progressValue: 0,
+                text: `0/${idLength}`,
+                buttons: [
+                    {
+                        text: await this.translationService.translateAsync('cancel'),
+                        color: 'danger',
+                        onClick: () => {
+                            if (dialog) {
+                                dialog.close();
+                            }
+                        },
                     },
-                },
-            ],
-        });
+                ],
+            });
+            isDialogShown = true;
+        };
+        // Set timeout to show dialog after 2 seconds if process is not complete
+        showDialogTimeout = setTimeout(async () => {
+            await createDialog();
+        }, 2000);
         let allPromises = [];
         for (const entity of entities) {
             const entityDefinition = entityDefinitions[entity.source];
@@ -1393,25 +1406,33 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
                 })
                     .map((p) => p?.then((value) => {
                     deletedCount++;
-                    dialog.setProgressText(`${deletedCount}/${idLength}`);
-                    dialog.setProgressValue((deletedCount / idLength) * 100);
+                    if (isDialogShown && dialog) {
+                        dialog.setProgressText(`${deletedCount}/${idLength}`);
+                        dialog.setProgressValue((deletedCount / idLength) * 100);
+                    }
                     return { status: 'fulfilled', value };
                 }, (reason) => ({ status: 'rejected', reason })));
                 allPromises = allPromises.concat(entityPromises);
             }
             else {
+                // Clear timeout if error occurs
+                clearTimeout(showDialogTimeout);
                 throw new Error(`The delete operation cannot be performed on ${entityDefinition.title}. This action might be restricted or not applicable for the selected item.`);
             }
         }
         const results = await Promise.all(allPromises);
-        const successfulPromises = results.filter((result) => result?.status === 'fulfilled').length;
-        const failedPromises = results.filter((result) => result?.status === 'rejected').length;
-        setTimeout(() => {
-            dialog.close();
-        }, 300);
+        // Clear timeout as process is complete
+        clearTimeout(showDialogTimeout);
+        if (isDialogShown) {
+            setTimeout(() => {
+                dialog.close();
+            }, 300);
+        }
         // Store the last entity for use in event dispatching
         const lastEntity = entities[entities.length - 1];
         // Handle different scenarios for alerts
+        const successfulPromises = results.filter((result) => result?.status === 'fulfilled').length;
+        const failedPromises = results.filter((result) => result?.status === 'rejected').length;
         if (successfulPromises > 0 && failedPromises === 0) {
             // All items deleted successfully
             if (showResult) {
@@ -2026,9 +2047,53 @@ class AXMEntityCrudServiceImpl {
         }
         return this._entityDataProvider.query(request);
     }
-    // get entityDataProvider() {
-    //   return this._entityDataProvider;
-    // }
+    async getRoots(request) {
+        const queryRequest = {
+            skip: 0,
+            take: 1000,
+            filter: {
+                value: true,
+                field: 'parentId',
+                operator: {
+                    type: 'isEmpty',
+                },
+            }
+        };
+        const result = await this._entityDataProvider.query(queryRequest);
+        return result;
+    }
+    async getChildren(request) {
+        const parentKey = request.parentKey ?? 'parentId';
+        const queryRequest = {
+            skip: 0,
+            take: 1000,
+            filter: {
+                value: request.parentId,
+                field: parentKey,
+                operator: {
+                    type: 'equal',
+                },
+            }
+        };
+        const result = await this._entityDataProvider.query(queryRequest);
+        console.log(request, result);
+        return result;
+    }
+    async getByCategory(request) {
+        const queryRequest = {
+            skip: 0,
+            take: 1000,
+            filter: {
+                value: request.categoryId,
+                field: request.categoryKey ?? 'categoryIds',
+                operator: {
+                    type: 'contains',
+                },
+            }
+        };
+        const result = await this._entityDataProvider.query(queryRequest);
+        return result;
+    }
     get storageService() {
         return this._storageService;
     }
@@ -2144,11 +2209,19 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
       <ax-loading></ax-loading>
     }
     @else{
-      @for (item of displayItems(); track $index) {
-        <ax-badge  [look]="'twotone'" [text]="item.text" color="primary"></ax-badge>
-      }
+        @if(displayItems().length > 1) {
+          @for (item of displayItems(); track $index) {
+            <ax-badge class="ax-p-0.5" [color]="'surface'" [text]="item.text" ></ax-badge>
+          }
+        }
+        @else if(displayItems().length == 1) {
+          <ax-badge class="ax-p-0.5" [color]="'surface'" [text]="displayItems()[0].text" ></ax-badge>
+        }
+        @else {
+          <span class="ax-text-muted">-</span>
+        }
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "text", "look"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
             type: Component,
@@ -2160,9 +2233,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
       <ax-loading></ax-loading>
     }
     @else{
-      @for (item of displayItems(); track $index) {
-        <ax-badge  [look]="'twotone'" [text]="item.text" color="primary"></ax-badge>
-      }
+        @if(displayItems().length > 1) {
+          @for (item of displayItems(); track $index) {
+            <ax-badge class="ax-p-0.5" [color]="'surface'" [text]="item.text" ></ax-badge>
+          }
+        }
+        @else if(displayItems().length == 1) {
+          <ax-badge class="ax-p-0.5" [color]="'surface'" [text]="displayItems()[0].text" ></ax-badge>
+        }
+        @else {
+          <span class="ax-text-muted">-</span>
+        }
     }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -2819,7 +2900,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
       <ax-badge [text]="item[this.textField]" color="primary"></ax-badge>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "text", "look"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
             type: Component,
@@ -2929,7 +3010,7 @@ class AXPTagableBoxWidgetColumnComponent extends AXPValueWidgetComponent {
       <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-inline-block">{{ internalValue()[0] }}</span>
       } }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "text", "look"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, decorators: [{
             type: Component,
@@ -3213,7 +3294,7 @@ class AXPTagableBoxWidgetViewComponent extends AXPValueWidgetComponent {
     @for (item of internalValue(); track $index) {
     <ax-badge [look]="'twotone'" [text]="item" color="primary"></ax-badge>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "text", "look"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, decorators: [{
             type: Component,
@@ -3611,6 +3692,7 @@ class AXPEntityApplyUpdatesAction extends AXPWorkflowAction {
     }
     async execute(context) {
         try {
+            debugger;
             const [moduleName, entityName] = context.getVariable('entity').split('.');
             const data = context.getVariable('data');
             const entityRef = await this.entityRegistery.resolve(moduleName, entityName);