@acorex/platform 18.1.5 → 18.2.0

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

@@ -8,13 +8,13 @@ import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
 import { resolveActionLook, AXPLayoutService, AXPEntityCommandScope, AXPWorkflowNavigateAction } from '@acorex/platform/common';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXLoadingDialogService } from '@acorex/components/loading-dialog';
+import * as i8 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXPlatform } from '@acorex/core/platform';
 import * as i2 from '@acorex/components/common';
 import { AXDataSource, AXCommonModule } from '@acorex/components/common';
 import { Subject, takeUntil } from 'rxjs';
-import * as i8 from '@acorex/core/translation';
-import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import * as i7 from '@acorex/platform/layout/builder';
 import { AXPWidgetComponent, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPColumnWidgetComponent, AXP_WIDGETS_EDITOR_GROUP, AXPWidgetsCatalog, AXPWidgetRegistryService } from '@acorex/platform/layout/builder';
 import { RouterModule, ROUTES } from '@angular/router';
@@ -46,13 +46,38 @@ import { AXPWidgetPropertyViewerComponent } from '@acorex/platform/layout/design
 
 const AXP_ENTITY_CONFIG_TOKEN = new InjectionToken('AXP_ENTITY_CONFIG_TOKEN');
 const AXP_ENTITY_DEFINITION_LOADER = new InjectionToken('AXP_ENTITY_DEFINITION_LOADER');
