@acorex/modules 21.0.0-next.89 → 21.0.0-next.90

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

@@ -3,9 +3,11 @@ import { AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
 import { AXPSearchCommandProvider, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXP_STATUS_PROVIDERS } from '@acorex/platform/common';
 import { AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider } from '@acorex/platform/core';
 import { AXPEntityService, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { createSelectProperty, AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
 import * as i0 from '@angular/core';
 import { Injectable, inject, NgModule } from '@angular/core';
 import { AXPCommonMenuKeys } from '@acorex/modules/common';
+import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_READONLY_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP } from '@acorex/platform/layout/widgets';
 import { AXPWidgetsList } from '@acorex/platform/contracts';
 import { createAllQueryView, entityMasterCrudActions, entityMasterRecordActions, entityDetailsCrudActions, entityDetailsSimpleCondition } from '@acorex/platform/layout/entity-contracts';
 
@@ -436,6 +438,73 @@ class AXMWorkplaceSafetyManagementSearchCommandProvider extends AXPSearchCommand
     }
 }
 
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Widget Config   ----
+const AXMControlHierarchyDiagramWidget = {
+    name: 'control-hierarchy-diagram-editor',
+    title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.widget-title',
+    description: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.widget-description',
+    icon: 'fa-light fa-layer-group',
+    categories: AXP_WIDGETS_EDITOR_CATEGORY,
+    groups: [AXPWidgetGroupEnum.UtilityWidget],
+    type: 'editor',
+    options: {
+        needLabel: false,
+    },
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+        createSelectProperty({
+            name: 'viewType',
+            title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.fields.view-type.title',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+            path: 'options.viewType',
+            defaultValue: { id: 'horizontal', title: 'Horizontal cards' },
+            dataSource: [
+                {
+                    id: 'horizontal',
+                    title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.view-types.horizontal',
+                },
+                {
+                    id: 'vertical',
+                    title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.view-types.vertical',
+                },
+                {
+                    id: 'horizontal-chevron',
+                    title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.view-types.horizontal-chevron',
+                },
+            ],
+        }),
+        AXP_READONLY_PROPERTY,
+    ],
+    components: {
+        view: {
+            component: () => import('./acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-view.component-DwC2aHVt.mjs').then((c) => c.AXMControlHierarchyDiagramWidgetViewComponent),
+        },
+        edit: {
+            component: () => import('./acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-edit.component-CFF7X1MO.mjs').then((c) => c.AXMControlHierarchyDiagramWidgetEditComponent),
+        },
+        designer: {
+            component: () => import('./acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-edit.component-CFF7X1MO.mjs').then((c) => c.AXMControlHierarchyDiagramWidgetEditComponent),
+        },
+    },
+};
+//#endregion
+
+//#endregion
+//#region ----   Widget Provider   ----
+class AXMWorkplaceSafetyManagementWidgetsProvider {
+    getWidgets() {
+        return [AXMControlHierarchyDiagramWidget];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkplaceSafetyManagementWidgetsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkplaceSafetyManagementWidgetsProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkplaceSafetyManagementWidgetsProvider, decorators: [{
+            type: Injectable
+        }] });
+
 const AXM_HAZARD_CODE_IDENTIFIER_RULE = {
     id: 'hazard-code',
     title: 'Hazard Code',
@@ -494,7 +563,7 @@ const AXM_PPE_ITEM_CODE_IDENTIFIER_RULE = {
 
 class AXMWorkplaceSafetyManagementModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkplaceSafetyManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkplaceSafetyManagementModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkplaceSafetyManagementModule, imports: [AXPWidgetCoreModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkplaceSafetyManagementModule, providers: [
             {
                 provide: AXP_IDENTIFIER_RULES,
@@ -553,12 +622,17 @@ class AXMWorkplaceSafetyManagementModule {
             provideLazyProvider(AXP_STATUS_PROVIDERS, () => import('./acorex-modules-workplacesafety-management-hazard-risk-ppe-rule-status.provider-BsRNRZ6z.mjs').then((m) => m.AXMWorkplaceSafetyManagementHazardRiskPpeRuleStatusProvider)),
             provideLazyProvider(AXP_STATUS_PROVIDERS, () => import('./acorex-modules-workplacesafety-management-control-hierarchy-levels-status.provider-D6x3LSI7.mjs').then((m) => m.AXMWorkplaceSafetyManagementControlHierarchyLevelsStatusProvider)),
             provideLazyProvider(AXP_STATUS_PROVIDERS, () => import('./acorex-modules-workplacesafety-management-control-measure-status.provider-BINkFgat.mjs').then((m) => m.AXMWorkplaceSafetyManagementControlMeasureStatusProvider)),
-        ] }); }
+            {
+                provide: AXP_WIDGET_DEFINITION_PROVIDER,
+                useClass: AXMWorkplaceSafetyManagementWidgetsProvider,
+                multi: true,
+            },
+        ], imports: [AXPWidgetCoreModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkplaceSafetyManagementModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [],
+                    imports: [AXPWidgetCoreModule],
                     providers: [
                         {
                             provide: AXP_IDENTIFIER_RULES,
@@ -617,6 +691,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideLazyProvider(AXP_STATUS_PROVIDERS, () => import('./acorex-modules-workplacesafety-management-hazard-risk-ppe-rule-status.provider-BsRNRZ6z.mjs').then((m) => m.AXMWorkplaceSafetyManagementHazardRiskPpeRuleStatusProvider)),
                         provideLazyProvider(AXP_STATUS_PROVIDERS, () => import('./acorex-modules-workplacesafety-management-control-hierarchy-levels-status.provider-D6x3LSI7.mjs').then((m) => m.AXMWorkplaceSafetyManagementControlHierarchyLevelsStatusProvider)),
                         provideLazyProvider(AXP_STATUS_PROVIDERS, () => import('./acorex-modules-workplacesafety-management-control-measure-status.provider-BINkFgat.mjs').then((m) => m.AXMWorkplaceSafetyManagementControlMeasureStatusProvider)),
+                        {
+                            provide: AXP_WIDGET_DEFINITION_PROVIDER,
+                            useClass: AXMWorkplaceSafetyManagementWidgetsProvider,
+                            multi: true,
+                        },
                     ],
                 }]
         }] });
