@acorex/modules 19.1.2 → 19.1.3

package/fesm2022/acorex-modules-platform-management.mjs

@@ -3,9 +3,9 @@ import { AXPSettingValueProviderService, AXP_SETTING_DEFINITION_PROVIDER, AXPCom
 import { AXP_ENTITY_DEFINITION_LOADER, AXPEntityService } from '@acorex/platform/layout/entity';
 import * as i0 from '@angular/core';
 import { inject, Injector, Injectable, signal, Component, NgModule } from '@angular/core';
-import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
+import { objectKeyValueTransforms, AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
 import { AXTranslationService } from '@acorex/core/translation';
-import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
+import { signalStore, withState, withMethods, patchState, withHooks } from '@ngrx/signals';
 import * as i3 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i2 from '@acorex/components/decorators';
@@ -14,6 +14,7 @@ import * as i1 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXPopoverModule } from '@acorex/components/popover';
 import { CommonModule } from '@angular/common';
+import { AXPSessionService } from '@acorex/platform/auth';
 
 class AXMCommonModuleEntityProvider {
     constructor() {
@@ -34,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             type: Injectable
         }] });
 
-const path = 'settings:regional:';
+const path$1 = 'settings:regional:';
 var AXPRegionalSetting;
 (function (AXPRegionalSetting) {
     AXPRegionalSetting["TimeZone"] = "settings:regional:timezone";
@@ -65,16 +66,19 @@ withState((translationService = inject(AXTranslationService)) => {
 // Methods for State Management
 withMethods((store, settingService = inject(AXPSettingValueProviderService), translationService = inject(AXTranslationService)) => {
     return {
-        changeLanguage(lang) {
-            settingService.set(AXPRegionalSetting.Language, lang);
+        async changeLanguage(lang) {
+            if (lang != store.language()) {
+                settingService.set(AXPRegionalSetting.Language, lang);
+                patchState(store, { language: lang });
+            }
             translationService.setActiveLang(lang);
-            patchState(store, { language: lang });
+            const reg = await (await this.getRegionalFormats()).find(c => c.locale == lang);
+            const html = document.getElementsByTagName('html')[0];
+            reg?.layout == 'rtl' ? html.setAttribute('dir', 'rtl') : html.removeAttribute('dir');
         },
         async loadSetting() {
             const lang = (await settingService.get(AXPRegionalSetting.Language)) ?? translationService.getDefaultLang();
-            settingService.set(AXPRegionalSetting.Language, lang);
-            translationService.setActiveLang(lang);
-            patchState(store, { language: lang });
+            await this.changeLanguage(lang);
         },
         async getCountries() {
             const { countries } = await import('./acorex-modules-platform-management-countries-CuJVdPLt.mjs');
@@ -89,7 +93,7 @@ withMethods((store, settingService = inject(AXPSettingValueProviderService), tra
             return currencies;
         },
         async getRegionalFormats() {
-            const { regionalFormats } = await import('./acorex-modules-platform-management-regional-formats-BSMV12dQ.mjs');
+            const { regionalFormats } = await import('./acorex-modules-platform-management-regional-formats-BaHofjWg.mjs');
             return regionalFormats;
         },
         async getLanguages() {
@@ -100,7 +104,17 @@ withMethods((store, settingService = inject(AXPSettingValueProviderService), tra
             return (await this.getLanguages()).filter(c => ['fa-IR', 'en-US'].some(e => e == c.code));
         }
     };
-}));
+}), withHooks((store, settingService = inject(AXPSettingValueProviderService)) => ({
+    onInit() {
+        settingService.onChanged.subscribe(async (setting) => {
+            if (setting.keys.includes(AXPRegionalSetting.Language)) {
+                await store.loadSetting();
+            }
+        });
+    },
+    onDestroy() {
+    },
+})));
 
 const timeZones = [
     { code: 'UTC-5', title: 'UTC-5 (Eastern Time)', offset: '-05:00' },
@@ -144,8 +158,10 @@ class AXMRegionalSettingProvider {
             .addSetting({
             key: AXPRegionalSetting.TimeZone,
             title: 'Time Zone',
-            scope: 'G',
+            scope: 'T',
+            isInherited: true,
             defaultValue: await getBrowserTimeZoneCode(),
+            valueTransforms: objectKeyValueTransforms('code'),
             widget: {
                 type: AXPWidgetsCatalog.select,
                 options: {
@@ -156,13 +172,15 @@ class AXMRegionalSettingProvider {
             description: 'Set the default time zone for the application.',
         })
             .endSection()
-            // Language Section
-            .addSection('language', 'Language', 'Configure display language settings.')
+            // Region Section
+            .addSection('region', 'Region', 'Configure regional format and preferences.')
             .addSetting({
             key: AXPRegionalSetting.Language,
             title: 'Display Language',
             scope: 'U',
+            isInherited: true,
             defaultValue: 'en-US',
+            valueTransforms: objectKeyValueTransforms('code'),
             widget: {
                 type: AXPWidgetsCatalog.select,
                 options: {
@@ -171,54 +189,54 @@ class AXMRegionalSettingProvider {
                 },
             },
             description: 'Set the preferred display language for the user.',
-        })
-            .endSection()
-            // Region Section
-            .addSection('region', 'Region', 'Configure regional format and preferences.')
-            .addSetting({
-            key: AXPRegionalSetting.Country,
-            title: 'Country',
-            scope: 'G',
-            defaultValue: 'US',
-            widget: {
-                type: AXPWidgetsCatalog.select,
-                options: {
-                    valueField: 'code',
-                    dataSource: await this.store.getCountries(),
-                },
-            },
-            description: 'Set the default country for the application.',
         })
             .addSetting({
             key: AXPRegionalSetting.Regional,
             title: 'Regional Format',
             scope: 'U',
-            defaultValue: 'English (United States)',
+            isInherited: true,
+            defaultValue: await this.store.language(),
+            valueTransforms: objectKeyValueTransforms('locale'),
             widget: {
                 type: AXPWidgetsCatalog.select,
                 options: {
-                    dataSource: ['English (United States)', 'English (United Kingdom)', 'French (France)', 'German (Germany)'],
+                    valueField: 'locale',
+                    dataSource: await this.store.getRegionalFormats(),
                 },
+                triggers: [
+                    {
+                        event: `{{ events.context('${AXPRegionalSetting.Language}') }}`,
+                        action: `{{ widget.setValue(context.eval('${AXPRegionalSetting.Language}')) }}`,
+                    },
+                ],
             },
             description: 'Set the regional format for numbers, dates, and times.',
         })
             .addSetting({
             key: AXPRegionalSetting.Calendar,
             title: 'Calendar',
-            scope: 'G',
+            scope: 'U',
+            isInherited: true,
             defaultValue: 'Gregorian',
             widget: {
                 type: AXPWidgetsCatalog.select,
                 options: {
                     dataSource: ['Gregorian', 'Hijri'],
                 },
+                triggers: [
+                    {
+                        event: `{{ events.context('${AXPRegionalSetting.Regional}') }}`,
+                        action: `{{ console.log(widget.find('${AXPRegionalSetting.Regional}').output('selectedItems')[0]) }}`,
+                    },
+                ],
             },
             description: 'Select the calendar type for the application.',
         })
             .addSetting({
             key: AXPRegionalSetting.FirstDayOfWeek,
             title: 'First Day of Week',
-            scope: 'U',
+            scope: 'T',
+            isInherited: false,
             defaultValue: 'Monday',
             widget: {
                 type: AXPWidgetsCatalog.select,
@@ -231,7 +249,8 @@ class AXMRegionalSettingProvider {
             .addSetting({
             key: AXPRegionalSetting.WorkDays,
             title: 'Work Days',
-            scope: 'U',
+            scope: 'T',
+            isInherited: false,
             defaultValue: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
             widget: {
                 type: AXPWidgetsCatalog.selectionList,
@@ -246,6 +265,7 @@ class AXMRegionalSettingProvider {
             key: AXPRegionalSetting.ShortDate,
             title: 'Short Date Format',
             scope: 'U',
+            isInherited: true,
             defaultValue: 'MM/dd/yyyy',
             widget: {
                 type: AXPWidgetsCatalog.select,
@@ -259,6 +279,7 @@ class AXMRegionalSettingProvider {
             key: AXPRegionalSetting.LongDate,
             title: 'Long Date Format',
             scope: 'U',
+            isInherited: true,
             defaultValue: 'MMMM dd, yyyy',
             widget: {
                 type: AXPWidgetsCatalog.select,
@@ -272,6 +293,7 @@ class AXMRegionalSettingProvider {
             key: AXPRegionalSetting.ShortTime,
             title: 'Short Time Format',
             scope: 'U',
+            isInherited: true,
             defaultValue: 'hh:mm a',
             widget: {
                 type: AXPWidgetsCatalog.select,
@@ -289,6 +311,7 @@ class AXMRegionalSettingProvider {
             key: AXPRegionalSetting.LongTime,
             title: 'Long Time Format',
             scope: 'U',
+            isInherited: true,
             defaultValue: 'hh:mm:ss a',
             widget: {
                 type: AXPWidgetsCatalog.select,
@@ -324,6 +347,178 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             args: [{ imports: [AXDropdownModule, AXDecoratorModule, AXPopoverModule, AXButtonModule, CommonModule], template: "<ax-button look=\"blank\">\n  <ax-icon class=\"fa-regular fa-globe\"> </ax-icon>\n  <ax-dropdown-panel>\n    <ax-button-item-list>\n      @for(lang of items(); track lang){\n      <ax-button-item [text]=\"lang.title\" [selected]=\"store.language()===lang.code\"\n        (onClick)=\"store.changeLanguage(lang.code)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-solid fa-flag\"> </ax-icon>\n        </ax-prefix>\n      </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-dropdown-panel>\n</ax-button>" }]
         }] });
 
+const path = 'settings:organization:';
+var AXPOrganizationSetting;
+(function (AXPOrganizationSetting) {
+    AXPOrganizationSetting["OrganizationName"] = "settings:organization:organization-name";
+    AXPOrganizationSetting["OrganizationID"] = "settings:organization:organization-id";
+    AXPOrganizationSetting["ContactEmail"] = "settings:organization:contact-email";
+    AXPOrganizationSetting["ContactPhone"] = "settings:organization:contact-phone";
+    AXPOrganizationSetting["OrganizationAddress"] = "settings:organization:organization-address";
+    AXPOrganizationSetting["OrganizationCity"] = "settings:organization:organization-city";
+    AXPOrganizationSetting["OrganizationCountry"] = "settings:organization:organization-country";
+    AXPOrganizationSetting["BrandingColor"] = "settings:organization:branding-color";
+    AXPOrganizationSetting["BrandingLogo"] = "settings:organization:branding-logo";
+    AXPOrganizationSetting["CopyrightText"] = "settings:organization:copyright-text";
+    AXPOrganizationSetting["ApplicationHeaderTitle"] = "settings:organization:application-header-title";
+    AXPOrganizationSetting["SupportEmail"] = "settings:organization:support-email";
+    AXPOrganizationSetting["InfoEmail"] = "settings:organization:info-email";
+    AXPOrganizationSetting["FaxNumber"] = "settings:organization:fax-number";
+})(AXPOrganizationSetting || (AXPOrganizationSetting = {}));
+
+class AXMOrganizationSettingProvider {
+    async provide(context) {
+        context
+            .addGroup('organization-settings', 'Organization Settings', 'Manage organizational preferences.', 'fa-solid fa-building')
+            // Branding Section
+            .addSection('branding', 'Branding', 'Configure company branding.')
+            .addSetting({
+            key: AXPOrganizationSetting.OrganizationName,
+            title: 'Company Name',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'Specify the official name of the company.',
+        })
+            .addSetting({
+            key: 'branding-color',
+            title: 'Primary Color',
+            scope: 'G',
+            defaultValue: '#000000',
+            widget: {
+                type: AXPWidgetsCatalog.color,
+            },
+            description: 'Primary brand color used across the application.',
+        })
+            .addSetting({
+            key: 'branding-logo',
+            title: 'Company Logo',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.file,
+                options: {
+                    fileTypes: ['image/png', 'image/jpeg'],
+                },
+            },
+            description: 'Upload the company logo.',
+        })
+            .addSetting({
+            key: 'copyright-text',
+            title: 'Copyright Text',
+            scope: 'G',
+            defaultValue: '© 2024 Your Company',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'Text displayed in the footer of the application.',
+        })
+            .addSetting({
+            key: 'application-header-title',
+            title: 'Application Header Title',
+            scope: 'G',
+            defaultValue: 'Your Application',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'Title displayed in the application header.',
+        })
+            .endSection()
+            // Contact Details Section
+            .addSection('contact', 'Contact Details', 'Set company contact information.')
+            .addSetting({
+            key: AXPOrganizationSetting.ContactEmail,
+            title: 'Company Email',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.email,
+            },
+            description: 'Primary email address for the company.',
+        })
+            .addSetting({
+            key: 'support-email',
+            title: 'Support Email',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.email,
+            },
+            description: 'Support email address for customer inquiries.',
+        })
+            .addSetting({
+            key: 'info-email',
+            title: 'Info Email',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.email,
+            },
+            description: 'General information email address.',
+        })
+            .addSetting({
+            key: AXPOrganizationSetting.ContactPhone,
+            title: 'Company Phone',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.phone,
+            },
+            description: 'Primary contact phone number.',
+        })
+            .addSetting({
+            key: 'fax-number',
+            title: 'Fax Number',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.phone,
+            },
+            description: 'Fax number for the company.',
+        })
+            .endSection()
+            // Address Section
+            .addSection('address', 'Address', 'Manage company address details.')
+            .addSetting({
+            key: AXPOrganizationSetting.OrganizationAddress,
+            title: 'Street Address',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'Street address of the company.',
+        })
+            .addSetting({
+            key: AXPOrganizationSetting.OrganizationCity,
+            title: 'City',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'City where the company is located.',
+        })
+            .addSetting({
+            key: AXPOrganizationSetting.OrganizationCountry,
+            title: 'Country',
+            scope: 'G',
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.select,
+                options: {
+                    dataSource: ['United States', 'United Kingdom', 'France', 'Germany', 'Japan', 'China'],
+                },
+            },
+            description: 'Country where the company is based.',
+        })
+            .endSection()
+            .endGroup();
+    }
+}
+
 class AXMPlatformManagementCommonModule {
     constructor(appInitService, injector) {
         const service = injector.get(AXPRegionalStoreService);
@@ -348,6 +543,11 @@ class AXMPlatformManagementCommonModule {
                 useClass: AXMRegionalSettingProvider,
                 multi: true
             },
+            {
+                provide: AXP_SETTING_DEFINITION_PROVIDER,
+                useClass: AXMOrganizationSettingProvider,
+                multi: true
+            },
         ], imports: [AXPComponentSlotModule.forChild({
                 'header-end': [
                     {
@@ -383,6 +583,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             useClass: AXMRegionalSettingProvider,
                             multi: true
                         },
+                        {
+                            provide: AXP_SETTING_DEFINITION_PROVIDER,
+                            useClass: AXMOrganizationSettingProvider,
+                            multi: true
+                        },
                     ],
                 }]
         }], ctorParameters: () => [{ type: i1$1.AXPAppStartUpService }, { type: i0.Injector }] });
@@ -464,7 +669,7 @@ async function globalVariableEntityFactory(injector) {
                 ],
             },
             {
-                name: 'dataValue',
+                name: 'value',
                 title: 'Data Value',
                 groupId: 'section',
                 schema: {
@@ -510,11 +715,11 @@ async function globalVariableEntityFactory(injector) {
                 ],
             },
         ],
-        columns: [{ name: 'title' }, { name: 'dataValue' }, { name: 'dataType' }],
+        columns: [{ name: 'title' }, { name: 'value' }, { name: 'dataType' }],
         commands: {
             create: {
                 execute: async (data) => {
-                    return Promise.resolve(dataService.insertOne(data));
+                    return Promise.resolve({ id: await dataService.insertOne(data) });
                 },
             },
             delete: {
@@ -585,7 +790,7 @@ async function globalVariableEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'dataValue',
+                            name: 'value',
                             layout: {
                                 positions: {
                                     lg: {
@@ -634,7 +839,7 @@ async function globalVariableEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'dataValue',
+                            name: 'value',
                             layout: {
                                 positions: {
                                     lg: {
@@ -684,7 +889,7 @@ async function globalVariableEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'dataValue',
+                            name: 'value',
                             layout: {
                                 positions: {
                                     lg: {
@@ -782,15 +987,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 class AXMPlatformManagmentModuleMenuProvider {
     constructor() {
         this.entityService = inject(AXPEntityService);
+        this.sessionService = inject(AXPSessionService);
     }
     async provide(context) {
         const scope = AXMPlatformManagementModuleConst.i18n;
+        const appName = this.sessionService.application?.name;
         context.addItems([
             {
                 name: 'administration-group',
                 priority: 2000,
                 text: `t('administration',{scope: "${scope}"})`,
                 type: 'group',
+                data: {
+                // requiredPermission: 'admin',
+                },
+            },
+            {
+                name: 'tenant-application-settings',
+                priority: 10000,
+                text: `t('settings')`,
+                type: 'menu',
+                icon: 'fa-solid fa-gear',
+                path: `/${appName}/settings/tenant`,
                 data: {
                     requiredPermission: 'admin',
                 },
@@ -801,7 +1019,7 @@ class AXMPlatformManagmentModuleMenuProvider {
                 type: 'menu',
                 priority: 9100,
                 data: {
-                // requiredPermission: 'demo.admin.settings',
+                    requiredPermission: 'platform',
                 },
                 children: [
                     {