+class AXPEntityResolver {
+    constructor() {
+        this.loader = inject(AXP_ENTITY_DEFINITION_LOADER);
+    }
+    async get(moduleName, entityName) {
+        if (Array.isArray(this.loader)) {
+            for (const loader of this.loader) {
+                const entity = await loader.get(moduleName, entityName);
+                if (entity) {
+                    return entity;
+                }
+            }
+        }
+        else {
+            return await this.loader.get(moduleName, entityName);
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityResolver, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityResolver, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
 class AXPEntityDefinitionRegistryService {
     constructor() {
         // Stores AXPEntityConfig objects, keyed by a combination of module and entity name.
         this.entities = new Map();
-        // Entity loader service for dynamically loading entity configurations.
-        this.loader = inject(AXP_ENTITY_DEFINITION_LOADER); // Assuming AXPEntityLoader is the correct type
+        // Entity resolver service for dynamically loading entity configurations.
+        this.entityResolver = inject(AXPEntityResolver); // Assuming AXPEntityLoader is the correct type
     }
     /**
      * Registers a new entity configuration. Entities are identified uniquely by a combination
@@ -79,7 +104,7 @@ class AXPEntityDefinitionRegistryService {
         let config = this.entities.get(key) ?? null;
         if (!config) {
             try {
-                config = await this.loader.get(moduleName, entityName);
+                config = await this.entityResolver.get(moduleName, entityName);
                 if (config) {
                     this.register(config);
                 }
@@ -150,6 +175,7 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
         this.dialogService = inject(AXDialogService);
         this.loadingDialog = inject(AXLoadingDialogService);
+        this.translationService = inject(AXTranslationService);
     }
     async execute(context) {
         const moduleEntity = context.getVariable('entity');
@@ -161,14 +187,14 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         let deletedCount = 0;
         context.setVariable('deleteSuccessful', false);
         const dialog = this.loadingDialog.show({
-            title: 'Deleting Record...',
+            title: await this.translationService.translateAsync('workflow.deleting'),
             mode: 'determinate',
             status: 'Deleting...',
             progressValue: 0,
             text: `0/${ids.length}`,
             buttons: [
                 {
-                    text: 'Cancel',
+                    text: await this.translationService.translateAsync('cancel'),
                     color: 'danger',
                     onClick: () => {
                         dialog.close();
@@ -201,23 +227,30 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
             // Handle different scenarios for alerts
             if (successfulPromises > 0 && failedPromises === 0) {
                 // All items deleted successfully
-                await this.dialogService.alert('Deletion Successful', `${successfulPromises} item(s) has been deleted.`, 'success');
+                await this.dialogService.alert(await this.translationService.translateAsync('workflow.success-delete-title'), await this.translationService.translateAsync('workflow.success-delete-body', {
+                    params: { item: successfulPromises },
+                }), //TODO test translation
+                'success');
                 // Dispatch actions
                 this.dispatch(AXPEntityDeletedEvent({ entity: moduleEntity, ids: ids, meta: meta }));
             }
             else if (successfulPromises > 0 && failedPromises > 0) {
                 // Some items deleted successfully, some failed
-                await this.dialogService.alert('Partial Deletion Completed', `${successfulPromises} item(s) deleted successfully. However, ${failedPromises} item(s) could not be deleted.`, 'warning');
+                await this.dialogService.alert(await this.translationService.translateAsync('workflow.success-partial-delete-title'), await this.translationService.translateAsync('workflow.partial-delete-body', {
+                    params: { success: successfulPromises, fail: failedPromises },
+                }), 'warning');
                 // Dispatch actions
                 this.dispatch(AXPEntityDeletedEvent({ entity: moduleEntity, ids: ids, meta: meta }));
             }
             else if (successfulPromises === 0 && failedPromises > 0) {
                 // No items deleted, all failed
-                await this.dialogService.alert('Deletion Failed', `No items were deleted. ${failedPromises} item(s) failed to delete.`, 'danger');
+                await this.dialogService.alert(await this.translationService.translateAsync('workflow.fail-delete-title'), await this.translationService.translateAsync('workflow.fail-delete-body', {
+                    params: { item: failedPromises },
+                }), 'danger');
             }
             else {
                 // No items to delete (no successful or failed promises)
-                await this.dialogService.alert('No Deletion Needed', 'No items were available to delete.', 'info');
+                await this.dialogService.alert(await this.translationService.translateAsync('workflow.no-need'), await this.translationService.translateAsync('workflow.no-item'), 'info');
             }
         }
         else {
@@ -236,8 +269,8 @@ const AXPDeleteEntityWorkflow = {
         'confirm-delete': {
             action: 'show-prompt-dialog',
             input: {
-                title: 'Warning',
-                message: `Are you sure want to delete selected item(s)?`,
+                title: 'workflow.warning',
+                message: `workflow.confirm-delete`,
                 type: 'danger',
             },
             nextSteps: [
@@ -361,18 +394,19 @@ class AXPEntityModifySectionPopupAction extends AXPWorkflowAction {
         super(...arguments);
         this.popupService = inject(AXPopupService);
         this.platform = inject(AXPlatform);
+        this.translateService = inject(AXTranslationService);
         this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
         this.config = inject(AXP_ENTITY_CONFIG_TOKEN);
         this.factory = inject(AXPEntityMasterUpdateViewModelFactory);
     }
     async execute(context) {
-        const [moduleName, entityName] = context.getVariable('entity').split(".");
+        const [moduleName, entityName] = context.getVariable('entity').split('.');
         const { properties, id, title } = context.getVariable('data');
         const entityRef = await this.entityRegistery.resolve(moduleName, entityName);
         const vm = await this.factory.create(moduleName, entityName, id, properties);
         const com = await this.config.viewers.master.modify();
         const popup = await this.popupService.open(com, {
-            title: title ?? `Modify ${entityRef.formats.individual}`,
+            title: title ?? `${this.translateService.translateSync('entity.modify')} ${entityRef.formats.individual}`,
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
             data: {
                 vm,
@@ -421,8 +455,8 @@ const AXPModifyEntitySectionWorkflow = {
             action: 'AXPToastAction',
             input: {
                 color: 'success',
-                title: 'Entity Modified',
-                content: 'Record has been successfully updated.',
+                title: 'workflow.entity-modified-title',
+                content: 'workflow.entity-modified-body',
             },
             nextSteps: [
                 {
@@ -456,7 +490,7 @@ class AXPEntityDetailListViewModel {
                 return func(e);
             },
             pageSize: 5,
-            key: 'id'
+            key: 'id',
         });
         this.selectedItems = signal([]);
         this.hasSelectedItems = computed(() => {
@@ -464,7 +498,9 @@ class AXPEntityDetailListViewModel {
         });
         //****************** Title ******************//
         this.title = computed(() => {
-            return this.detailEntityConfig.title ?? this.detailEntity()?.interfaces?.detail?.list?.title ?? this.detailEntity()?.formats.plural;
+            return (this.detailEntityConfig.title ??
+                this.detailEntity()?.interfaces?.detail?.list?.title ??
+                this.detailEntity()?.formats.plural);
         });
         //****************** Inline filter ******************//
         this.inlineFiltersPlaceholders = computed(() => {
@@ -477,42 +513,37 @@ class AXPEntityDetailListViewModel {
         //****************** Actions ******************//
         this.allActions = computed(() => {
             const list = this.detailEntity()?.interfaces?.master?.list?.actions ?? [];
-            return list
-                .map((tr) => new AXPEntityCommandTriggerViewModel(this.detailEntity(), tr)) ?? [];
+            return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.detailEntity(), tr)) ?? [];
         });
         this.primaryActions = computed(() => {
-            return this.allActions()
-                .filter(a => (a.priority == 'primary') &&
+            return this.allActions().filter((a) => a.priority == 'primary' &&
                 ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
                     (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
         });
         this.secondaryActions = computed(() => {
-            return this.allActions()
-                .filter(a => (a.priority == 'secondary') &&
+            return this.allActions().filter((a) => a.priority == 'secondary' &&
                 ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
                     (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
         });
         this.rowActions = computed(() => {
-            return this.allActions()
-                .filter(a => (a.scope == AXPEntityCommandScope.Individual));
+            return this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual);
         });
         //****************** Filter ******************//
         this.inlineFilters = {
             field: null,
             logic: 'or',
             operator: null,
-            filters: []
+            filters: [],
         };
         //****************** Columns ******************//
         this.columns = computed(() => {
             if (this.detailEntity()) {
                 const detailColumns = this.detailEntityConfig.columns ?? [];
-                const columns = this.detailEntity()?.columns?.map(c => c.name) ?? [];
-                const props = this.detailEntity()?.properties.filter(p => p.schema.hidden != true &&
-                    (detailColumns?.length == 0 || detailColumns?.includes(p.name))) ?? [];
-                const displayColumns = props.filter(p => columns.some(c => c == p.name));
-                return displayColumns.map(p => {
-                    return new AXPEntityListViewColumnViewModel(p, this.detailEntity()?.columns?.find(c => c.name == p.name));
+                const columns = this.detailEntity()?.columns?.map((c) => c.name) ?? [];
+                const props = this.detailEntity()?.properties.filter((p) => p.schema.hidden != true && (detailColumns?.length == 0 || detailColumns?.includes(p.name))) ?? [];
+                const displayColumns = props.filter((p) => columns.some((c) => c == p.name));
+                return displayColumns.map((p) => {
+                    return new AXPEntityListViewColumnViewModel(p, this.detailEntity()?.columns?.find((c) => c.name == p.name));
                 });
             }
             return [];
@@ -520,9 +551,9 @@ class AXPEntityDetailListViewModel {
         this.initialize();
     }
     async initialize() {
-        const loader = this.injector.get(AXP_ENTITY_DEFINITION_LOADER);
+        const entityResolver = this.injector.get(AXPEntityResolver);
         const [moduleName, entityName] = this.detailEntityConfig.entity.split('.');
-        const entity = await loader.get(moduleName, entityName);
+        const entity = await entityResolver.get(moduleName, entityName);
         if (!entity) {
             throw Error(`Invalid enitity name: ${this.detailEntityConfig.entity}`);
         }
@@ -553,18 +584,18 @@ class AXPEntityDetailListViewModel {
         //
         //this.dataSource.sort(...this.detailEntity.().map(s => ({ dir: s.dir, field: s.name } as AXDataSourceSortOption)));
         //
-        const parentFilters = this.detailEntityConfig.conditions?.map(c => {
+        const parentFilters = this.detailEntityConfig.conditions?.map((c) => {
             return {
                 field: c.name,
                 operator: c.operator,
-                value: this.parent.data?.id
+                value: this.parent.data?.id,
             };
         }) ?? [];
         const parentFilterWrapper = {
             field: null,
             logic: 'and',
             operator: null,
-            filters: parentFilters
+            filters: parentFilters,
         };
         //
         const inline = this.inlineFilters.filters?.length ?? 0;
@@ -581,7 +612,7 @@ class AXPEntityDetailListViewModel {
                 field: null,
                 logic: 'and',
                 operator: null,
-                filters: [this.inlineFilters, parentFilterWrapper]
+                filters: [this.inlineFilters, parentFilterWrapper],
             });
         }
         //
@@ -589,14 +620,29 @@ class AXPEntityDetailListViewModel {
     }
     //******************  Commands ******************//
     async executeCommand(commandName, data = null) {
-        const action = this.allActions().find(c => c.name == commandName &&
-            ((this.selectedItems().length ?
-                c.scope == AXPEntityCommandScope.Selected :
-                c.scope == AXPEntityCommandScope.Individual) ||
+        const action = this.allActions().find((c) => c.name == commandName &&
+            ((this.selectedItems().length
+                ? c.scope == AXPEntityCommandScope.Selected
+                : c.scope == AXPEntityCommandScope.Individual) ||
                 c.scope == AXPEntityCommandScope.TypeLevel));
+        if (action?.scope == AXPEntityCommandScope.TypeLevel) {
+            if (data == null) {
+                data = {};
+            }
+            let relatedColumn = null;
+            this.detailEntityConfig.conditions?.forEach((condition) => {
+                if (condition.value == 'id') {
+                    relatedColumn = condition.name;
+                }
+            });
+            if (relatedColumn != null) {
+                data[relatedColumn] = this.parent.data['id'];
+            }
+        }
+        debugger;
         await this.workflow.execute(commandName, {
             entity: this.detailEntity()?.source,
-            data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data
+            data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
         });
     }
 }
@@ -679,7 +725,6 @@ class AXPEntityMasterSingleViewModel {
         this.workflow = this.injector.get(AXPWorkflowService);
         this.destroyed = new Subject();
         this.translateService = this.injector.get(AXTranslationService);
-        this.events$ = new Subject();
         this.context = signal(cloneDeep(this.entityData));
         this.actions = computed(() => {
             return this.entityDef.interfaces?.master?.single?.actions?.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
@@ -999,7 +1044,7 @@ class AXPEntityMasterListViewModel {
         });
         //****************** Inline filter ******************//
         this.inlineFiltersPlaceholders = computed(() => {
-            return this.entityDef.properties.filter((p) => p.options?.filter?.inline?.enabled).map((c) => c.title);
+            return this.entityDef.properties.filter((p) => p.options?.filter?.inline?.enabled).map((c) => c.title ?? c.name);
         });
         this.hasInlineFilters = computed(() => {
             return this.inlineFiltersPlaceholders().length > 0;
@@ -1077,7 +1122,7 @@ class AXPEntityMasterListViewModel {
             return props.map((e) => {
                 return {
                     name: e.name,
-                    title: e.title,
+                    title: e.title ?? cloneDeep.name,
                     dir: 'asc',
                 };
             });
@@ -1263,7 +1308,7 @@ class AXPLookupWidgetViewComponent extends AXPWidgetComponent {
         //protected entity: string;
         this.entity = computed(() => this.options()['entity']);
         this.formatService = inject(AXFormatService);
-        this.loader = inject(AXP_ENTITY_DEFINITION_LOADER);
+        this.entityResolver = inject(AXPEntityResolver);
         this.displayText = signal('');
         this.loading = signal(false);
         this.selectedItem = signal(null);
@@ -1271,7 +1316,7 @@ class AXPLookupWidgetViewComponent extends AXPWidgetComponent {
     async ngOnInit() {
         super.ngOnInit();
         const [module, entity] = this.entity().split('.');
-        this.entityDef = await this.loader.get(module, entity);
+        this.entityDef = await this.entityResolver.get(module, entity);
         this.textField =
             this.entityDef?.formats.lookup ?? this.entityDef?.properties.find((c) => c.name != 'id')?.name ?? 'title';
         const value = this.getValue();
@@ -1533,7 +1578,7 @@ class AXPLookupWidgetSelectorViewModel {
             return this.entityDef.commands?.create?.execute != null;
         });
         this.inlineFiltersPlaceholders = computed(() => {
-            return this.entityDef.properties.filter(p => p.options?.filter?.inline?.enabled).map(c => c.title);
+            return this.entityDef.properties.filter(p => p.options?.filter?.inline?.enabled).map(c => c.title ?? c.name);
         });
         this.hasInlineFilters = computed(() => {
             return this.inlineFiltersPlaceholders().length > 0;
@@ -1623,7 +1668,7 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
         this.textField = signal('');
         this.validationRules = [];
         this.injector = inject(Injector);
-        this.loader = inject(AXP_ENTITY_DEFINITION_LOADER);
+        this.entityResolver = inject(AXPEntityResolver);
         this.formatService = inject(AXFormatService);
         this.popupService = inject(AXPopupService);
         this.builderService = inject(AXPLayoutBuilderService);
@@ -1643,7 +1688,7 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
         super.ngOnInit();
         //
         const [module, entity] = this.entity().split('.');
-        this.entityDef = await this.loader.get(module, entity);
+        this.entityDef = await this.entityResolver.get(module, entity);
         //
         this.vm.set(new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef, this.filter));
         //
@@ -1676,7 +1721,7 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
         this.isOpen.set(true);
         this.popupService
             .open(AXPLookupWidgetSelectorComponent, {
-            title: this.entityDef?.formats.plural + ' ' + this.translateService.translateSync('widget.lookup.search'),
+            title: this.translateService.translateSync('widget.lookup.search') + ' ' + this.entityDef?.formats.plural,
             size: (this.vm()?.columns().length ?? 0) > 3 ? 'lg' : 'md',
             data: {
                 vm: new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef, this.filter),
@@ -2110,6 +2155,7 @@ const AXPWidgetSelectorWidget = {
     title: 'Widget Selector',
     group: AXP_WIDGETS_EDITOR_GROUP,
     type: 'editor',
+    visible: false,
     icon: 'fa-solid fa-square',
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
@@ -2180,8 +2226,8 @@ const AXPCreateEntityWorkflow = {
             action: 'AXPToastAction',
             input: {
                 color: 'success',
-                title: 'Entity Created',
-                content: 'New Record has been successfully created.',
+                title: 'workflow.entity-created',
+                content: 'workflow.entity-created-body',
             },
             nextSteps: [
                 {
@@ -2394,5 +2440,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDefinitionRegistryService, AXPEntityDetailListViewModel, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityModule, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER };
+export { AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDefinitionRegistryService, AXPEntityDetailListViewModel, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityModule, AXPEntityResolver, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map