@@ -628,6 +707,10 @@ const listSortAndFilterOptions$8 = {
     sort: { enabled: true },
     filter: { advance: { enabled: true }, inline: { enabled: true } },
 };
+const hierarchyDiagramPropertyLayout = {
+    name: 'hierarchyDiagram',
+    layout: { positions: { lg: { colSpan: 12, order: 0 } } },
+};
 //#endregion
 //#region ----   Entity factory   ----
 async function controlHierarchyLevelsEntityFactory() {
@@ -660,14 +743,43 @@ async function controlHierarchyLevelsEntityFactory() {
                     mode: 'free',
                 },
             },
+            {
+                name: 'category',
+                options: {
+                    appearance: { icon: true, color: true },
+                },
+            },
         ],
         groups: [
+            {
+                id: 'visualization',
+                title: '@workplacesafety-management:control-measure-types.entities.control-measure-type.groups.visualization',
+            },
             {
                 id: 'basic-info',
                 title: '@workplacesafety-management:control-measure-types.entities.control-measure-type.groups.basic-info',
             },
         ],
         properties: [
+            {
+                name: 'hierarchyDiagram',
+                title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.title',
+                groupId: 'visualization',
+                schema: {
+                    dataType: 'object',
+                    nullable: true,
+                    readonly: true,
+                    interface: {
+                        type: AXPWidgetsList.Editors.ControlHierarchyDiagram,
+                        options: {
+                            readonly: true,
+                            showLabel: false,
+                            showTitle: false,
+                            showViewTypeSelector: true,
+                        },
+                    },
+                },
+            },
             {
                 name: 'id',
                 title: '@general:terms.common.id',
@@ -754,8 +866,9 @@ async function controlHierarchyLevelsEntityFactory() {
         interfaces: {
             master: {
                 create: {
-                    sections: [{ id: 'basic-info' }],
+                    sections: [{ id: 'visualization' }, { id: 'basic-info' }],
                     properties: [
+                        hierarchyDiagramPropertyLayout,
                         { name: 'code', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
                         { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
                         { name: 'effectivenessLevel', layout: { positions: { lg: { colSpan: 6, order: 3 } } } },
@@ -763,8 +876,9 @@ async function controlHierarchyLevelsEntityFactory() {
                     ],
                 },
                 update: {
-                    sections: [{ id: 'basic-info' }],
+                    sections: [{ id: 'visualization' }, { id: 'basic-info' }],
                     properties: [
+                        hierarchyDiagramPropertyLayout,
                         { name: 'code', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
                         { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
                         { name: 'effectivenessLevel', layout: { positions: { lg: { colSpan: 6, order: 3 } } } },
@@ -773,8 +887,9 @@ async function controlHierarchyLevelsEntityFactory() {
                 },
                 single: {
                     title: '{{ title }}',
-                    sections: [{ id: 'basic-info', layout: { positions: { lg: { colSpan: 12 } } } }],
+                    sections: [{ id: 'visualization' }, { id: 'basic-info', layout: { positions: { lg: { colSpan: 12 } } } }],
                     properties: [
+                        hierarchyDiagramPropertyLayout,
                         { name: 'code', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
                         { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
                         { name: 'effectivenessLevel', layout: { positions: { lg: { colSpan: 6, order: 3 } } } },
@@ -2607,7 +2722,7 @@ async function ppeItemEntityFactory() {
                 title: '@workplacesafety-management:ppe-items.entities.ppe-item.fields.icon.title',
                 groupId: 'appearance',
                 options: {
-                    sort: { enabled: false },
+                    sort: { enabled: true },
                     filter: { advance: { enabled: false }, inline: { enabled: false } },
                 },
                 schema: {
@@ -2616,7 +2731,10 @@ async function ppeItemEntityFactory() {
                     interface: {
                         type: AXPWidgetsList.Advanced.Image,
                         options: {
-                            type: 'profile-photo',
+                            width: '100%',
+                            aspectRatio: '1',
+                            objectFit: 'contain',
+                            borderRadius: '8px',
                         },
                     },
                 },
@@ -2626,42 +2744,47 @@ async function ppeItemEntityFactory() {
             { name: 'code', options: { width: '140px', order: 1 } },
             { name: 'title', options: { width: '220px', order: 2 } },
             { name: 'serialNumber', options: { width: '140px', order: 3 } },
-            { name: 'icon', options: { width: '72px', order: 4 } },
         ],
         interfaces: {
             master: {
                 create: {
-                    sections: [{ id: 'basic-info' }, { id: 'appearance' }],
+                    sections: [
+                        { id: 'basic-info', order: 1, layout: { positions: { lg: { colSpan: 8, colStart: 1 } } } },
+                        { id: 'appearance', order: 1, layout: { positions: { lg: { colSpan: 4, colStart: 9 } } } },
+                    ],
                     properties: [
                         { name: 'code', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
                         { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
                         { name: 'serialNumber', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
                         { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 4 } } } },
-                        { name: 'icon', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'icon', layout: { label: { visible: false }, positions: { lg: { colSpan: 12 } } } },
                     ],
                 },
                 update: {
-                    sections: [{ id: 'basic-info' }, { id: 'appearance' }],
+                    sections: [
+                        { id: 'basic-info', order: 1, layout: { positions: { lg: { colSpan: 8, colStart: 1 } } } },
+                        { id: 'appearance', order: 1, layout: { positions: { lg: { colSpan: 4, colStart: 9 } } } },
+                    ],
                     properties: [
                         { name: 'code', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
                         { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
                         { name: 'serialNumber', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
                         { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 4 } } } },
-                        { name: 'icon', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'icon', layout: { label: { visible: false }, positions: { lg: { colSpan: 12 } } } },
                     ],
                 },
                 single: {
                     title: '{{ title }}',
                     sections: [
-                        { id: 'basic-info', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { id: 'appearance', layout: { positions: { lg: { colSpan: 12 } } } },
+                        { id: 'basic-info', order: 1, layout: { positions: { lg: { colSpan: 8, colStart: 1 } } } },
+                        { id: 'appearance', order: 1, layout: { positions: { lg: { colSpan: 4, colStart: 9 } } } },
                     ],
                     properties: [
                         { name: 'code', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
                         { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
                         { name: 'serialNumber', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
                         { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 4 } } } },
-                        { name: 'icon', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'icon', layout: { label: { visible: false }, positions: { lg: { colSpan: 12 } } } },
                     ],
                     actions: [...entityMasterRecordActions()],
                 },